/*  
Theme Name: ArrowHead
Theme URI: http://www.arrowhead.com.mx/search-engine-experts-mexico/
Description: The WordPress theme for ArrowHead created by <a href="http://vietfreelancing.com/">VietFreelancing.com</a>
Version: 1.0
Author URI: http://vietfreelancing.com
*/

body 
{
	margin: 1px 0px 0px 0px;
	background: #333 url(images/page-bg.jpg) left top repeat;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
}
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#wrapper{width: 100%; height: auto; float: left; background: url(images/header-bg.jpg) left top repeat-x;}
#wrapper .container{width: 778px; height: auto;}
#wrapper .container .header{width: 778px; height: 115px; float: left;}
#wrapper .container .header .shortNote{width: 180px; height: 60px; text-align: left; float: right; color: #fff; margin: 20px 0px 0px 0px;}
/* --------------------*/
#wrapper .container .mainNav{width: 779px; height: 38px; float: left; background: url(images/mainNav-bg.jpg) left top no-repeat;}
#wrapper .mainNav ul{text-align: center; float: left; list-style: none; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px;}
#wrapper .mainNav li{padding: 0px 0px 4px 0px; margin: 0px 0px 0px 0px; text-align: center; list-style: none; display: inline; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 33px;}
#wrapper .mainNav a{color: #fff; float: left; padding: 0px 25px 0px 25px; text-decoration: none;}
#wrapper .mainNav a:hover{color: #fff; float: left; padding: 0px 25px 0px 25px; text-decoration: none; background: url(images/hover-bg.jpg) bottom center repeat-x;}
#wrapper .mainNav a:active{color: #333; float: left; padding: 0px 25px 0px 25px; text-decoration: none; background: url(images/hover-bg.jpg) bottom center repeat-x;}
/* ---------------------*/
#wrapper .container .contentContainer{width: 779px; height: auto; float: left; background: #fff url(images/leftDiv-bg.jpg) left top repeat-y;;}
#wrapper .container .contentContainer .leftDiv{width: 230px; height: auto; float: left; background: url(images/leftDiv-bg.jpg) left top repeat-y;}
#wrapper .container .contentContainer .leftDiv h1{width: 215px; height: auto; float: left; padding: 0px 0px 0px 15px; margin: 0px; background: url(images/leftDiv-h.jpg) left top repeat-y; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; text-align: left; line-height: 33px;}
#wrapper .container .contentContainer .leftDiv p{padding: 10px 20px 10px 15px;	margin: 0px; color: #333; text-align: left; line-height: 16px;}
#wrapper .container .contentContainer .leftDiv p img{margin: 5px 0px 10px 30px;}
#wrapper .container .contentContainer .leftDiv ul{float: left; text-align: left; padding: 10px 0px 10px 15px; margin: 0px 0px 0px -15px;}
#wrapper .container .contentContainer .leftDiv li{line-height: 20px; width: 160px; padding: 0px 10px 0px 10px; list-style: none; border-bottom: 1px solid #e1e1e1; float: left;}
#wrapper .container .contentContainer .leftDiv a{color: #0D5897; text-decoration: none;}
#wrapper .container .contentContainer .leftDiv a:hover{color: #666;}
#wrapper .container .contentContainer .leftDiv input{width: 180px; height: 17px; color: #2e8fcd; font-size: 10px; margin: 0px 0px 0px 0px; line-height: 16px; float: left; clear: left; border: 1px solid #2e8fcd;}
#wrapper .container .contentContainer .leftDiv label{width: 108px; color: #2e8fcd; font-size: 9px; float: left; line-height: 15px;}

#wrapper .container .contentContainer .rightDiv{width: 549px; height: auto; text-align: left; float:left;margin-left:0px;padding: 10px 0px 0px 0px;}
#wrapper .container .contentContainer .rightDiv img{padding: 0px 10px 0px 15px;}
#wrapper .container .contentContainer .rightDiv h1{width: 534px; height: auto; float: left; padding: 0px 0px 0px 15px; margin: 0px; font-size: 18px; font-weight: bold; color: #0d5897; text-align: left; line-height: 33px;}
#wrapper .container .contentContainer .rightDiv h1.pagetitle{width: 534px; height: auto; float: left; padding: 0px 0px 0px 15px; margin: 0px; font-size: 12px; font-weight: bold; color: #0d5897; text-align: left; line-height: 33px;}
#wrapper .container .contentContainer .rightDiv p{padding: 0px 20px 10px 15px;	margin: 0px; color: #333; text-align: left; line-height: 16px;}
#wrapper .container .contentContainer .rightDiv ul{float: left; text-align: left; padding: 10px 0px 10px 5px; margin: 0px 0px 0px 20px; width: 400px; clear: left;}
#wrapper .container .contentContainer .rightDiv li{line-height: 20px; background: url(images/arrow.jpg) left 6px no-repeat; padding: 0px 0px 0px 20px; list-style: none;}
#wrapper .container .contentContainer .rightDiv ul a.link{float: none; padding-right: 0px; text-decoration: none; color: #0d5897;}
#wrapper .container .contentContainer .rightDiv ul a.link:hover{float: none; padding-right: 0px; text-decoration: none; color: #333;}
#wrapper .container .contentContainer .rightDiv p a{color: #013974;	float: right; padding: 0px 20px 0px 0px;	text-decoration: underline;}
#wrapper .container .contentContainer .rightDiv p a:hover{color: #0d5897; float: right; padding: 0px 20px 0px 0px; text-decoration: none;}
#wrapper .container .contentContainer .rightDiv hr{color: #ededed; width: 500px; height: 1px; text-align: left; margin: 10px 0px 0px 15px; padding: 0px; float: left;}
#wrapper .container .contentContainer .rightDiv p a.link{float: none; padding-right: 0px; text-decoration: none;}
#wrapper .container .contentContainer .rightDiv p a.link:hover{float: none; padding-right: 0px; text-decoration: none;}
#wrapper .container .contentContainer .rightDiv p label {width: 120px; float: left; margin: 5px 0px 0px 0px; color: #2e8fcd;}
#wrapper .container .contentContainer .rightDiv p input {width: 180px; color: #2e8fcd; float: left; border: 1px solid #2e8fcd; height: 12px; line-height: 12px;}
#wrapper .container .contentContainer .rightDiv p .SubmitBtn {width: 50px; margin: 50px 0px 0px 0px; float: left; border: 1px solid #2e8fcd; height: 15px; line-height: 12px; font-size: 10px; }
#wrapper .container .contentContainer .rightDiv p textarea {width: 180px; float: left; border: 1px solid #2e8fcd; height: 40px; line-height: 12px;}
#wrapper .container .contentContainer .rightDiv .form {width: 300px; float: left; margin: 0px 0px 0px 10px;}

/* ---------------------*/

#wrapper .container .footer{width: 779px; float: left; background: url(images/footer-bg.jpg) left top no-repeat;}
#wrapper .container .footer p{padding: 0px 0px 5px 0px;	margin: 10px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;	text-decoration: none; color: #999;	text-align: center; line-height: 16px;}



/* clearing */
.stretch, .clear {clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
/* end clearing */

#btnSearch{
	background-color:#fff;
	background-image: url(images/go.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 165px;
	left:355px;
	padding:0px 3px 2px 0px;
	height: 20px;
	width: 35px;
	border:none;
	cursor:auto;
	color:#fff;
	font-weight:bold;
	}
#searchform 
#s{width:165px;margin-bottom:10px;}

.post{margin-bottom:20px;}
.post a{color:#137CBD;text-decoration:none;}
.posttitle{padding:0px 0px 10px 0px;}

/* The Comments */

.commentstop {
	font-size:14px;
	font-weight:bold;
	height:30px;	
	}
.existingcomments {
	float:right;
	}
.commentstop h4 {
	font-size:14px;
	margin-left:15px;
	margin-top:0px;
	padding-top:0;
	color:#0D5897;
	text-transform:normal;
	line-height:normal;
	}
.commentstop a {
	color:#373737;
	text-decoration:none;
	}
.commentstop a:hover {
	color:#cc0000;
	}
.comments ol {
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	width:455px;
	}
.comments li {
	padding:0px 5px 0 5px;
	background:#EDEDED;
	border:1px solid #AFAFAF;
	margin-bottom:5px;
	overflow:hidden;	
	}
.comments li.alt {
	background:#ECE5D2;
	border-color:#AFAFAF;
	}
.comments ol p {
	margin:0;
	padding:0 0px 10px 0;
	}
.commentinfo {
	padding-bottom:0px;
	font-size:12px;
	}
.commentinfo a{
	font-size:12px;
	color:#137CBD;
	}
.commentinfo span {
	text-transform:normal;
	font-size:8px;
	}
.respond textarea {
	width:443px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background:#fff;
	border:solid 1px #AFAFAF;
	overflow:auto;
	margin:0 0 0 15px;
	padding:5px;
	}
.respond input {
	background:#fff;
	border:1px solid #d8d8d5;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
	}
.respond input#submit {
	padding:5px 10px;
	font-size:15px;
	font-weight:bold;
	margin:5px 0 0 174px;
	cursor:pointer;
	
	}