@charset "utf-8";
/* CSS Document */

html {height:100%;}
body {font-family:Helvetica, Arial, sans-serif; color:#333; font-size:12px; background-image:url(../images/bg.gif); background-repeat:no-repeat; height:100%;}
.dark {color:#333;}
.black {color:#000;}
#wrapper {position:relative; width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8px 0;}

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

#header {height:93px; background-color:#000; width:100%; border-bottom:5px solid #666; position:relative;}
	#logo a {display:block; background-image:url(../images/logo.gif); width:159px; height:93px; text-indent:-9999px;}
	a.contact {position:absolute; left:896px; top:60px; color:#fff; font-weight:bold;}
	a.contact:hover {color:#ddd;}
	
#welcomeText {color:#999; padding:30px; font-size:26px; line-height:28px; max-width:920px;}

#featuredBox {height:347px; margin:0 0 30px 26px; background-image:url(../images/bg_featured.gif); background-repeat:repeat-x;}
	#featuredBox #featuredShowCase {background-color:#dfdfdf; width:892px; height:327px; position:relative; padding:10px;}
	#featuredBadge {background-image:url(../images/featuredBadge.png); width:110px; height:45px; position:absolute; left:-9px; bottom:27px; text-indent:-9999px;}
	#kbTitle {background-image:url(../images/featured/kb_title.png); width:175px; height:54px; left:110px; bottom:25px; position:absolute; z-index:10; text-indent:-9999px;}
	#kbDesc {background-image:url(../images/featured/kb_desc.png); width:98px; height:44px; position:absolute; left:277px; bottom:30px; text-indent:-9999px; z-index:5;}
	
.date {color:#333; font-size:26px; margin-left:30px;}

.works {margin:5px 30px 0 30px;}
	.works li {float:left; margin-right:1px; width:301px; height:260px; background-color:#fff; margin-bottom:15px;}
		.works li img {margin-bottom:10px; border-top:3px solid #333; border-bottom:3px solid #ccc; padding:1px 0;}
		.works li a.thumbWrapper {display:block; position:relative;}
		.works li a.thumbWrapper .viewWork {display:none; position:absolute; left:10px; top:13px; border:0;}
		.works li a.thumbWrapper:hover .viewWork {display:block;}

	a.workName {font-size:14px; color:#333; display:block; margin-bottom:10px;}
	a.workName:hover {color:#666;}
	.details {padding:10px;}
	.category {background-image:url(../images/bg_category.gif); background-repeat:no-repeat; padding-left:17px; color:#666; line-height:23px;}
	.client {background-image:url(../images/bg_client.gif); background-repeat:no-repeat; padding-left:17px; color:#666; line-height:23px;}
	.web {color:#930101; line-height:23px;}
	.web:hover {text-decoration:underline;}
	.contact-title {font-size:26px; margin:30px 0 25px 30px; display:block; font-weight:600;}
	.contactDetail {float:left; color:#333; margin:0 30px 50px 30px;}
	
	a.twitter {background-image:url(../images/twitter.gif); background-repeat:no-repeat; width:16px; height:16px; display:block; position:absolute; top:57px; left:847px; text-indent:-9999px;}
	a.facebook {background-image:url(../images/facebook.gif); background-repeat:no-repeat; width:16px; height:16px; display:block; position:absolute; top:57px; left:871px; text-indent:-9999px;}

	a.twitter:hover, a.facebook:hover {background-position:-16px;}
	
a.goBack {float:left; width:65px; color:#999; display:block; margin:40px 0 0 30px; font-weight:bold;}
a.goBack:hover {color:#000;}

h2.workTitle {font-size:26px; line-height:28px; max-width:920px; color:#999; display:block; float:left; padding:30px 30px 0 15px;}
	h2.workTitle .date {margin-left:0;}

.workImages {width:896px; margin-left:30px;}
	.workImages img {border-top:1px solid #7c7c7c; border-bottom:1px solid #fff;}
	
a.visitSite {background-image:url(../images/visit.gif); background-repeat:no-repeat; color:#272727; display:block; float:right; width:46px; height:36px; line-height:36px; padding-left:18px; background-position:0 12px;}
a.visitSite:hover {background-position:-75px 12px; text-decoration:underline;}

.bigImages {width:894px; clear:both; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; border-bottom:8px solid #7c7c7c;}

.workHeading {font-size:24px; color:#333; margin:20px 0 20px 30px; max-width:846px;}
p.workDetail {margin-left:30px; max-width:846px;}

.moveTop {background-image:url(../images/top.gif); display:block; margin:10px 0 50px 30px; width:866px; background-position:right; background-repeat:no-repeat; text-indent:-9999px;}

table.contactBox {margin:20px 0 0 0;}
table.contactBox td {vertical-align:top;}
.textField {background-image:url(../images/bg_input-normal.gif); width:508px; height:13px; border:1px solid #c2c2c2; padding:6px 5px 5px 5px; font-size:11px; color:#777;}
.textField-message {background-image:url(../images/bg_messageInput.gif); width:508px; height:153px; border:1px solid #c2c2c2; padding:6px 5px 5px 5px; font-size:11px; color:#777; background-repeat:no-repeat;}
.textField:focus, .textField-message:focus {border:1px solid #FF6600;}
.must {color:#FF6600; font-size:12px; font-family:Tahoma; padding:0 0 0 5px;}

form {margin-left:5px; float:left;}
#contactWrapper {width:980px;}
	.contactFormTitle {font-size:13px; color:#000; font-weight:bold; margin-right:44px;}
	
	.addressBox {float:left; color:#333; margin:53px 0 0 0; width:270px;}
	.addressBox a, .contactDetail a {color:#333;}
		.addressBox a:hover, .contactDetail a:hover {text-decoration:underline;}
		
	.lessMargin {margin-top:20px;}

#footer {width:100%; height:8px; background-color:#000; line-height:8px; font-size:0;}
.push {height:8px;}