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

/* ---------------------------------------- SETUP ---------------------------------------- */

:root { overflow-y: scroll; }

* {	margin:0px;	padding:0px; border:0; }

a:active { outline: none; }

a:focus { -moz-outline-style: none; }

body { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#555; background:#f0f0f0; border-top:3px #333 solid; text-shadow: 1px 1px 0px #fff; line-height:170%; *top:-10px;}

#wrapper { width:988px; margin-left:auto; margin-right:auto; }

.dark { color:#333; }

.light { color:#fff }

.italic { font-style:italic; }

.border-top { border-top: 1px dotted #333; }

.border-bottom { border-bottom: 1px dotted #333; }

.border-both { border-top: 1px dotted #333; border-bottom: 1px dotted #333; }

.border-right { border-right: 1px dotted #333; }

p { margin-bottom:15px;}


/* ---------------------------------------- LINKS ---------------------------------------- */

a, a:visited { color:#555; font-style:italic; text-decoration:none; -webkit-transition: color 0.15s ease-in; /*safari and chrome */ -o-transition: color 0.15s ease-in; /* opera */ }

a:hover, a:active { color:#00b4ef; text-decoration:none; }


/* ---------------------------------------- TITLES ---------------------------------------- */

h1, h1 a, h1 a:visited{ font-size:24px; color:#333; margin-bottom:25px; font-weight:normal; font-family: DroidSerif, Georgia, "Times New Roman", Times, serif; font-style:normal;}

h2, h2 a, h2 a:visited{ font-size:20px; color:#333; margin: 10px 0 15px 0; font-weight:normal; font-style:normal; font-family: DroidSerif, Georgia, "Times New Roman", Times, serif;}

h3, h3 a, h3 a:visited{ font-size:16px; color:#333; margin-bottom:15px; font-weight:normal; font-style:normal; font-family: DroidSerif, Georgia, "Times New Roman", Times, serif;}

h4 { color:#333; margin-bottom:5px; font-weight:normal; font-family: DroidSerif, Georgia, "Times New Roman", Times, serif; }

h1 a:hover:visited, h2 a:hover:visited, h3 a:hover:visited { color:#00b4ef; }

.work-title { font-size:20px; margin:0 0 15px 0; float:left; }
.work-title a { font-style:normal; color:#333; }
.work-title a:hover { color:#00b4ef; }


/* ---------------------------------------- HEADER ---------------------------------------- */

#header { width:988px; height:95px; }

#logo { width:149px; height:42px; float:left; margin: 30px 0 0 12px; text-indent:-999px; display:inline; }

#logo h1 { margin:0; }

#logo a { background:url(../img/logo.gif) no-repeat 0 0; display:block; width:149px; height:42px; }

#logo a:hover { background-position: 0 -42px; }

#contact-links { width:160px; height:40px; float:right; margin:32px 14px 0 0; font-size:12px; font-style:italic; text-align:right; display:inline; }


/* ---------------------------------------- NAV ---------------------------------------- */

#nav { width:960px; height:26px; margin:0 14px 23px 14px;}

#nav ul {display:block; float:left; width:550px;}

#nav ul li { height:26px; border-bottom:3px solid #f0f0f0; float:left; margin-right:25px; display:inline-block; list-style:none; font-size:12px; text-transform:uppercase; line-height:26px; padding:0 1px; }

body#Home #nav ul li#home, body#Work #nav ul li#work, body#Services #nav ul li#services, body#News #nav ul li#news, body#About #nav ul li#about, body#Blog #nav ul li#blog, body#Contact #nav ul li#contact { border-bottom:3px solid #00b4ef; }

body#Home #nav ul li#home a, body#Work #nav ul li#work a, body#Services #nav ul li#services a, body#News #nav ul li#news a, body#About #nav ul li#about a, body#Blog #nav ul li#blog a, body#Contact #nav ul li#contact a { color:#333; }

#client-login { width:100px; height:26px; line-height:26px; float:right; text-align:right; font-size:12px; }


/* ---------------------------------------- MAIN ---------------------------------------- */

#content { width:960px; margin:0 14px; position:relative; }

.eighth-box-left { width:104px; float:left; margin-right:13px; line-height:130%; }
.eighth-box-right { width:104px; float:left; margin-right:0; line-height:130%; }

.half-half-box {width:216px; float:left; margin-right:25px; }

.quarter-box-left { width:231px; float:left; margin-right:45px; }
.quarter-box-right { width:231px; float:right; }

.three-quarter-box-left { width:684px; float:left; margin-right:45px; }
.three-quarter-box-right { width:684px; float:right; }

.half-box-left{ width:457px; float:left; margin-right:45px; }
.half-box-right{ width:457px; float:right; }

.one-third-box-left { width:290px; float:left; margin-right:45px; position:relative;}
.one-third-box-right { width:290px; float:right; }

.two-thirds-box-left { width:625px; float:left; margin-right:45px; }
.two-thirds-box-right { width:625px; float:right; }

.full-box { width:960px; float:left; padding:20px 0 15px 0; }

.full-box ul li { list-style:inside; }

.thumbnail { width:231px; float:left; margin-right:12px; }

#titlebar { width:960px; float:left; border-top: 1px dotted #333; border-bottom: 1px dotted #333; padding-top:25px; }

img { margin-bottom:15px; }

.small-thumbnail { width:140px; height:72px; float:left; margin-right:10px; background:#fff; margin-bottom:10px;}

#next-project { position:absolute; width:300px; top:27px; right:0; font-size:12px; text-align:right; color:#333;}

.quote { font-size:16px; font-style:italic; color:#333; font-variant:small-caps; margin-left:15px; width:380px; border-left: #555 1px solid; padding-left:15px; }

.person {font-style:normal; font-size:12px; font-variant:normal; }

.box-link-wrap{ height:40px;}

.backtotop { float:right;}


/* ---------------------------------------- NEWS ---------------------------------------- */

body#News h2 { margin:7px 0 30px 0; }

body#News .fullbox { min-height:500px; }

#twitter_update_list li, #twitter_update_list2 li, #twitter_update_list3 li { list-style-type: none; margin-bottom:18px; word-wrap: break-word; list-style-position:outside; }

.avatar { position:relative; display:inline; width:48px; height:48px; float:left; margin:-5px 15px 0 0; border:1px solid #ccc; _border:0; }

.follow { position:absolute; width:80px; top:10px; right:0; font-size:12px; text-align:right; }


/* ---------------------------------------- SERVICES ---------------------------------------- */

.service-box { width:275px; height:40px; background:#333; margin:0 0 10px 0; float:left; font-size:16px; color:#fff; text-shadow:#000 1px 1px 0; line-height:40px;}

.service-box a { color:#fff; font-style:normal; display:block; padding-left:15px; }

.service-box a:hover { text-shadow:#008CC7 1px 1px 0px; }

.service-box:hover { background-color:#00b4ef; }

body#Services img.icon { float:left; margin:-17px 5px 0 -10px; }


/* ---------------------------------------- BLOG ---------------------------------------- */

body#Blog #titlebar { width:960px; float:left; border-top: 1px dotted #333; border-bottom:0; padding-top:30px; }

body#Blog h1 { margin-bottom:0; }

body#Blog h1 a, body#Blog h2 a, body#Blog h3 a { font-style:normal; -webkit-transition: color 0.15s ease-in; /*safari and chrome */ -o-transition: color 0.15s ease-in; /* opera */}

body#Blog h2 + p + p:first-letter, h2 + h3 + p:first-letter { float: left; *float:none; font-size: 43px; margin: 2px 5px 0 0; *margin:0; line-height:1; color:#333;	}
	
body#Blog h2 + p + p:first-line, h2 + h3 + p:first-line { font-variant: small-caps; font-size:18px; letter-spacing: 1px; color:#333; }

@-moz-document url-prefix() {
	
	body#Blog h2 + p + p:first-letter, h2 + h3 + p:first-letter { font-size: 46px; margin: 8px 5px 0 0; }
	body#Blog h2 + p + p:first-line, h2 + h3 + p:first-line { font-size:16px; }
}

body#Blog h3 { margin-top:30px; }

.more-link { font-size:12px; }

#sidebar ul li.widget { float:left; width:290px; margin-bottom:15px; }

#sociobar1 img { padding-right:10px; }

p.subscribe-to-comments { font-size:12px; float:left; }
input#subscribe { margin: 0 10px 0 0; }

input#submit { margin-right:15px; }

form label { padding-top:10px; }

.textwidget { line-height: 160%; }

img#wpstats{ height:0; width:0; overflow:hidden; margin:0; border: none; padding:0; visibility:hidden; }

.docking { float:left; }

.tags {float:left;}


		/* ---------------------------------------- MAILCHIMP ---------------------------------------- */
		
		#mc_signup_submit { float:left; margin-bottom:15px; height:27px; width:80px; background-color:#333; color:#fff;	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:#000 1px 1px 0; font-size:14px; text-align:center; line-height:27px; *line-height:normal;	-webkit-transition: background-color 0.15s ease-in; /*safari and chrome */ -o-transition: background-color 0.15s ease-in; /* opera */}
		
		#mc_signup_submit:hover { background-color:#00b4ef;	text-shadow:#008cc7 1px 1px 0; cursor:pointer; }
		
		.mc_input { width: 280px; border:1px solid #333; height:15px; padding: 5px; margin:0 0 15px 0; }
		
		#mc-indicates-required {float:right; width:200px !important; }
		
		#mc_message { margin:10px 0; }
		
		.mc_success_msg { font-weight:normal !important; }
		
		#mc_subheader { line-height:160%; }
		
		

/* ---------------------------------------- CONTACT ---------------------------------------- */

body#Contact .quarter-box-left h3 { margin-bottom:5px; }

body#Contact .quarter-box-left p { margin-bottom:30px; }

#map_canvas{ width:674px; height:360px; text-align:left; font-size:12px; border:5px solid white; -webkit-border-radius:4px; -moz-border-radius:4px;}


/* ---------------------------------------- FOOTER ---------------------------------------- */

#footer { width:100%; height:auto; background-color:#333; padding: 25px 0 5px 0; color:#fff; text-shadow:none; font-size:11px; line-height:170%; color:#ccc; margin-top:15px; }

#footer h3 { color:#fff; }

#footer a, #footer a:visited { color:#ccc; }

#footer a:hover, #footer a:active { color:#00b4ef; text-decoration:none; }

#footer-wrapper { width:960px; margin-left:auto; margin-right:auto; background-color:#333;}

.footer-box { width:243px; float:left; }
.end-footer-box { width:231px; float:left; }

#footer ul li { list-style:inside; }

.network { width:80px; height:20px; float:left; line-height:20px; margin:0 50px 15px 0; background-position:0 0; text-indent:30px; }

.network a { display:block; width:80px; height:20px;}

.twitter { background:url(../img/twitter_icon.jpg) no-repeat; }
.twitter:hover { background:url(../img/twitter_icon.jpg) no-repeat 0 -20px; }

.facebook { background:url(../img/facebook_icon.jpg) no-repeat; }
.facebook:hover { background:url(../img/facebook_icon.jpg) no-repeat 0 -20px; }

.behance { background:url(../img/behance_icon.jpg) no-repeat; }
.behance:hover { background:url(../img/behance_icon.jpg) no-repeat 0 -20px; }

.linkedin { background:url(../img/linkedIn_icon.jpg) no-repeat; }
.linkedin:hover { background:url(../img/linkedIn_icon.jpg) no-repeat 0 -20px; }

.dribbble { background:url(../img/dribbble_icon.jpg) no-repeat; }
.dribbble:hover { background:url(../img/dribbble_icon.jpg) no-repeat 0 -20px; }

#sidebar h2 {font-size:18px;}



/* ---------------------------------------- OTHER STYLES ---------------------------------------- */

.no-margin { margin:0; }

.margin-bottom { margin-bottom:15px; }

.margin-top { margin-top:15px; }

.padding-bottom { padding-bottom:10px; }

.no-list ul li {list-style:none; list-style-position:outside; }

.small { font-size:12px }

.divider { width:39px; height:1px; float:left; border-top: 1px dotted #333; margin-bottom:15px; _margin-bottom:0px; margin-right:125px; }

.error-text {font-size:24px; text-align:center; line-height:170%; margin-bottom:220px; }

.center { text-align:center; }

.like-button { margin:15px 0; padding-top:15px; float:left; border-top:dotted 1px #333; }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */