/*
CSS Document for PhilFreelanceWeb
Website: http://www.philfreelanceweb.com/
Version: 1.0 Beta
Author: PhilFreelanceWeb
Developer: Aldrin Ponce (ym: weblizzer)
*/

@import url('reset.css');

/*----- global css definitions -----*/
body{background: #ffffff url(../images/m-bg.jpg) repeat-x;margin:0 auto;font: 0.75em Arial,Helvetical,Sans-serif;color:#202020; line-height:18px;}
a{color:#202020;}
p{margin:10px 0;}
ol{margin-left:20px;list-style-type:decimal;}
ul{margin-left:20px;list-style-type:disc;}
ul li{margin-left:10px;}
hr{border:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #ffffff;}
fieldset{border-top:1px solid #dddddd;clear:both;}
legend{font:16px Georgia, "Times New Roman", Times, serif;padding:5px 10px 5px 5px;color:#619a12;}
input{margin-left:10px;}

#pagewrap{margin:0 auto;width:960px;}
#home{background:#ffffff url(../images/bg.jpg) repeat-x;}
#container{float:left;display:inline;}

.green2{color:#66cc00;}
/* .green{color:#3eb003;} */
.green{color:#619a12;}
.emp{color:#FFFF00;}
.black{color:#000000 !important;}
.bold{font-weight:bold;}
.sfont{font-size:11px;}
.sep{margin-bottom:10px;height:10px;border-bottom:1px solid #cccccc;clear:both;}
.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.floatright{float:right;}
.floatleft{float:left;display:inline;}
.clear{clear:both !important;}
.red{color:#ff0000;}
.img-left{float:left;display:inline;margin:5px 10px 5px 5px;}
.img-right{float:right;margin:5px 5px 5px 10px;}

/* image buttons */

.goback, .viewdetails, .viewwebsite {border:0 none;float:left;display:inline;height:29px;cursor:pointer;text-indent:-9999px !important;}

.goback{background: url('../images/btn-goback.gif') no-repeat scroll left bottom;width:84px;}
.goback:hover,.viewdetails:hover,.viewwebsite:hover{background-position:left top;}
.viewdetails{background: url('../images/btn-viewdetails.gif') no-repeat scroll left bottom;width:104px;}
.viewwebsite{background: url('../images/btn-viewwebsite.gif') no-repeat scroll left bottom;width:104px;}


/*-------- start form -----------*/
.divform{background:#f6f6f6;border:1px solid #dddddd;margin:5px 0px; padding:8px 5px;float:left;display:inline; width:490px; -moz-border-radius:5px; -webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:30px;}
input.btn{clear:both;background:#f0f0f0;border:1px solid #cccccc;padding: 5px;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#202020;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
input.btn:hover{color:#619A12;background:#f9f9f9;cursor:pointer;border:1px solid #dddddd;}
.text{border:1px solid #dddddd;padding:4px 5px;font:12px Verdana, Arial, Helvetica, sans-serif;}
.divform form p{clear:both;display:block;padding:3px 0px;}
.divform label{float:left;text-align:right;font:bold 11px Arial, Helvetica, sans-serif;width:100px;}
.divform .smlbl{width:100px;float:left;text-align:right;font-size:10px;font-weight:normal;font-style:italic;display:block;color:#666666;}
.divform .input{float:left;margin-left:10px;border:1px solid #e6e6e6;padding:8px 4px 8px 4px !important;font:12px Verdana, Arial, Helvetica, sans-serif;}
.img-captcha{ margin-left:10px;float:left;}

.error{border: 1px solid rgb(204, 204, 204); margin: 3px 0pt; padding: 5px 10px 5px 25px; background: rgb(255, 250, 191) url('../images/error_icon.png') no-repeat scroll 5px 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(255, 0, 0); text-align: left;}
.error_validate{clear:both;padding-left:110px;display:block;color:#ff0000;font-size:11px;}
/*--------- end form -----------*/

a.readmore{font-size:11px;padding:5px;background:#202020;color:#ffffff;}
a:hover.readmore{color:#619a12;text-decoration:none;}
/*.readmore{font-size:11px;color:#ffffff;background:#202020;text-align:right;float:left;display:inline;clear:left;padding-right:5px;}
.readmore a{color:#619a12;padding:3px 5px;background:#202020;text-decoration:none;border:1px solid #cccccc; }
.readmore a:hover{color:#ffffff;}*/

/*----- end global css definitions -----*/
/*----- navbar css definitions -----*/

#navbar{display:block;width:960px;height:52px;color:#ffffff;}
#navbar ul{list-style-type:none;}
#navbar ul li{float:left;display:inline;text-align:center;padding:3px;margin-top:5px;}
#navbar ul li a{font:bold 12px Georgia, "Times New Roman", Times, serif;color:#ffffff;display:block;text-decoration:none;text-transform:uppercase;padding:3px 20px;}
#navbar ul li a:hover,#navbar ul li a.nav-active{background:#101010;color:#66cc00;}
#navbar ul li a:hover span,#navbar ul li a.nav-active span{color:#ffffff;}
#navbar ul li span{display:block;color:#66cc00;font:11px "Arial Narrow",Arial, Helvetica, sans-serif;text-transform:none;}

/*----- end navbar css definitions -----*/
/*----- header css definitions -----*/

#header{background:url('../images/header-bg.jpg') no-repeat;height:332px;width:960px;float:left;display:inline;}
#header h1,#m-header h1{float:left;display:inline;}
#header h1 span,#m-header h1 span{float:left;display:inline;background: url('../images/logo.jpg') no-repeat;width:270px;height:45px;text-indent:-9999px;margin-top:12px;margin-left:30px;}
#m-header{background:url('../images/m-header-bg.jpg') no-repeat;height:183px;width:960px;float:left;}
.front-header{float:left;width:510px;}
.header-desc{clear:both;display:block;height:60px;padding-left:30px;padding-top:25px;font:20px Georgia, "Times New Roman", Times, serif;color:#ffffff;}
.hrequest-btn{margin:10px;margin-top:15px;}
.intro{clear:both;display:block;width:480px;padding-top:30px;margin-left:25px;font:28px Georgia, 'Times New Roman', Times, serif;color:#fff;}
.main-desc{clear:both;float:left;display:inline;background: url('../images/hdesc-bg.jpg') no-repeat;width:476px;height:138px;margin:10px 0px 25px 28px;}
.main-desc p{font:16px Georgia, "Times New Roman", Times, serif;color:#fff;margin:15px;line-height:20px;}
.featured-proj{float:right;display:inline;margin-top:8px;margin-right:10px;background: url('../images/featured-bg.jpg') no-repeat;width:428px;height:318px;}
.featured-proj img{margin:25px 20px 5px 23px;border:1px solid #404040;}
.featured-desc{clear:both;font-size:11px;color:#ffffff;padding-left:25px;}
.head-title{clear:both;display:block;height:40px;padding-top:8px;margin-left:20px;}
.head-title h2{font:normal 20px Georgia, "Times New Roman", Times, serif !important;}

/*----- end header css definations -----*/
/*----- content css definitions -----*/
#body-container{float:left;display:inline;background: url('../images/body-top.jpg') no-repeat;border:1px solid #ccccccc;z-index:1000;}
.main-content{float:left;display:inline;height:100%;margin:10px 10px 0px 20px;}
.main-content h3{font:normal 18px Georgia, "Times New Roman", Times, serif !important;}

/* >> start for front page */
.main-intro{width:500px;float:left;display:inline;display:inline;}
.main-contactinfo{float:left;display:inline;display:inline;background: url('../images/contact-info.jpg') no-repeat;width:420px;height:150px;text-indent:-9999px;}
.main-services{float:left;display:inline;display:inline;background: url('../images/services-bg.jpg') no-repeat;width:920px;height:142px;padding:10px 0px;}
.main-services .cols{float:left;display:inline;display:inline;width:280px;margin:0 12px;}
.main-services p{line-height:16px;}
.main-content2{float:left;display:inline;width:920px;}
.main-staff{float:left;display:inline;width:238px; }
.main-staff p{margin:0;}
.btn-hirenow{background: url('../images/hire-btn.jpg') no-repeat;width:101px;height:30px;float:left;display:inline;margin-top:70px;margin-left:110px;text-indent:-9999px;}
.vertical-sep{float:left;display:inline;background: url('../images/sep.jpg') no-repeat;width:2px;min-height:230px;height:100%;}
.hire-staff{background: url('../images/hire-a-staff.jpg');width:235px;height:115px;}
.main-twitter{float:left;display:inline;width:268px;}
.main-twitter h3{padding:3px 0px 5px 0px;text-indent:50px;background:url('../images/twitter-icon.jpg') no-repeat;}
.main-twitter p{margin:5px;padding:5px;}
.main-twitter .alter{background:#eeeeee;}
.main-testimonial{float:left;display:inline;display:inline;padding:0px 10px;background:url('../images/testimonial-icon.jpg') no-repeat 5px 0px;width:400px;}
.main-testimonial h3{padding-top:3px;text-indent:35px;height:32px;}
.testi-box{float:left;display:inline;}
.testi-top{clear:both;float:left;display:inline;width:400px;height:10px;background: url('../images/testi-top.jpg') no-repeat;}
.testi-btm{clear:both;float:left;display:inline;width:400px;height:10px;background: url('../images/testi-btm.jpg') no-repeat;}
.testi-content{float:left;display:inline;background: url('../images/testi-bg.jpg') repeat-y;width:400px;}
.testi-content blockquote{margin:0;margin-left:10px;padding:0px 10px 0px 15px;background: url('../images/open-quote.jpg') no-repeat;}
.c-quote{background: url('../images/close-quote.jpg') no-repeat;width:14px;height:11px; display:inline-block;text-indent:-9999px;}
.testi-author{clear:both;float:left;padding:0;padding-left:12px;}
.testi-author a{font-style:italic;font-size:11px;font-weight:normal;color:#888888;}
.testi-author a:hover{color:#3eb003;}

/* >> end front page */
/* services page */

.service-box{background: url('../images/services-box-bg.png') no-repeat;float:left;display:inline;width:480px;margin-bottom:10px;padding-left:15px;padding-top:5px;height:97px;}	

.service-box p{float:left;width:400px;}
/* portfolio page */
.p-info{clear:both;font:16px Georgia, 'Times New Roman', Times, serif;color:#3eb003;padding:5px 0px;}
.p-info span{padding-left:10px;}
.portfolio-box{float:left;display:inline;margin-right:13px;margin-bottom:15px;}
.portfolio-inner{float:left;padding:12px;display:inline;border:1px solid #cccccc;background: url('../images/p-bg.jpg') no-repeat;width:426px;height:226px;}
.content2{float:left;display:inline;width:620px;}
.side-content2{float:left;display:inline;width:280px !important;}
.w-content{border:1px solid #f0f0f0;background:#E0E0E0;float:left;display:inline;padding:10px 0px 0px 13px;}
.inner-content{float:left;display:inline;background:#fff;border:1px solid #cccccc;padding:10px;width:422px;margin-right:13px;margin-bottom:10px;}
/*-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;*/
.w-content h3{font: 20px Georgia, "Times New Roman", Times, serif;color:#202020;}
#s-content{width:500px;}
.s-content{width:500px;float:left;display:inline;}
.side-content,.side-content2{float:left;display:inline;width:395px;margin-left:10px;padding-top:10px;padding-left:15px;background: url('../images/side-bg.jpg') no-repeat;}
.side-content h3{font: 20px Georgia, "Times New Roman", Times, serif;color:#202020;}
.call-us{float:left;background: url('../images/fquote.jpg') no-repeat; height:173px; width: 498px;}

#frmcontact .input{width:350px;}
.contact-outer{float:left;background:#e0e0e0;border:1px solid #f6f6f6;margin-bottom:10px;}
.contact-us{float:left;display:inline;background:#fff;border:1px solid #cccccc;margin:10px;padding:10px;}
.contact-us h4{margin:0;color:#666;padding:0 5px;font:20px Georgia, 'Times New Roman', Times, serif;}
.iconmsg{background: url("../images/icon_msg.jpg") no-repeat;text-indent:42px;height:40px;}
.contact-info a{font-weight:bold;text-decoration:none;}
.contact-info a:hover{color:#619a12;text-decoration:underline;}
.contact-box{line-height:20px;margin:5px 0px;width:350px;}
.contact-col2{width:160px;float:left;margin-left:15px;}
/*----- end content css definitions -----*/
/*----- sidebar css definitions -----*/

.sidebar{float:left;display:inline;width:275px;padding:0px 0px 10px 20px;}
.latest-news h3{font:22px Georgia, "Times New Roman", Times, serif;}
.sidebar h3{font:20px Georgia, "Times New Roman", Times, serif;}
.sidebar .h3{background: url('../images/sidebar-h3.jpg') no-repeat;height:28px;width:265px;padding:3px 15px 5px;font:20px Georgia, "Times New Roman", Times, serif;color:#ffffff;}
.sidebar ul{background: url('../images/sidebar-bg.jpg') repeat-y;margin:0;padding:0;width:280px;}
.sidebar ul li{margin-left:20px;padding:5px 0;border-bottom:1px dotted #cccccc;}
.quote-sidebar{float:left;display:inline;background: url('../images/free-quote-sidebar.jpg') no-repeat;height:130px;width:280px;text-indent:-9999px;margin-top:10px;margin-bottom:5px;}
.sidebar .rfq{float:left;display:inline;width:168px;height:118px;}
.latest-news{float:left;display:inline;width:280px;padding:5px 15px 10px 20px;border-left:1px dotted #ccc;margin-left:5px;}
.latest-news ul li{margin:0;padding:0;border-bottom:1px dotted #cccccc;}
.s-date{font-weight:bold;color:#619a12;}
.s-news{font-size:11px;line-height:14px;margin:5px 0;}
/*----- end sidebar css definitions -----*/
/*----- footer css definitions -----*/
#main-footer{clear:both;width:100%;margin:0 auto;height:115px;background:#202020 url('../images/footerbg.jpg') repeat-x;}
.footer-index{clear:both;margin:0 auto;color:#ffffff;width:920px;padding:20px 10px 10px 10px;}

#footer-container{clear:both;width:100%;margin:0 auto;height:270px;background:#111111 url('../images/footer-bg.jpg') repeat-x;}
.footer{clear:both;margin:0 auto;width:920px;color:#eaeaea;padding:2px;padding-top:18px;}
.f-contactinfo{width:410px;height:146px;float:right;margin-top:10px;padding-right:5px;background: url('../images/contact-info.jpg') no-repeat;}
.footer h3{font:18px Georgia, "Times New Roman", Times, serif;color:#eaeaea;}
.fexplore{border-left:1px dotted #101010;float:left;display:inline;margin-left:8px;padding:10px;}
.fexplore ul{margin:0;margin-top:10px;}
.fexplore ul li{font-size:11px;line-height:16px;}

#footer h3{font:20px Georgia, "Times New Roman", Times, serif;}
#footer p{width:500px;}
#footer .footer-readmore{font-size:11px;text-indent:360px;}
.footer-nav{margin-top:10px;margin-left:0;float:right;display:inline;}
.footer-nav li{display:inline;}
.footer-nav li a{font-size:11px;color:#666666;text-decoration:none;}
.footer-nav li a:hover,.footer-nav .f-active{color:#66cc00;text-decoration:underline;}
.powered{margin-top:10px;float:left;display:inline;font-style:italic;color:#666666;font-size:11px;}
.powered img{margin-left:10px;}
.copyright{clear:both;display:block;text-align:right;font-size:11px;color:#666666;padding-top:10px;}
/*----- end footer css definitions -----*/