@charset "utf-8";

/*
	tjphweb.com
	last modified: 	16/03/09
=============================== */

html {	background-image: url(../img/bck.jpg);padding:0; margin:0; color:#FFF; }
body { margin:0; padding:0; background-image: url(../img/bck.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF }

a, a:visited { color:#5e5c5d ; text-decoration:none; outline:none }
a:hover { color:#FFF }
a.visit {background-image:url(../img/urlext.png); background-position:right; background-repeat:no-repeat; padding-right:13px; }

#header { height:195px; background-image:url(../img/bck_sky.jpg); background-repeat:no-repeat; background-position:center top; width: 100%; }
#fence { height:195px; background-image:url(../img/fence.png); background-repeat:repeat-x; background-position: 0 162px; width: 100%; }
#headin { margin: 0 auto; width:985px; padding:0; height:195px; padding-left:15px; padding-right:15px; }
#headin h1 { display:block; width:176px; height:105px; background-image:url(../img/tjphlogo.png); text-indent:-5000px; padding:0; margin:0; position:relative; float:left; left:0px; top:30px; }
#headin h1 a { display:block; width:176px; height:105px; border:none }
#headin .hello { display:block; width:376px; height:70px; background-image:url(../img/hello.png); text-indent:-5000px; padding:0; margin:0; position:relative; float:left; left:50px; top:45px; }
#menu { float:right; margin-top:40px; display:block; }
#menu ul, #menu li{ margin:0; padding:0; list-style:none; float:left; }
#menu a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#status { width:120px; height:119px; z-index:15; background-image:url(../img/status.png); position:absolute; top:0; left:0; }
#statusb { width:120px; height:119px; z-index:15; background-image:url(../img/statusb.png); position:absolute; top:0; left:0; }


/* lavalamp start */

#menu1 { position: relative; padding: 0px; margin: 10px 0; overflow: hidden; }
#menu1 li { float: left; display:inline; list-style: none; }
#menu1 li.backLava { background: url("../img/slider-right.png") no-repeat top right; height:30px; z-index: 8; position: absolute; }
#menu1 li.backLava .leftLava { background: url("../img/slider-bg.png") no-repeat top left; height: 30px; margin-right:10px; }
#menu1 li a { font: bold 14px arial; text-decoration: none; color:#406E98; outline: none; text-align: center; padding: 7px 3px;letter-spacing: 0; z-index: 10; display: block; float: left; position: relative; overflow: hidden; margin: auto 8px; border: none; }
#menu1  .selectedLava a:hover, #menu1  .selectedLava a:active, #menu1  .selectedLava a:visited { color:#FFF }
#menu1 li a:hover, #menu1 li a:active, #menu1 li a:visited { color: #406E98; border: none; }

						
/* lavalamp end */

#container { width: 100%; margin:0; padding:0 }
#content { width:985px; margin: 0 auto; padding:0; padding-left:15px; padding-right:15px; margin-top:20px; margin-bottom:30px;}
#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#slcol { float:left; width:270px; margin-right:40px; }
#brcol { float:left; width:675px;  }

#blcol { float:left; width:675px; margin-right:40px; }
#srcol { float:left; width:270px;  }

a.rssbt { display:block; width:242px; height:29px; background:url(../img/rssfeed.png) no-repeat; float:right; text-indent:-5000px; border:none }
#about { margin-bottom:40px; margin-top:20px; }
#about h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:20px; background:url(../img/stitlebck.png) no-repeat; display:block; width:255px; line-height:32px; padding:0; margin:0; padding-left:15px; font-weight:normal; margin-bottom:10px; }
#about p { margin:0; padding:0; line-height:18px; }
#fromblog h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:24px; padding:0; margin:0; font-weight:normal; margin-bottom:10px; border-bottom:#545352 solid 1px; padding-bottom:5px; }
#fromblog { margin-bottom:40px; }

#services h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:20px; padding:0; margin:0; font-weight:normal; margin-bottom:10px; border-bottom:#545352 solid 1px; padding-bottom:5px; }
#services ul { margin:0; padding:0; margin-left:16px; }
#services li { list-style-image:url(../img/bullet.png); line-height:24px; }
#services { margin-bottom:40px; }
#services li a { color:#FFF }
#services li a:hover { color:#5e5c5d }


#sitemap h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:18px; padding:0; margin:0; margin-bottom:20px; margin-top:20px; font-weight:normal }
#sitemap ul { margin:0; padding:0; margin-left:16px; }
#sitemap li { list-style-image:url(../img/bullet.png); line-height:18px; }


#twitt { width:250px;  }
#twitt .twitfoot { background-image:url(../img/twittr_bot.png); background-repeat:no-repeat; background-position:bottom; display:block; width:250px; height:12px; }
#twitt h2 { margin:0; padding:0 }
#twitt h2 a { background:url(../img/twittr_top.png) no-repeat; text-indent:-5000px; width:250px; height:82px; display:block; border:none; margin:0; padding:0 }
#twitt p { background:url(../img/twittr_mid.png) repeat-y; margin:0; padding:0; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px;  }
#twitt p .twitter-timestamp { display:block; margin-top:6px; font-size:11px; color:#545352; margin-bottom:0; padding:0 }



#brcol h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#3399CC; font-size:28px; padding:0; margin:0; font-weight:normal; margin-bottom:5px;  }



.mrtwenty { margin-right:20px; }

#recentwork { margin:0; padding:0; margin-top:25px; }
#recentwork li { margin:0; padding:0; list-style:none; float:left; }
#recentwork a { display:block; height:294px; width:324px; background:url(../img/thumb_bck.png) no-repeat; background-position:-324px 0px; text-decoration:none; color:#5e5c5d; margin-bottom:35px; border:none }
#recentwork a:hover { background:url(../img/thumb_bck.png) no-repeat; display:block; color:#99cce6 }
#recentwork img { padding:7px; }
#recentwork .info { padding-top:29px; padding-left:10px; padding-right:10px; display:block }
#recentwork .info .ititle { font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; margin:0; padding:0; margin-bottom:2px; display:block }
#recentwork .info .idesc {margin:0; padding:0; display:block }

.thedate { background:url(../img/date_bck.png); display:block; width:48px; height:48px; float:left; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; margin-right:5px; }
.theday { display:block; font-size:22px; width:40px; text-align:center; padding:0; margin:0; line-height:18px; padding-top:3px; }
.themonth { display:block; font-size:12px; width:40px; text-align:center; text-transform:uppercase; padding:0; margin:0 }
.blogentry { height:48px; margin-bottom:15px; font-size:14px; }
.blogentry p { line-height:16px; }



#footer { width:985px; margin: 0 auto; padding:0; padding-left:15px; padding-right:15px; margin-top:0px; height:235px; margin-bottom:20px; display:block }
#footer a.totop { background-image:url(../img/totop.png); width:78px; height:44px; float:left; border:none; text-indent:-5000px; margin-right:150px; margin-top:100px; }
#footer .copyright { float:left; font-size:11px; background-image:url(../img/footbrushb.png); background-repeat:no-repeat; width:649px; height:50px; padding-top:130px; text-align:center}


#scrollable { height:500px; width:3000px; position:relative }
#project img { z-index:8 }
#bigimg { height:540px; margin-top:25px; }
#bigimg .about { background-image:url(../img/about_top.png); background-position:left top; background-repeat:no-repeat; z-index:5;  padding-top:35px; padding-left:15px; padding-right:15px; padding-bottom:10px; line-height:16px; margin:0; height:55px; margin-top:-80px; float:left; position:relative; width:640px; }

#projthumb { margin:0; padding:0 }
#projthumb li { margin:0; padding:0; list-style:none; float:left; }


/*jflow*/
#myController span{
display:block; height:151px; width:210px; background:url(../img/sthumb_bck.png) no-repeat; background-position:-210px 0px; text-decoration:none; color:#5e5c5d; margin-bottom:35px; border:none; cursor:pointer; float:left;
}

#myController img { padding:7px; padding-top:12px; }

#jFlowSlide{
border:0px;
}

#myController span.jFlowSelected {
background:url(../img/sthumb_bck.png) no-repeat; display:block; color:#99cce6
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

/*end jflow*/

#mynav { display:block; margin-bottom:30px; height:23px; }
#mynav .prevbt, #mynav .prev_link a { text-indent:-5000px; background:url(../img/bt_prev.png) no-repeat; width:76px; height:23px; display:block;float:left; margin-right:10px; }
#mynav .nextbt, #mynav .next_link a { text-indent:-5000px; background:url(../img/bt_next.png) no-repeat; width:51px; height:23px; display:block; float:left }

.navigation { display:block; margin-bottom:30px; }
.navigation:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navigation .alignleft, .navigation .alignright { text-indent:-5000px; height:23px; }
.navigation .alignleft { margin-right:10px; float:left; }
.navigation .alignright { float:left;}
.navigation .alignleft a { text-indent:-5000px; background:url(../img/bt_prev.png) no-repeat; width:76px; height:23px; display:block;float:left; margin-right:10px;  }
.navigation .alignright a { text-indent:-5000px; background:url(../img/bt_next.png) no-repeat; width:51px; height:23px; display:block; float:left; }
 
#contactinfo li, #contactinfo { margin:0; padding:0; list-style:none }
#contactinfo .iwhat { display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:0px;}
#contactinfo li { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:20px; border-bottom:#545352 solid 1px; padding-bottom:10px; margin-bottom:16px; }

#social li, #social { margin:0; padding:0; list-style:none }
#social li { float:left; margin-right:15px; }
#social a.fbook { display:block; width:45px; height:44px; background:url(../img/fbookico.png) no-repeat; text-indent:-5000px; }
#social a.twitt { display:block; width:46px; height:44px; background:url(../img/twittico.png) no-repeat; text-indent:-5000px; }

#cform { margin-top:15px; }
#cform form, #cform p { padding:0; margin:0; font-size:14px; }
#cform p { display:block; float:left; margin-bottom:15px; }
#cform .norm { display:block; color:#545352; margin-bottom:5px;  }
#cform .req { display:block; color:#BAEC32; margin-bottom:5px;  }
#cform .gf input { display:block; width:296px; height:22px; line-height:22px; font-size:16px;  }
#cform p textarea { display:block; width:620px; height:140px; font-size:16px; font-family:Arial, Helvetica, sans-serif  }
#cform p.lcomment textarea  { display:block; width:620px; height:100px; font-size:16px; font-family:Arial, Helvetica, sans-serif  }
#cform .gf select { display:block; width:195px; height:22px; line-height:22px; font-size:16px;  }
#cform .cformtop { background:url(../img/contact_top.png) no-repeat; width:670px; height:26px; display:block }
#cform .cformmid { background:url(../img/contact_mid.png) repeat-y; width:630px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0px; margin:0;  }
#cform .cformmid:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#cform p.submitbutton input { width:103px; height:35px; display:block; margin:0; line-height:normal; text-indent:-5000px; background:url(../img/submit.png) no-repeat; border:none; display:block; cursor:pointer; float:left; }

#cform .cformbot { background:url(../img/contact_bot.png) no-repeat; width:670px; height:11px; display:block }
#cform .cformmid form { margin:0; padding:0 }
#cform .your-name input, #cform .your-company input, #cform .project-type select, #cform .project-budget select { margin-right:20px; }
#cform form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#cform .wpcf7-response-output { height:20px;; margin:0; padding:0; border:0; float:left }
#cform .capt input { display:block; height:22px; line-height:22px; font-size:16px; float:left; width:120px; }
#cform .capt { display:block; clear:left; width:650px;}



.servlist { margin:0; padding:0; list-style:none; padding-left:16px}

.servlist li { line-height:24px; list-style-image:url(../img/bullet.png);  }

#servsec h2 { margin-bottom:25px; }
#servsec strong { color:#545352; font-weight:normal; }
#servsec .servintro { color:#545352; display:block; margin-bottom:20px }
#servsec ul { margin-bottom:25px; }



#blposts h2, #blcloud h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:20px; margin-bottom:16px; font-weight:normal }
#blposts, #blcloud { border-bottom:#545352 solid 1px; margin:0; padding:0; padding-bottom:25px; display:block; margin-bottom:20px; }
#blposts ul, #blposts li { margin:0; padding:0; list-style:none }
#blposts li { margin-bottom:10px; font-size:14px; line-height:16px; }


#blsearch { display:block; margin:0; padding:0; margin-top:60px; margin-bottom:30px;  }
#blsearch form { margin:0; padding:0; height:28px; }
#blsearch form input { display:block; width:165px; height:22px; line-height:22px; font-size:16px; float:left; margin-right:10px;  }
#blsearch form .searbt input { width:86px; height:28px; display:block; margin:0; line-height:normal; float:left; clear:right }

#arcat { width:270px; margin:0; padding:0; }
#archives { display:block; width:130px; float:left; margin:0; padding:0; margin-right:5px; }
#categ { display:block; width:135px; float:left; margin:0; padding:0;   }

#archives ul, #categ ul { margin:0; padding:0; padding-left:10px; }

#archives li, #categ li { margin:0; padding:0; list-style-image:url(../img/bullet.png); line-height:18px;  }
#archives h2, #categ h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#BAEC32; font-size:18px; margin:0; margin-bottom:16px; font-weight:normal; padding:0 }


.apost { margin-top:15px; float:left; display:block; background:url(../img/hline.png) no-repeat bottom; margin-bottom:15px; }
.apost:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pbody { display:block; width:600px; float:left; margin:0; padding:0; padding-bottom:40px; margin-bottom:20px;  }
.pbody h2 { color:#3399CC; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; margin:0; padding:0 }
.pbody p { line-height:20px; font-size:14px; }
.pdetail { font-size:11px; }

.pdetailt { font-size:11px; margin-top:10px; display:block }

#blockb { display:block; height:50px; background-color:#999 }

.postdate { float:left; width:70px; display:block; margin:0; padding:0 }
.pdate { background:url(../img/bdate_bck.png); display:block; width:58px; height:57px; float:left;  padding:0; margin-right:5px; margin-bottom:5px; }
.ptheday { display:block; font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size:28px; width:52px; text-align:center; padding:0; margin:0; line-height:24px; padding-top:2px;  }
.pthemonth { font-family:Georgia, "Times New Roman", Times, serif; display:block; font-size:14px; width:52px; text-align:center; text-transform:uppercase; padding:0; margin:0 }
.pcomm a { display:block; width:33px; height:30px; font-size:11px; color:#333; background:url(../img/comment_bck.png) no-repeat; float:left; line-height:22px; text-align:center; margin-left:6px; }

#comlistb { display:block; float:left; margin-left:70px;}
#comlistb h3 { display:block; height:21px; width:72px; background:url(../img/comments.png) no-repeat; text-indent:-5000px; padding:0; margin:0; margin-top:20px; margin-bottom:30px; }
.commentlist { list-style:none; padding:0; margin:0; }
.commentlist .avatar { float:left; margin-right:20px; }
.commentlist p { margin:0; padding:0; color:#8F8F8E; background:url(../img/quote.png) no-repeat 70px 0px; padding-left:100px; line-height:18px; }
.commentlist em { padding-left:10px; }
.commentlist .commentmetadata{  font-size:11px; margin-bottom:15px  }
.commentlist .vcard { font-size:12px; font-style:normal; margin:0; margin-bottom:5px; padding:0; }
.commentlist cite { font-style:normal; font-weight:bold }
#respond { display:block; float:left }

.tjcom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tjcom { margin-bottom:15px; }

.wpcf7-form { padding:0; margin:0;  }
.wpcf7-form input { padding:0; margin:0 }

.wpcf7-form-control-wrap { position:relative; float:left }

/*myarticle*/
#myarticle { padding-top:50px; font-size:14px; line-height:18px; }