/*
Theme Name: Traffic Support v1.6
Theme URI: http://www.keithics.com
Description: The default template for TrafficSupport
Version: 1.6
Author: Keith Levi Lumanog
Author URI: http://keithics.com/
*/

/******************* global *********************/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0D283D;
	margin:0;
	height:100%;
	background:url(images/bg_top.jpg)  top repeat-x;
}

div{

}

ul,li,form,fieldset,legend,h1,h2,h3,h4,p{
	margin:0;
	padding:0;
}

h1{
	font-weight:normal;
	font-size:24px;
}

h1,h2,h3,h4{
	margin-bottom:5px;
	font-weight:normal;
}

h2{
	font-size:24px;
}

h3{
	font-size:16px;
	font-weight:bold;
}

p{
	line-height:20px;
	margin-bottom:7px;
	margin-top:7px;
}

li{
	margin-left:30px;
}

.right{
	text-align:right;
}

a:link , a:visited{
	color:#0D283D;
	text-decoration:none;
}

a:hover{
	color:#069;
	text-decoration:underline;
}

#nav li a:hover{
	color:#0CF;
	text-decoration:underline;
}

.clear{
	clear:both;
}

/************************************************/

#wrap{
	margin:auto;
	width:100%;
	min-height:100%;
}

#top{
	color:#FFF;
	overflow:hidden;
}

#logo{
	overflow:hidden;
	font-size:10px;	
}

#logo img{
	float:left;
}

#logo p{
	margin-top:65px;
	padding-right:10px;
}


/******************* CSS DROP DOWN *********************/

#nav{
	padding-top:10px;
	clear:both;
}

#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	color:#FFF;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	padding-right:20px;
	padding-bottom:15px;	
}

#nav li ul li { /* all list items */
	width:250px;
	margin-left:20px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:250px;	
	padding-top:10px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color:#0E293E;
	margin-top:14px;
	margin-left:-20px;
	z-index: 5;
}

#login{
	text-align:right;
	font-size:11px;
	padding-right:20px;
	float:right;
}

#login a , a.login{
	color:#0CF;
}

/*******************************************************/

#home , #contactus{
	background:url(images/bg_content.jpg) left top no-repeat;
	overflow:hidden;
	padding-bottom:20px;
	clear:both;
}

#contactus{
	background:url(images/bg_contactus.jpg) left top no-repeat;	
}

#header , #header_contact{
	color:#FFF;
	padding-left:190px;
	padding-top:30px;
	overflow:hidden;
}

#header_contact{
	padding-left:330px;
}

#header_contact h1{
	font-size:28px;
	padding-left:5px;
}

.hc_1{
	float:left;
	width:300px;
	padding-right:20px;
}

.hc_2{
	float:left;
	width:300px;
}

.hc_1 p , .hc_2 p{
	line-height:15px;
}

#header h1{
	font-size:30px;
	margin:0;
}

#services{
	width:600px;
	padding-top:25px;
}

#services h3{
	font-size:14px;
	margin:0;
}

#services ul{
	padding-top:5px;
}

#services ul li{
	float:left;
	display:inline;
	width:180px;
	background:url(images/check.gif) left  no-repeat;
	padding-left:20px;
	line-height:20px;
	font-size:11px;
	list-style:none;
	margin:0;
}

#services ul li a{
	color:#FFF;
	text-decoration:none;	
}

/********************* home ************************/

#home_content{
	margin-top:50px;
}

#contactus #home_content{
	margin-top:10px;
}

#contact{
	color:#FFF;
	margin-left:20px;
	float:left;
	width:278px;
}

#contact_contactPage{
	color:#FFF;
	margin-left:20px;
	float:left;
	width:278px;
	position: relative;
	top:-67px;
}

#contactOnPages{
	color:#FFF;
	background-color:#044A8F;
	float:right;
	width:278px;
}

#contact form{
	background-color:#044A8F;
}

#contact_contactPage form{
	background-color:#044A8F;
}


#contact_note{
	font-size:10px;
	width:250px;
	line-height:10px;
	margin:0;
	padding-left:10px;
	color:#95B3D0;	
}

fieldset{
	border:none;
	padding-bottom:10px;
}

legend{
	color:#FFFF66;
	font-size:18px;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding: 0; 
	text-align: right;
	font-size:11px;
	padding-right:10px;
}

form input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

form .input{
	width:150px;
	border:#D3D5D6 solid 1px;
	border-top:#6D6F70 solid 1px;
	padding:5px;
}

form select{
	height: 100px;
}

form textarea{
	height: 120px;
}

.textarea, textarea { 
	overflow: auto;
	border:#D3D5D6 solid 1px;
	border-top:#6D6F70 solid 1px;
	width:300px;
	height:150px;
	padding:5px 0;
}

form p{
	margin:0;
	padding:2px;
}


#home_maincontent , #contactus #home_maincontent{
	float:left;
	width:60%;
	padding-left:30px;
}

#contactus #home_maincontent{
	padding-left:40px;
}


#footer{
	background-color:#0C334C;
	text-align:center;
	padding:20px 10px 10px;
	font-size:11px;
	clear:both;
	color:#617381;	
}

#footer a{
	color:#617381;
	text-decoration:none;
}

#footer ul li{
	display:inline;
}

#footer p{
	margin:0;
}

/******************* subpages ********************/

#sub{
	background:url(images/bg_sub.jpg) left top no-repeat;
	padding:20px 30px;
	overflow:hidden;
}

#bc , #bc a{
	color:#fff;
	font-size:11px;
}

#sub h2{
	color:#FFF;
}



ul.services li{
	margin-left:20px;
}

#subpage{
	float:left;
	width:270px;
	padding-top:20px;	
}

#sub_content{
	float:left;
	width:70%;
	padding-top:10px;	
}

#sub_content table{
	float:left;
	width:70%;
	padding-top:10px;	
}

#sub ul li{
	line-height:20px;
}

/*************** Begin Images ******************/

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/*************************/	

a img{
	border:none;
}

.rates{
	float:left;
	overflow:hidden;
	width:350px;
	padding-bottom:20px;
}

#sales{
	position:absolute;
	right:0;
	top:70px;
	padding-right:20px;
}

.form_errors, p.form_errors{
	font-size:10px;
	font-weight:bold;
	color:#FC6;
	padding-left:20px;
}
.cloud-bg {               
        background:url(http://trafficsupport.net/wp-content/uploads/2009/10/bg-cloud.png) repeat-x;

}

.addtoany_share_save_container{
position: ablsolute;


}