/*  
Site Name: 
Site URI: 
Description: 
Version: 
Author: 
Author URI: 

*/

/*  Colors
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


/*  Reset
---------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
abbr,acronym {border:0;}
a{text-decoration:none;}
	
/*  Global
-------------------------------------------------------------- */
body {font-family:Arial,Verdana,Tahoma,Sans-Serif; font-size:100%; background:#f0f0f0 url(../images/) repeat 0 0;}

.clear {clear: both;}

h2, h3, h4, h5, h6{font-weight:bold; padding:0; }

hr{width:960px; height:2px; margin:0 auto; border:0; padding:0; background:url(../images/hr.jpg) repeat-x 0 0;}
#footer hr{background:url(../images/footer_hr.jpg) repeat-x 0 0;}

h2 {font-size:24px; color:#14222d; margin:10px 0 30px 0;}
h3 {font-size:18px; font-weight:200; color:#364149; margin:0 0 10px 0;}
h4 {font-size:14px; font-weight:200; color:#364149; margin:20px 0 10px 0;}

/*  Header
-------------------------------------------------------------- */
#header{width:960px; height:100px; margin:0 auto;}

h1 {float:left; height:66px; line-height:70px; text-decoration:none; border:0; margin:17px 20px;  width:200px; background:url(../images/logo.jpg) no-repeat 0 0;} 
h1 a {display:block; height:66px; padding-left:66px; font-size:24px; outline:none; text-decoration:none; color:#666667;}

h2{float:right; height:66px; line-height:70px; text-decoration:none; margin:17px 20px; width:auto;}
h2 a{height:auto; font-size:16px; outline:none; text-decoration:none; color:#666667;}

ul#nav{width:auto; float:right; height:66px; line-height:70px; margin:17px 20px;}
ul#nav li{float:left; padding:0 10px;}
ul#nav li a{font-size:14px; outline:none; text-decoration:none; color:#666667;}

/*  Main
-------------------------------------------------------------- */
#main{width:960px; margin:0 auto;}

/*  Box
-------------------------------------------------------------- */
.whole_box{width:920px; margin:40px 0; padding:0 20px;}
.header{height:100px; margin:0 0 40px;}
.mid_box{float:left; width:440px; margin:0 0 20px; padding:0 20px;}
.lng_box{float:left; width:600px; margin:0 0 20px; padding:0 20px;}
.box{float:left; width:280px; margin:0 0 20px; padding:0 20px;}

.lng_box p, .whole_box p, .mid_box p, .box p {font-size:12px; color:#000000; line-height:21px; padding:0; margin:0 0 10px 0;}

/*  Content
-------------------------------------------------------------- */
.profile_img{float:left; margin:5px 0 0 0; padding:0 40px 0 20px;}
p.about{float:left; width:712px; line-height:28px;}
.testimonial{font-size:24px; text-align:center; margin:30px 0 20px 0; color:#b5b5b5;}
.testee {font-size:11px; margin:0 0 20px 0; text-align:right; margin-right:20px; color:#b5b5b5;}
.testee a{color:#b5b5b5; border-bottom:1px dotted #b5b5b5;}
.testee a:hover{color:#0099cc;}


/*  Work
-------------------------------------------------------------- */
ul#work{}
ul#work li{float:left; margin:0 40px 40px 40px; padding:10px 0 0 11px; width:211px; height:172px; background:url(../images/work.jpg) no-repeat 0 40px;}
ul#work li p{font-size:11px; padding-left:5px; margin-bottom:20px;}

.large_work{}
.about_work{width:400px; float:left; margin:30px 0;}
.about_work h3{margin:0 0 20px 0;}
.about_work p.title{width:100px; float:left; font-size:12px;}
.about_work p{float:left; width:300px; font-size:12px; color:#000000; line-height:21px; padding:0; margin:0 0 20px 0;}

ul.tools{width:280px; float:left; font-size:12px; margin:0 0 20px 0;}
ul.tools li{line-height:21px;}

img.large_work{width:500px; height:623px; float:right; margin:30px 0;}

/*  Contact
-------------------------------------------------------------- */
#contact-right{width:300px; float:left;}
#contact-left{width:660px; float:left;}
form#contact{margin:20px 40px;}
form#contact label{float:left; width:150px; height:50px; line-height:50px; margin:10px 0;}
form#contact input{float:left; border:0; font-size:18px; height:28px; width:264px; padding:11px 13px; margin:10px 100px 10px 0; background:url(../images/input.jpg) no-repeat 0 0;}
form#contact textarea {font-family:Arial,Verdana,Tahoma,Sans-Serif; float:left; border:0; font-size:18px; width:368px; height:138px; margin:10px 0; padding:11px; background:url(../images/textarea.jpg) no-repeat 0 0;}
form#contact .submit-button {float:none; border:2px outset grey; font-size:12px; height:auto; padding:0; width:auto; margin:0 0 0 150px; background:none;}

/*  Footer
-------------------------------------------------------------- */
#footer{width:100%; padding:10px 0 0; background:#4b4b4b url(../images/footer.jpg) repeat-x 0 0;}
#footer .container{width:960px; margin:0 auto;}
#footer .container .contact_box{width:280px; float:left; margin:20px 0;}
#footer .container .link_box {width:680px; float:left; margin:20px 0;}
#footer .container .contact_box p, #footer .container .link_box p{margin:0; padding:0; font-size:11px;}
#footer .container .contact_box p {text-align:right;}

#footer .container .link_box #footer_nav a{padding:0 8px; color:#bbbbbb; outline:none;}
#footer .container .link_box #footer_nav a.f-home{padding:0 8px 0 0;}
#footer p.footer-text {padding:0 0 30px 0;}

#footer ul.inspire{float:left; width:100px; margin:0 0 0 20px;}
#footer li, #footer li a {font-size:11px; color:#bbbbbb; text-decoration:none;}
#footer p {font-size:12px; color:#bbbbbb; line-height:21px; margin:0; padding:10px 0;}
#footer p.left, #footer p.right{width:450px; float:left; font-size:11px; color:#bbbbbb;}
#footer p.left{margin-right:30px;} #footer p.right{ margin-left:30px; text-align:right;}
#footer p.left a{text-decoration:none; color:#bbbbbb; margin:0 10px;}
#footer p.left a:hover{color:#66ccff;}