/*
Theme Name: TPL custom theme 2
Theme URI: http://wordpress.org/
Description: Theme designed by Frexy.com
Version: 1.6
Author: Min Tran
Author URI: http://frexy.com/
Tags: blue, custom header, fixed width, two columns, widgets



*/


html {background:#788f95;}
body { font:0.8em/150% Verdana, Arial, Tahoma, sans-serif; color:#3e3e3e; background: #f2f5f6 url(images/tile.png) repeat-x;}



/* typography */


h1 {font:3em/150% "Helvetica Neue",  Helvetica, Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#05537b;}
h2 {font:1.7em/150% "Helvetica Neue",  Helvetica, Verdana,  "Times New Roman", Times, serif; padding-bottom:0.5em; color:#05537b; }

h3 {font:1.5em/150%  "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; margin-bottom:0.8em;color:#05537b; }
h4 {font:1.2em/125% "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; color:#05537b;  padding-bottom: 0px ; margin-bottom: 15px; }
h5{font-weight: bold;}
p {padding-bottom:1em;}
a {color:#1a80b4; text-decoration:none; overflow:hidden; }
a:hover{color:#da7614;}
hr {border:0; border-bottom: 1px solid  #d9ecaa; color:#d9ecaa; height: 1px; padding-top: 20px; }
blockquote {padding-left:1.2em; font: italic 1.3em Georgia, Verdana,  "Times New Roman", Times, serif; line-height: 150%; margin-bottom: 1em; color: #7a7b50; padding-left: 40px; background: url(images/quote.gif) no-repeat 0 0; }
em{font: italic 1em  Georgia, Times, "Book Antiqua", serif;}
blockquote p{margin:0; padding: 5px 10px 5px 0;}
span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;

	}
small {
	color: #828282; font-size: 11px;
}
ol {margin: 0px 0; list-style:decimal; padding-left: 10px;}
ol li {margin: 5px 0 5px 10px;}
.heading {font-family: "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; text-transform: uppercase; text-align: center;}
.center {text-align: center; color: #007f9d; margin-bottom: 2em;}
.bullet li {
	padding: 5px 0 5px 20px; background: url(images/arrow2.png) 0 7px no-repeat; 
}
/* initial style form */
.post ul li {
	padding: 5px 0 5px 20px; list-style-type: none; background: url(images/arrow2.png) 0 7px no-repeat; 
}
/*top left */

#logo {margin: 0; padding: 0;}
#logo a{
	width: 300px; height: 61px; background: url(images/logo.png) no-repeat; text-indent: -9999px; display: block; margin: 25px 10px 0 0;
}
#wrap {
	 background: url(images/header.jpg) no-repeat center top; width: 960px;margin: 0 auto; overflow: hidden;
}
#left {
	width: 300px; float: left;
}
#right {
	width: 640px; float: right; margin-bottom: 30px;
}
#nav {width:220px; margin-left:50px; margin-bottom:60px; font: 1.1em Helvetica, Verdana; text-align:right; height:200px; line-height:250%;}
#nav a {color: #bee3ed; text-transform: uppercase;
}
#nav a:hover {
	color: #fff;
}
#footer {
	background: #788f95; padding: 20px 0; color: #d6e2ea;}
#footer-contain {
	width: 960px; margin: 0 auto; overflow: hidden;
}
#footer a{	color: #fff;}
#footer a:hover {color: #d6e2ea;
}
#footer-nav {
	overflow: hidden; float: left;
}
#footer-nav li {
	float: left; padding: 0 20px 0 0;
}
#footer-credit {
	float: right; text-align: right;
}

.navigation {
	overflow: hidden;
}
/*
#nav a {
	display: block;
text-indent: -9000px; 
	text-decoration: none;
	height: 10px; margin: 25px 0;
		width: 112px; 
}
#nav a#home {
	background:url(images/nav.png) no-repeat 0 0;

}
#nav a#home:hover, #nav a#home.selected {background:url(images/nav.png) no-repeat -201px 0;
	
}
#nav a#about {
	background: url(images/nav.png) no-repeat 0 -33px;

}
#nav a#about:hover,#nav a#about.selected {
	background: url(images/nav.png) no-repeat -201px -33px;

}
#nav a#blog {
	background: url(images/nav.png) no-repeat 0 -66px;
}
#nav a#blog:hover, #nav a#blog.selected {
	background: url(images/nav.png) no-repeat -201px -66px;
} 
#nav a#customers {
	background: url(images/nav.png) no-repeat 0 -99px;
}
#nav a#customers:hover, #nav a#customers.seleted {
	background: url(images/nav.png) no-repeat -201px -99px;
 }
#nav a#work {
	background: url(images/nav.png) no-repeat 0 -132px;
}
#nav a#work:hover, #nav a#work.selected {
	background: url(images/nav.png) no-repeat -201px -132px;
}
#nav a#contact{
	background: url(images/nav.png) no-repeat 0 -165px;
}
#nav a#contact:hover, #nav a#contact.selected{
	background: url(images/nav.png) no-repeat -201px -165px;
}*/

#home-imagery {
	background: url(images/home.jpg) no-repeat; width: 640px; height: 280px;text-indent: -99999px; margin-top: 25px;
}
#main-content {margin-top: 30px;	
}
#recent-post {border-top: 1px dashed #d9d9d9; width:280px;}
#recent-post li {padding: 5px 0; border-bottom: 1px dashed #d9d9d9;}
#hiring {
	margin-top: 10px; border-top: 1px solid #d7dee0; padding-top: 20px;
}
#hiring img {
	float: left; margin: 0 20px 20px 0;
}

/* comment */
#commentform {width: 640px;  float: left;}
#commentform  dl {overflow: hidden; line-height: 150%; }
#commentform dt {float:left; display: block; width: 200px;padding: 8px 0 0 0;clear:both; }
#commentform  dd { display: block; width: 420px; margin-left:220px; margin-bottom:10px;}
#commentform  .text {background: #fff; padding: 5px; border:1px solid #bccacf; display: block; width: 400px; display:block; border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;font:1.2em Verdana, Arial, Tahoma, sans-serif;}
#commentform  .text:focus { border:1px solid #8bcde0;}
#commentform  .input {background: #d7e0e3; display: block; padding: 3px;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 412px;

}
#commentform .textarea.input {}
#commentform  .textarea .text { height: 130px;}
.commentlist {
	margin: 0; padding: 0;
}
.commentlist li { margin: 0; padding: 0; padding-top: 20px;
	list-style: none; border-bottom: 1px solid #d7e0e3;
}
.comment-meta  {
	width: 50px; float: left;
}
.comment-content {
	width: 500px; float: left; margin-left: 30px; background: url(images/comment.png) no-repeat top left; padding: 0; display: inline;
}
.comment-end {
	 width: 620px; height: 7px; margin-left: 80px; 
}
.comment-author {
	display: block; padding: 4px; background: url(images/avatar.png) no-repeat; width:48px; height:48px;} 


#footer-archive {width: 215px; float:right; color:#747474;
	
}
.post-thumb {
	float: left; margin: 0 20px 20px 0;
}
#respond {
	margin: 30px 0;
}
#submit {width: 125px; height: 30px; background: url(images/buttons.png) no-repeat 0 0; display: block; text-indent: -9999px; margin-left: 230px;border:none; margin-top: 10px;cursor: pointer;}
#searchform {
	margin-bottom: 20px;
}
#submit:hover, #submit-bt.hover {background-position: -0 -50px; cursor: pointer;}
#s {
	float: left; padding: 5px; border: 1px solid #d7e1e6; background: #fff;
}
#searchsubmit {
	width: 93px; height: 30px; background: url(images/buttons.png) no-repeat 0 -100px; display: block; text-indent: -9999px; border:none; margin-top:cursor: pointer; float: left; margin-left: 15px;
}
#searchsubmit:hover {background-position: -0 -150px; cursor: pointer;}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.clear {clear:both;}
#pull-out {position:absolute; left:auto; width:250px; margin-left:-300px;}
.post ul{list-style:disc;padding-bottom:1em;}
.post ul li {padding-left:20px;}