/*
Theme Name: Rain Gutters
Theme URI: http://www.sitebuilderone.com/
Description: Custom WordPress theme development for Gutter Doc
Version: 1.1
Author: Anthony	
Author URI: http://www.sitebuilderone.com
Tags: blue, custom header, fixed width, two columns, widgets

SiteBuilderOne.com
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
body{
background:url('images/bg-1.png') repeat-x top #E7EDF6;
font:Arial, Helvetica, sans-serif;
font-size:14px;margin:0; 	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
}
p{font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; padding-bottom:10px;}
h1, h2, h4, h5
{
font-size:20px;
color:#034DA2;
letter-spacing:-1px;
padding:0; margin:0;
padding-top:5px;
padding-bottom:5px;
}
h3
{
font-size:17px;
color:#034DA2;
letter-spacing:-1px;
padding:0; margin:0;
padding-top:5px;
padding-bottom:5px;
}

#gtop{width:919px;height:519px;background:url('images/bg-glow.png');margin:auto;}
#container{width:919px;clear:both;height:auto;margin:10px auto auto;}
#cbody{width:896px;background-color:#FFF;float:left;margin-left:10px;margin-top:5px;border:#CCC 1px solid;}
#topbranding{width:896px;height:276px;background-color:#900;margin:auto;}
#content
{float:left; width:580px; background-color:#FFFFFF; margin-left:5px; margin-right:10px; margin-top:5px; clear:both; padding-left:10px;}
#sidebar
{ float:left; width:290px; background-color:#FFFFFF; margin-top:5px; }
#footer
{ float:left; width:900px; text-align:center; padding-top:15px; padding-bottom:10px; margin-left:10px; color:#336699; font-size:12px; font:Arial, Helvetica, sans-serif; }
#footer p
{ line-height:12px; padding:0; margin:0; padding-bottom:5px; }
/*  navigation */
#mainnav li, #footer li, #subnav li, #minitopnav li, #quickcontact li { list-style-type: none; }
#mainnav ul, #minitopnav ul, #subnav ul, #quickcontact ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#mainnav { background: transparent url('images/bg-main-nav.gif') repeat-x scroll 0% 0%; height: 42px; margin-left:1px; }
#mainnav li { border-left: 1px solid rgb(89, 125, 188); border-right: 1px solid rgb(39, 71, 151); height: 42px; width: auto; position: relative; display: block; float: left; }
#mainnav li a { padding: 13px 7px 12px; font-size: 14px; color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; display: block; font-family:Arial,Helvetica,sans-serif; }
#mainnav li a:hover { background: rgb(39, 71, 151) none repeat scroll 0% 0%; }
#menupad { background: transparent url('images/bg-menupad.jpg') repeat-x scroll left top; height: 31px; display: block; width: 100%; }
#mainnav li ul { background: rgb(74, 113, 191) url('images/bg-main-nav.gif') repeat-x scroll center top; display: none; position: absolute; top: 42px; left: 0pt; }
#mainnav li > ul { width: 200px; top: auto; left: auto; }
#mainnav li:hover ul, #mainnav li.over ul { display: block; }
#mainnav li ul li { border-style: solid none; border-color: rgb(39, 71, 151) -moz-use-text-color rgb(89, 125, 188); border-width: 1px medium; height: auto; width: 200px; }
#mainnav li ul li a { padding: 7px; font-size: 12px; text-align: left; font-weight: normal; }
#subnav { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); background: transparent url('images/bg-sub-nav.jpg') repeat-x scroll center top; height: 29px; }
#subnav li { border-left: 1px solid rgb(204, 204, 204); height: 29px; width: auto; float: left; }
#subnav a { padding: 6px 5px; font-size: 0.8em; color: rgb(51, 51, 102); text-decoration: none; display: block; }
#subnav a:hover { background: rgb(39, 71, 151) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }

#clr
{
clear:both;
}
/*  form */
#main_body .form_description h2 {
clear:left;
font-size:140%;
font-weight:400;
margin:0 0 3px;
}
.info
{
font-size:11px; color:#999999; padding:0; margin:0; padding-bottom:15px; margin-bottom:5px; }

/*clear floats */

.cleft {clear:left;}

.cright {clear:right;}

.cboth {clear:both;}



#topmenu {
     position: relative;
     height: 40px;
     margin-bottom: 20px;
     background-color: #333;
	 		 background:#034DA2;
			 background:transparent url(images/bg-main-nav.gif) repeat-x scroll 0 0;	 
}
#topmenu li a:hover, #topmenu li.active a {
     color: #ff7800;
     text-decoration: none;

}


#nav, #nav ul {
     padding: 0pt;
     float: left;
     list-style: none outside none;
}
#nav {
     padding: 0pt;
}

#nav a {
     display: block;
}

#nav li {
     float: left;
     line-height: 38px;
}

#nav li a:hover {
     background: transparent none repeat scroll 0 0;
     -moz-background-clip: border;
     -moz-background-origin: padding;
     -moz-background-inline-policy: continuous;
}

#nav li ul {
     position: absolute;
     width: 15em;
     left: -999em;
     padding-top: 1px;
}

#nav li:hover ul, #nav li.sfhover ul {
     left: auto;
     z-index: 1000;
}


/* sub */
#nav li ul li {
line-height: 28px;
line-height: 38px;
width: 18em;
border-left: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
background: #404040 none repeat scroll 0 0;
background-color:#CCCCCC;
background:#466DBB none repeat scroll 0 0;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

#nav li:hover, #nav li.hover {
     position: static;
}

#nav li ul ul {
     margin: -29px 0pt 0pt 15em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
     left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
     left: auto;
}

#topmenu li {
     float: left;
     line-height: 33px;
	    line-height: 40px;
     border-left: 1px solid #777;
	 	
				 
}

#topmenu li a {
     margin: 0pt 1px 0pt 0pt;
     padding: 0pt 15px;
     display: block;
     color: #fff;
	 

}


/*  hovers */
#topmenu li a:hover, #topmenu li.active a {


     background: #262626 none repeat scroll 0 0;
	 background:#466DBB;
	 background:#666666;
	 background:#333333;
     color: #fff;
	 
	 	 	 	 font-weight:bold;
				 
     -moz-background-clip: border;
     -moz-background-origin: padding;
     -moz-background-inline-policy: continuous;

}

#mainnav li ul li a {
font-size:14px;
font-weight:bold;
padding:7px;
text-align:left;
padding-left:10px;
}



