/*

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;

	padding-bottom:5px;

}



p{

	line-height:20px;

	margin-bottom:7px;

	margin-top:7px;

	font-size:14px;

}



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:0px;

	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:660px;

	padding-top:25px;

	color:#FFFFFF;

	

}



#services h3{

	font-size:16px;

	margin:0;

}

#services #left h2,#services #center h2,#services #right h2{

	font-size:14px;

	color:#FFFFFF;

	background:url(images/check.gif) left 2px no-repeat ;

	list-style: none;

	padding:0;



}



#services #left h2 a,#services #center h2 a,#services #right h2 a{

	font-size:14px;

	color:#FFFFFF;

	list-style: none;

	padding:0;



}

#services #left{

	float: left;

	width: 210px;

	

}



h2 li{

	margin-left: 15px;

	

}

#services #center{

	float: left;

	width: 210px;

	

}

#services #right{

	float: left;

	width: 220px;

	

}

div#services ul{

	padding-top:5px;

	height:150px;

	

}



#services ul li{

	float:left;

	padding-left:15px;

	line-height:18px;

	font-size:12px;

	list-style:none;

	

	margin:0 20px 0 0;

}

#services ul li:before {

	content: "\00BB \0020";

	}



#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:298px;

	position: relative;

	top:-30px;

}



#contactOnPages{

	color:#FFF;

	background-color:#044A8F;

	float:right;

	width:298px;

}



#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:12px;

	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:180px;

	border:#D3D5D6 solid 1px;

	border-top:#6D6F70 solid 1px;

	padding:5px;

}





form .input2{

	width:190px;

	border:#D3D5D6 solid 1px;

	border-top:#6D6F70 solid 1px;

	padding:5px 0px 0px 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



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;

	height:79px;

	text-align:center;

	padding:2px 10px 0px;

	font-size:11px;

	clear:both;

	color:#ebebeb;	

}



#footer a{

	color:#a6a6a6;

	text-decoration:none;

}



#footer a:hover{

	color:#ebebeb;

	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;

	padding-left:30px;	

}



#sub_content table{

	float:left;

	width:70%;

	padding-top:10px;	

}



#sub ul li{

	line-height:20px;

}


/* added by pradeep on  21 march 2011    */

#sub_content2{

	float:left;

	width:100%;

	padding-top:10px;

	padding-left:30px;	

}

#sub_content2 p{ font-size:12px; line-height:normal;}




/* added by pradeep on  21 march 2011    */

/*************** 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;





}

#copyright_wrapper {

color:#655B46;

font-size:11px;

margin:0;

padding:0;

text-decoration:none !important;

width:100%;

}



#btm-nav{width:100%; margin:0; padding:0; float:left;}



#copyright_wrapper .left {

border-right:0 solid #655B46;

margin:0 0 0 0;

text-align:left;

clear:none;

width:61%;

float:left;

color:#ebebeb;

}



#copyright_wrapper .right {

margin:0 0 0 0;

float:right;

clear:none;

width:39%;

color:#a6a6a6;

}



.dyomologo {

background:url("images/dyomo-logo.jpg") no-repeat scroll left center transparent;

height:51px;

margin:6px 0 0 0;

width:93px;

}



#land_content {

margin-top:10px;

}

#land_maincontent {

float:left;

padding-left:20px;

width:60%;

}



/*** Added By Pradeep **/

#chat{display:none;}



/* added by pradeep on 5april   */

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: -25px;
	left: -5px;
	width:auto;
	padding: 5px;
	z-index: 100;
	background: #5da7d4;
	color: #ffffff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}