@charset "utf-8";
/*
     @@@   @@@@@@   @@@@@@@@@@   @@@@@@@@   @@@@@@   
     @@@  @@@@@@@@  @@@@@@@@@@@  @@@@@@@@  @@@@@@@   
     @@!  @@!  @@@  @@! @@! @@!  @@!       !@@       
     !@!  !@!  @!@  !@! !@! !@!  !@!       !@!       
     !!@  @!@!@!@!  @!! !!@ @!@  @!!!:!    !!@@!!    
     !!!  !!!@!!!!  !@!   ! !@!  !!!!!:     !!@!!!   
     !!:  !!:  !!!  !!:     !!:  !!:            !:!  
!!:  :!:  :!:  !:!  :!:     :!:  :!:           !:!   
::: : ::  ::   :::  :::     ::    :: ::::  :::: ::   
 : :::     :   : :   :      :    : :: ::   :: : :    
                                                     
                                            
@@@@@@@   @@@  @@@@@@@  @@@@@@@@  @@@@@@@   
@@@@@@@@  @@@  @@@@@@@  @@@@@@@@  @@@@@@@@  
@@!  @@@  @@!    @@!    @@!       @@!  @@@  
!@!  @!@  !@!    !@!    !@!       !@!  @!@  
@!@!!@!   !!@    @!!    @!!!:!    @!@!!@!   
!!@!@!    !!!    !!!    !!!!!:    !!@!@!    
!!: :!!   !!:    !!:    !!:       !!: :!!   
:!:  !:!  :!:    :!:    :!:       :!:  !:!  
::   :::   ::     ::     :: ::::  ::   :::  
 :   : :  :       :     : :: ::    :   : :  
                                            


*/
/*Begin basic global styles */

html,body,div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {color: #000000;list-style: none; margin: 0;padding: 0; }
html { background: #/* Add Color */; }
body { font: 12px arial; }
a { color: #444; font-weight: bold; text-decoration: none; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
.floatright {
float: right;}
.floatleft {
float: left;}

/* Body Wrapper */

#main {background: #ffffff; margin: 100px auto; width:  ; margin-bottom: 10px;}
/*a:hover, a:active, a:focus { background: #ccc; color: #000;} */
/* Heading Styles */

#header {}
#mainTitle {text-align: center;}
#mainTitle a {text-align: center;}
#mainTagline { display:block; text-align: center; font-size: 18px; }

/* Navigation Bars */

#topLinks, #bottomLinks {font-size: 1.5em; line-height: 2em; background: #/* Add Color */; text-align: center;}
#topLinks li, #bottomLinks li {display: inline;list-style: none;}
#topLinks li a, #bottomLinks li a {color: #fff; margin: 0 .5em;}
#topLinks li a:hover, #bottomLinks li a:hover {color: #ccc;}

/* Page Layout---2 columns */

#rightside { } /*this should be set to the width of the sidebar*/
#leftside { width:220px; float:left; }

/* wrapper for elements below nav */

#mainArea { padding: 1em; }

/* Left Side Layout */

#leftLinks { 
border: 2px solid #/* Add Color */; 
padding:1em; 
background-color: #/* Add Color */; 
text-align: center;}
#leftLinks li { display:inline; color: #/* Add Color */; font-size: 10px; }
#leftLinks li:after { content:" - ";  }
#leftLinks li { line-height: 1.55em; 
display: inline;}
#leftLinks a, #leftLinks a:link { color: #000; }
#leftLinks a:hover { text-decoration:underline; }


/* Sitemap sidebar link area */

#sidesm { border: 2px solid #618095; margin: ; padding:1em; background-color: #CAE0EF;}
#sidesm li { line-height: 1.55em; }
#sidesm a, #sidesm a:link { color: #000000; }
#sidesm a:hover { text-decoration:underline; }

/* Web Link Top */
/* #webLinkTop a:hover, #webLinkTop a:active, #webLinkTop a:focus { display:none}*/


#webLinkTop {height: 120px;width: 450px; margin:0 auto;background: url('/images/weblink.png') center no-repeat;}
#webLinkTop { margin:0; }
#webLinkTop h2 { text-align:center; }
#webLinkTop dl dt{ float:left; width:100px; font-weight:normal; }
#webLinkTop dl dd { margin-left:100px; }
#addressLeft { width:250px; float:left; }
#addressRight { margin-left:250px; }
#webLinkTop a {display: block;text-indent: -99999px; height: 225px; z-index: -5;}
#webLinkTop a:focus{outline:0;}

/* Web Link Bottom */
/* #webLinkTop a:hover, #webLinkTop a:active, #webLinkTop a:focus { display:none}*/


#webLinkBottom {height: 120px;width: 450px; margin:0 auto;background: url('/images/weblink.png') center no-repeat;}
#webLinkBottom { margin:0; }
#webLinkBottom h2 { text-align:center; }
#webLinkBottom dl dt { float:left; width:100px; font-weight:normal; }
#webLinkBottom dl dd { margin-left:100px; }
#addressLeft { width:250px; float:left; }
#addressRight { margin-left:250px; }
#webLinkBottom a {display: block;text-indent: -99999px ;height: 225px; z-index: -5;}
#webLinkBottom a:focus {outline:0;}






/* Page Content Styles */

#content {text-align: left; margin: 0px auto; padding:1em;font-size: 15px; width:  ;}
#content img {margin: 8px; padding: 5px;}
#content li {list-style: disc; margin-left: 30px; font-size:13px;}
#content h2 {text-align:center; margin: 20px 0 0 0; }
#content p { font-size: 10px; width:  ;}

/* Related Info */


#relatedInfo { background: #/* Add Color */  ; padding: 1em; text-align: left; clear:both;}
#relatedInfo li { display: ; color: #000 ; }
#relatedInfo li:after { content:" | ";  }
#relatedInfo h3 { color: #000 ; font-size: 18px; }
#relatedInfo a { color: #000 ; }
#relatedInfo a:hover { background: #6D6D6D; color: #fff;}

/* Weather */

#wrap{
margin-bottom:  px;
margin-top: 30px;
display: block;
height: 200px;
margin-bottom: px;
padding-bottom: 100px;
position: relative;
background: #/* Add Color */;
margin: 10px;
padding: px;
border: #/* Add Color */ solid 5px;
margin-bottom: 10px;}

#weather {
text-align: right;
padding:0px 0px 0px 0px;
margin-top: 0px;
float: right;
width:  ;}

#weather img {
float:left;
margin: ;}

/* Opt in form classes */

#optin { border: 2px solid #618095; margin: 1em 0; padding:1em; background-color: #CAE0EF;}
#optin label { display:block;}
#optin label span { width:45px; float:left; margin:7px 0; font-size:14px; font-weight:bold; }
#optin label input { width:130px; height:15px; margin:5px 0;}
#optin input[type="submit"] { }

/* Cartoon of the day */

#cotd {
margin: 0px 0;
padding: 0px 0px;
text-align:center;
float: left;
width:  ;}

#cotd h2{
font-size: 12px;}

#cotd img {
border: #/* Add Color */ solid 1px;}

/* Search box */
#search { 
text-align:center;
padding:5px;
position: absolute;
border: 0px;
margin-top: 0px;}
#search {opacity:0.7;filter:alpha(opacity=60)}
#search {text-transform:uppercase}
#search  { width:400px; float:left; }
#search input, #search option { margin:0 5px; }
#search fieldset {border: 0px;}
#search input[type="text"] {
background-image: url('/images/form_bkgd.gif');
background-repeat: repeat-x;
border: 1px solid #ADB7C3;}
#search input, #search option { margin:0 5px; }
#search fieldset {border: 0px;}
#engines {
background: url('/images/form_bkgd.gif');
background-repeat: repeat-x;
border: 1px solid #ADB7C3;}
#search input[type="submit"] {
background-image: url('/images/form_bkgd.gif');
background-repeat: repeat-x;
border: 1px solid #ADB7C3;}
#engines option{background: url('/images/form_bkgd.gif');
background-repeat: repeat-x;}
#engines option{
opacity:0.7;filter:alpha(opacity=60)}

/*------------------------------------------
Forms
------------------------------------------*/
#content form { text-align:center; }
#content form span { display:block; clear:both; }
#content form span label { width:75px; float:left; text-align:right; line-height:24px;}
#content form span input[type=text], #content form label textarea { width:375px; }
#content form span textarea { height:75px; width:375px; }
#content form input[type=submit] { margin:0 auto; }

/*------------------------------------------
Site Map area Possibly Reusable
------------------------------------------*/
#sitemap { margin-left:5px; }
#sitemap dt { margin-left:10px; }
#sitemap h3 { margin-left:10px; text-decoration:underline; }
#sitemap dd { margin-left:20px; text-transform:capitalize; }

/* Referer Keyword */

#referer a,
#referer a:link { border:2px solid #FF0000; margin-bottom:10px; padding:11px; background-color:#FF3; 
text-align:center; display:block; text-transform:uppercase; font:14pt 'Tahoma', 'Helvetica', 'Arial', 'Sans-serif'; letter-spacing:1px; }

/* Add Color */

#turn_fold{
position:absolute;
right:0px;
top:0px;
z-index 999999999;
}

.blog a {font-size: 8px}
.blog {width:444px;}
.blog { border-top:  px solid black; }
.blog legend { font-weight:bold; font-size:16px; }
.blog legend {font-size:10px;}
.blogDetail div {font-size: 10px; }
.blogDetail img { display:none !important; }
.blogDetail object { display:none !important; }
.blog div{font-size:5px;}
.blog fieldset {font-size: 5px; }
#content div {width:550px}

BODY {
	background:url(http://rayburnsteelroofing.com/imagess/background.gif) repeat !important;
	margin: 0px;

}
.midtable {
	background-image: url(http://rayburnsteelroofing.com/imagess/main_bg.gif);
	background-repeat: repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}

a.nav, a.nav:visited {
	FONT-SIZE: 12px;
	FONT-FAMILY: tahoma;
	TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
}
#content p {
	font-size: 14px;
}
#content h4 {
	color: #003399;
}
#content h1 {
	color: #003399;
	font-size: 24px;
}
a.nav:hover  {
	COLOR: #E0E0E0;
}#headerleft {
	background-image: url(http://rayburnsteelroofing.com/imagess/logo.gif);
	height: 186px;
	width: 406px;
}
#headerright {
	background-image: url(http://rayburnsteelroofing.com/imagess/house.jpg);
	height: 186px;
	width: 354px;
}
#nav {
	background-image: url(http://rayburnsteelroofing.com/imagess/nav_bg.gif);
}
h1 {
  font-size: 16px;
  font-family:tahoma;
  font-weight: bold;
  color: #5B5B5B;
}
h2 {
  font-size: 14px;
  font-family:tahoma;
  font-weight: bold;
  color: #5B5B5B;
}
td {
  font-size: 12px;
  font-family: tahoma;
}
#decravideos p{
	font-size: 18px !important;
}
#gallery   #heading {
	display: block;
	font-size: 24px;
	text-align: center;
	text-decoration: underline;
}


#spacer{
height: 186px;
padding-bottom: 100px;



}