input{height:2.7em;}
hr {  border:1px dotted #ccc; margin:10px 0 10px 0;}
.dotted {border:none; background:url(../images/hr.gif)repeat-x; margin: 5px 0 5px 0;}
.hrstraight { border:1px solid #ccc; margin:0 5px 10px 0;}
body {border: none; padding: 0; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.36em; 

 color:#666666;text-align: left; margin:0; background:#dddddd url(../images/body.gif) center repeat-y;}
.phone { margin:0;}
.center { text-align:center; }
.relax {clear: both;height: 0;line-height: 0%;font-size: 0;}
#wrapper {margin: auto;padding: 0px;width: 1000px;color: #666666; background:#fff;}
#footer { margin:25px 0 0 0;padding: 0;
width:100%;
height: 158px;
text-align:center;}
#header {margin: 10px 0 0 0;padding: 0;
width:100%;
height: 80px;color:#fff;}
.middle {text-align:center; font-size:9px; }
.imgs { margin-right:10px;}
#tagline { width:960px; background:url() no-repeat;height:120px; margin:0;}
#footer { width:960px;height:150px; margin:0;}

.curl {width:960px; margin:auto;}
.photo {background:url(../images/photo.jpg)no-repeat;  padding:10px;}

.image { border: 1px solid #f5f5f5; padding:5px; background:#fff; margin:3px; }
.whyus {background:#207997 url(../images/h1.gif) repeat;}
#content {
width:960px;
text-align:left; margin:0 20px 0 20px;}
.margin{margin:5px 20px 0 20px;}
.container {width:500px; float:left;}
.bottomleft {width:610px; float:left; margin:0 10px 0 0; border-right:1px solid #ccc; padding-right:20px; }
.bottomright {width: 300px; float:right;  margin:0 0 0 0;text-align:left; }
.indexright {width: 350px; float:left;  margin:0 0 0 0;text-align:left;background:#f9f9f9; }
.portbutton{width:160px; float:left; margin-left:10px;}
.portbuttontext{width:155px; float:left; margin-left:10px;} 
.bottomright a:link, .bottomright  a:active, .bottomright  a:visited { color:#fff; }
.indexright a:link, .indexright   a:active, .indexright   a:visited { color:#999999; }
.indexright a:hover { color:#0Fb1cf; }
.portleft {width:250px; float:left; text-align:left; margin:0;}
.portright{width:710px; float:left;text-align:right;margin:0 0 10px 0; color:#000;}
.mainleft {width:630px; float:left;  margin:0 0 0 0; text-align:left; }
.indexleft {width:605px; float:left;  margin:0 0 0 0; text-align:left;border-right:1px solid #ccc; padding-right:1px;  }
.mainright{width:300px; float:left;text-align:left;margin:0; font-family:Arial, Helvetica, sans-serif;font-size: 16px; line-height:1.63em;  font-weight:normal; color:#666666; font-style:normal; background:#232323;  }
.mainright a:link, .mainright  a:active, .mainright  a:visited { color:#fff; }
.port395 {width:395px; float:left; }
.portheader{width:960px; margin:auto; background:url(../images/logo.png)  no-repeat; height:95px;}
.portcontainer{width:960px;margin:auto;text-align:left; margin-top:10px;}
.buttoncontainer{width:350px;margin:auto;text-align:left; }
.portcontainerbg3{width:960px;margin:auto;background:url(../images/portbg.gif) bottom repeat; text-align:left; color:#fff;}
.portcontainerbg{width:960px;margin:0 0 0 0;color: #3E3E3E;text-align:center;  height:457px;}
.port80 {width:80px; float:left;text-align:left;}
.port215 { width:215px; float:left; text-align:left; margin:0 20px 0 25px ;}
.port215main { width:215px; float:left; text-align:left; margin:0 10px 0 0 ;}
.port15 {width:15px; float:left; }
.port417 { width:417px; float:left;text-align:left; }
.port447bg { width:447px; float:left;text-align:left; height:650px;background:url(../images/header_bg.jpg) no-repeat;}
.port447bgmain { width:447px; float:left;text-align:left; margin-top:10px;height:650px;}
.pictures {float:left; text-align:left;}
.port270 {width:240px; float:left;  text-align:left; height:246px; color:#fff;}
.port2701 {width:240px; float:left;  text-align:left; height:246px; color:#fff;}
.port2702 {width:240px; float:left;  text-align:left; height:246px; color:#fff;}
.port2703 {width:240px; float:left;  text-align:left; height:246px; color:#fff;}
.marginport270 {margin-top:248px; margin-left:20px; margin-right:20px;}
.port600 {width:600px; float:left; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.port300 {width:300px; float:left; margin-bottom:10px; border-bottom:1px dotted #ccc; background:url(../images/div300.jpg) top no-repeat;}
.port300nobg {width:300px; float:left; margin-bottom:10px; }
.port240 { width:230px; float:left; height:60px; margin-right:10px;}
.port270 a span, .port2701 a span, .port2702 a span, .port2703 a span {
position: relative;
z-index:1;
width: 230px; height: 80px;
color:#000;
font-size:11px; line-height:1.6em;}

.port270 a:hover { text-decoration:underline;}

.port180{width:180px; float:left;}
.port127 {width:127px; float:left;text-align:left;}
.breaker { width:100%; height:10px;  background:none;}

.black {margin:0;}
.black a:link, 
.black a:visited, 
.black a:hover { 
 color: #666666; 
 text-decoration: none; 
} 


/* FORMS
*/

formu {
		margin-top:10px;
		}
		
		#Contact_Text {
			font-size:14px;
			}
			
		#Contact_Text a {
			text-decoration:none;
			}
		
		#Name, #Email, #Message {
			color:#000;
			padding:2px 0 2px 5px;
			margin:4px 0px;
			border:solid #3b3b3b 1px;
			vertical-align:middle;
		}
	
		#Field_Name, #Field_Email {
			width:76%;
			background:none;
			border:none;
			color:#000;
			padding:4px;
			margin-left:4px;
			}
			
		#Field_Message {
			width:70%;
			height:50px;
			border:none;
			color:#000;
			padding:4px;
			margin-left:4px;
			}
			
		#phone {
			display:none; /* Haha Fucking Spammers ! */
			}
			
		.Button {
			background:#ccc;
			color:#000;
			padding:2px 5px 2px 5px;
			text-align:center;
			border:0;
			}
			
		.Button:hover {
			background-color:#f06;
			color:#000;
		}
		
		.red {
			color:#FFCC00;
		}
		
		.legend {
			font-style:italic;
			font-size:9px;
			float:right;
			color:#000;
		}
		
		#error {
			margin-top:20px;
			width:100%;
			padding:4px 0 4px 4px;
	
			color:#000;
			font-weight:bold;
			font-size:16px;
		}
		
		#response {
			margin-top:10px;
			width:100%;
			padding:4px;
			background-color:#fff;
			color:#000;
			font-weight:bold;
			font-size:16px;
		}

/* FORMS
*/






#navigation {margin:auto; width:960px;}	


.sidemenu li
{

list-style-type: none;
padding-bottom: 4px;
}



a.awesome {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
cursor: pointer;
}
.blue.awesome {
background-color: #2daebf;
}

.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 

.blue.awesome {
background-color: #38A6D7;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}

.leftnav {float:left; margin-top:4px;}
.rightnav {float:right; text-align:right;margin-top:4px;}
.marginnav {width:960px; text-align:left; margin:auto;}
#logo{text-align:left;  width:100%; height:60px; background:url(../images/bg-header.gif) repeat; margin:auto;}




        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:right; z-index:1000; font-size:16px;}
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
        #menu > li a:hover {color:#B0D730;}
        #menu .logo {background:transparent; padding:0px; background-color:Transparent;}
		#menu .logo2 {background:transparent; padding:0px; background-color:Transparent; margin:0px;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#0395CC; }
        #menu li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#fff; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}


/*--- Main CTA -------------------------------*/
#cta-main {left:20px;width:960px;height:329px;background:#2c2c2a url(../images/carportslider.jpg) repeat-x bottom;}
#cta-main ul {margin:0;list-style:none;width:100%;height:100%;}
#cta-main li {display:none;position:relative;width:100%;height:100%;margin:0;color:#fff;}
#cta-main p {color:#fff;}
#cta-main .cover {background:url(../images/cta-main.jpg) no-repeat;}
#cta-main-formula .cover {background-position:0 0;}
#cta-main-social .cover {background-position:0 -329px;}
#cta-main-email .cover {background-position:0 -658px;}
#cta-main a .cover {left:160px;top:60px;width:600px;height:180px;z-index:20;background:transparent;}
#cta-main #bannernav {position:absolute;top:297px;right:40px;z-index:10;width:auto;height:auto;margin:10px;}
#cta-main #bannernav li {float:left;display:inline;width:auto;height:auto;}
#cta-main #bannernav a {display:block;width:28px;padding:1px 0 4px;margin:0 3px;font-size:153.9%;text-align:center;font-style:italic;text-decoration:none;color:#fff;background:#2b9377;}
#cta-main #bannernav a.activeSlide {background:#be0e14;}
