@charset "UTF-8";
/*------------------------------------------------------------
Basic Sheet 

version: 1.0
author: Mark McGuiness
website: http://www.covertdigital.co.uk

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

/* Typography
------------------------------------------------------------*/

body { background-image:url(images/sky_bg.jpg); background-repeat:repeat-x; background-color:#C0DFE1; font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:85%; margin:0}
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; color:#2CAAE2;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; color:#2CAAE2; margin:0; padding:0}
.work_detail_col1 h2 {color:#666666;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; color:#2CAAE2; margin-top:0; padding-top:0}
p {margin-bottom:0;}
.testimonial_box_text {color:#ffffff;}

/* Navigation
------------------------------------------------------------*/
#nav {}
#nav li { display:inline; list-style:none; padding:0 7px 0 0; margin:0}
.clear {clear:both}

/* Colours
------------------------------------------------------------*/
.blue {color:#2CAAE2;}
.green {color:#D6DE24;}
.darkgreen {color:#69A10B}
.orange {color:#F19330;}
.grey {color:#666666;}

/* Rollovers / Links
------------------------------------------------------------*/
a {color:#2CAAE2; text-decoration:none}
a:hover {color:#2CAAE2; text-decoration:underline}
ul a {color:#666666}
ul a:hover {color:#2CAAE2;}

.work_detail_col2 #numbers li a {color:#666666; text-decoration:none}
.work_detail_col2 #numbers li a:hover {color:#2CAAE2; text-decoration:underline}

.testimonial_box a {color:#D6DE24;}
#info a {color:#D6DE24;}
#thumb a:hover img{border:7px solid #D6DE24}
#thumb1 a:hover img{border:7px solid #D6DE24}

/* Layout
------------------------------------------------------------*/
#wrapper { margin:0 auto 0 auto; padding:0; width:994px;}
#header {width:778px; float:left}
#today_feeling {margin-top:50px; width:200px; float:left}
#main_content { margin:0; padding-bottom:10px; }

/* Images
------------------------------------------------------------*/
#thumb img {border:7px solid white}
#thumb1 img {border:7px solid white}
img {padding:0; margin:0}

/* Lists
------------------------------------------------------------*/
ul {padding:0 0 0 10px; margin:5px 0 0 0}
img {border:0}
.work_detail_col2 #numbers li { display:inline; list-style:none; padding:0 5px 0 0; margin:0}


/* Home Page
------------------------------------------------------------*/
#intro {float:left; width:650px; margin:10px 0 30px 10px}
#contact_button {float:left; margin:30px 0 0 10px}
#column1 {float:left; width:400px; margin:0 0 0 10px;}
#column2 {float:left; width:250px; margin:0 0 0 10px;}
#column3 {float:left; width:250px; margin:0 0 0 10px;}

/* Our Work page
------------------------------------------------------------*/
.indent {margin:0 0 0 10px;}
#details {float:left; margin:5px 0 0 0; padding:0}
/*#thumb1 {float:left; width:230px; padding:0; margin:15px 0 0 25px;}*/
#thumb {float:left; width:230px; padding:0; margin:15px 0 0 10px;}
#thumb_border_container {width:100%; float:left}
#thumb_border {float:left; width:230px; margin:15px 0 0 10px; border-bottom:1px dashed #999999;}

.grey_box {float:left; width:953px; margin:0; padding:0 0 0 8px}
.grey_box .top {float:left; margin:0; padding:0; height:16px}
.grey_box .middle {width:966px; float:left; margin-bottom:20px; padding:10px 10px 10px 0;}
/* .grey_box .middle {width:926px; float:left; margin:0; padding:10px 10px 10px 15px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color: #ededed;} */
.grey_box .middle .col1 {width:450px;float:left; margin:0;padding:0}

.grey_box .middle .col1 .link {}

.grey_box .middle .col2 {width:500px;float:right; margin:0 10px 0 0; padding:0}
.grey_box .bottom {float:left; width:953px; margin-bottom:10px;}
.grey_box .bottom img {float:left}

/* Work Detail page
------------------------------------------------------------*/
.work_detail_col1 {float:left; width:440px; margin:0 0 0 10px}
.work_detail_col1 .link {float:left; width:220px;}
.work_detail_col1 .link .col1{float:left; width:17px;}
.work_detail_col1 .link .col2{float:left; width:183px;padding-top:2px; padding-left:7px;}

.work_detail_col1 .features1 {float:left; width:85px; margin:0}
.work_detail_col1 .features2 {float:left; width:300px; margin:0 0 10px 0}

.work_images {float:left; width:640px; margin:0 0 0 10px}

.work_detail_col2 {float:left; width:390px; margin:0 0 0 50px}
.work_detail_col2 .img_holder{width:482px; height:301px; background-color:#FFFFFF}
.work_detail_col2 #numbers {float:left; width:400px;}

.testimonial_box {float:left; width:438px; margin:20px 0 0 0; padding:0px}
.testimonial_box .top {float:left; margin:0; padding:0; height:8px}
.testimonial_box .top img {float:left}
.testimonial_box .middle {width:416px; float:left; margin:0; padding:10px; border-left:1px solid #2CAAE2; border-right:1px solid #2CAAE2; background-color: #2CAAE2;}
.testimonial_box .middle .col1 {width:438px;float:left;margin:0;padding:0}
.testimonial_box .bottom {float:left; width:438px; margin:0; height:24px}
.testimonial_box .bottom img {float:left}

.testimonial_person_text {margin-left:10px; font-size:80%}


/* Footer
------------------------------------------------------------*/
#footer {font-size:90%; background-image:url('images/footer_illustration.jpg'); background-position:center; background-repeat:no-repeat; height:190px}

/*#info {background-color:#69a10b; height:60px;}*/
#info {background-image:url('images/grass-bg.jpg');  background-position:center; background-repeat:repeat; height:95px;} 
/*#info .text {font-size:80%; color:#D6DE24; width:994px; margin:0 auto 0 auto; padding-top:20px}*/
#info .text {font-size:80%; color:#ffffff; width:994px; margin:0 auto 0 auto; padding-top:20px}
#info .text .col1 {width:650px; float:left}
#info .text .col2 {width:300px; float:right; text-align:right}