/*--------------------------------------------------------------------------------*/
/* General
/*--------------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center 20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.72em;
	line-height:1.6em;
	color:#888;
}

.c{
	clear:both;
}

.fl{
	float:left;
}

/* 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 */

p{
	margin:0 0 1em 0;
}

span.blue{
	color:#444;
}

a{
	color:#3FA9F5;
	outline: none;
}

a:hover{
	color:#71C2F4;
	background-position:0 -22px;
}

a.large{
	display:block;
	width:auto;
	margin:5px 25px 0 0;
	text-transform:lowercase;
	font-size:1.3em;
}

a img{
	border:none;
}

*.larger{
	font-size:1.1em;
}

small{
	font-size:0.89em;
	color:#BBBBC0;
	margin:1px 0 3px 0;
	display:block;
}


/*--------------------------------------------------------------------------------*/
/* Containers
/*--------------------------------------------------------------------------------*/

div.wrap{
	width:950px;
	margin:0 auto;
	position:relative;
}

div#header{
	width:950px;
	height:170px;
	clear:both;
}

div#feature, div#featureContainer{
	width:976px;
	height:348px;
	clear:both;
	position:relative;
	left:-26px;
	margin:0 0 38px 0;
	background-repeat:no-repeat;
	background-position:top left;
}

div.row{
	width:950px;
	clear:both;
	margin:0 0 67px 0;
}
/* clearfix */
div.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html div.row             { zoom: 1; } /* IE6 */
*:first-child+html div.row { zoom: 1; } /* IE7 */

div#page{
	width:976px;
	clear:both;
	position:relative;
	left:-26px;
	margin:10px 0 48px 0;
	background-repeat:no-repeat;
	background-position:top left;
}

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

div#footer{
	width:100%;
	height:252px;
	clear:both;
	background-image:url("../images/backgrounds/footer.gif");
	background-repeat:repeat-x;
	color:#000000;
	font-size:.9em;
}

div#subnav{
	width:189px;
	background:#FFF;
	float:left;
	margin-top:37px;
	padding:0 40px 150px 26px;
	color:#595959;
	font-size:0.95em;
}

div#images{
	width:228px;
	background:#FFF;
	float:right;
	margin-top:396px;
	clear:none;
}

div#content{
	width:425px;
	float:left;
	margin-top:287px;
	padding:0 0 0 11px;
}

div#content p{
	font-size:1.08em;
	line-height:1.7em;
	margin-bottom:1.4em;
	color:#595959;
}

div#content>p:first-of-type{
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:1em;
	color:#000;
	font-weight:bold;
}

div#content blockquote, div#content blockquote p{
	font-size:1.15em;
	font-style:italic;
	margin-left:10px;
	margin-bottom:30px;
	color:#000;
}


/*--------------------------------------------------------------------------------*/
/* Thumbnails
/*--------------------------------------------------------------------------------*/

div.thumbnails{
	width:950px;
	clear:both;
	margin:0 0 67px 0;
}
/* clearfix */
div.thumbnails:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html div.thumbnails             { zoom: 1; } /* IE6 */
*:first-child+html div.thumbnails { zoom: 1; } /* IE7 */

div.thumbnails a{
	width:228px;
	height:160px;
	background-repeat:no-repeat;
	background-position:0 49px;
	float:left;
	margin:0 12px 0 0;
	padding:0 0 0 0;
	font-size:1.4em;
	text-decoration:none;
	color:#000;
}

div.thumbnails a:hover{
	color:#666;
}

div.thumbnails a.last{
	margin:0;
}

div.thumbnails a small{
	text-decoration:underline;
	color:#3FA9F5;
	font-size:0.72em;
}

div.thumbnails a:hover small{
	color:#71C2F4;
}

div#images.thumbnails a{
	margin:0 15px 0 0;
	padding:105px 0 19px 0;
	background-position:top left;
	height:auto;
}

div#workImages.thumbnails a{
	margin:0 15px 0 0;
	padding:105px 0 19px 0;
	background-position:top left;
	height:auto;
}


/*--------------------------------------------------------------------------------*/
/* Headings
/*--------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,h7{
	font-weight:normal;
	clear:both;
}

h2{
	margin-top:25px;
}

div#content h1{
	color:#FFF;
	font-size:2.4em;
	border-left:5px solid #EAE8E4;
	padding:2px 0 2px 23px;
	margin-bottom:55px;
	position:relative;
	left:-25px;
}

div#content h1 embed, div#content h1 object{
	position:relative;
	left:-4px;
}

div#content h3{
	font-size:1.3em;
	margin-top:40px;
	margin-bottom:9px;
	font-weight:bold;
}

div#content h4{
	font-size:1.3em;
	margin-top:40px;
	margin-bottom:9px;
	font-weight:bold;
}


/*--------------------------------------------------------------------------------*/
/* Titles
/*--------------------------------------------------------------------------------*/

*.title{
	position:relative;
	left:-26px;
	border-left:5px solid #EAE8E4;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:lowercase;
	margin:0 0 10px 0;
	padding:4px 0 4px 23px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:21px 5px;
	width:100px;
	height:24px;
}

/* Featured Projects - this might need to change if more *.strong objects fall under div.thumbnails.row */
div.thumbnails.row *.title{
	background-image:url("../images/titles/featured-projects.png");
	width:200px;
}


/*--------------------------------------------------------------------------------*/
/* Ornaments
/*--------------------------------------------------------------------------------*/

div#header strong{
	display:block;
	width:176px;
	height:32px;
	text-indent:-9999px;
	background-image:url("../images/misc/logo.png");
	background-repeat:no-repeat;
	text-transform:lowercase;
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.4em;
	position:absolute;
	left:1px;
	top:85px;
}

p#tag{
	display:block;
	width:73px;
	height:12px;
	text-indent:-9999px;
	clear:both;
	float:right;
	margin-top:0px;
	background-image:url("../images/misc/tag.png");
	background-repeat:no-repeat;
}


/*--------------------------------------------------------------------------------*/
/* Nav
/*--------------------------------------------------------------------------------*/

div#header ul{
	width:595px;
	height:22px;
	overflow:hidden;
	position:absolute;
	top:95px;
	left:358px;
}

div#header ul li{
	display:inline;
}

div#header ul li a{
	display:block;
	height:22px;
	text-indent:-9999px;
	text-transform:lowercase;
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#C0BFC1;
	font-size:2em;
	float:left;
	margin:0 36px 0 0;
}

div#header ul li a:hover{
	color:#92CFFB;
}

div#header ul li a#navAbout{
	background-image:url("../images/nav/about.gif");
	width:53px;
}

div#header ul li a#navClients{
	background-image:url("../images/nav/clients.gif");
	width:51px;
}

div#header ul li a#navWork{
	background-image:url("../images/nav/work.gif");
	width:42px;
}

div#header ul li a#navProducts{
	background-image:url("../images/nav/products.gif");
	width:73px;
}

div#header ul li a#navPress{
	background-image:url("../images/nav/press.gif");
	width:44px;
	margin-right:49px;
}

div#header ul li a#navBlog{
	background-image:url("../images/nav/blog.gif");
	width:39px;
}

div#header ul li a#navContact{
	background-image:url("../images/nav/contact.gif");
	width:63px;
	margin-right:0;
}


/*--------------------------------------------------------------------------------*/
/* Subnav
/*--------------------------------------------------------------------------------*/

div#subnav *.title{
	float:none;
	width:150px;
	margin-top:30px;
	clear:both;
	display:block;
}

div#subnav *.title:first-of-type{
	top:-40px;
	background-position:21px 40px;
	height:62px;
	padding-bottom:0;
	margin-bottom:-38px;
}

div#subnav ul{
	list-style-type:none;
	line-height:1.4em;
	list-style-type:none;
	margin-bottom:25px;
	margin-top:6px;
}

div#subnav ul li{
	margin-bottom:7px;
}

div#subnav h1, div#subnav h2, div#subnav h3, div#subnav h4, div#subnav h5, div#subnav h6, div#subnav h7{
	color:#1A1B20;
}

div#subnav h3, div#subnav h4{
	margin:19px 0 2px 0;
	font-size:1.4em;
}

div#subnav h3 a, div#subnav h4 a{
	color:#000;
}

div#subnav ul#twitter_update_list{
	margin-top:30px;
}


/*--------------------------------------------------------------------------------*/
/* Footer
/*--------------------------------------------------------------------------------*/

div#footer p{
	width:217px;
	background-image:url("../images/footer/tag.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding:25px 0 0 29px;
	float:left;
	position:relative;
	left:-26px;
}

div#footer a{
	color:#000000;
}

div#footer a:hover{
	color:#666666;
}

div#footer ul{
	width:100px;
	padding:25px 0 0 0;
	float:left;
	text-transform:lowercase;
	list-style-image:url('../images/footer/bullet.gif');
	line-height:1.92em;
}


/*--------------------------------------------------------------------------------*/
/* Home Page Template
/*--------------------------------------------------------------------------------*/

body.home{
	background-image:url("../images/backgrounds/home.gif") !important;
}

body.home div#featureContainer{
	background-image:url("../images/features/work/background.png");
	margin-top:10px;
}

body.home h1{
	top:0 !important;
}

body.home div#featureContainer div.description{
	background:#FFFFFF;
	position:absolute;
	left:0;
	top:37px;
	width:300px;
	height:280px;
	padding:34px 33px 0 26px;
}

body.home div#featureContainer *.title{
	background-image:url("../images/titles/home-row-1.png");
	width:290px;
	height:53px;
}

body.home div#feature{
	width:617px;
	height:348px;
	position:absolute;
	left:360px;
	top:0;
}

/*
 * The feature area SWF is floated above the page, and offset left by -50px and 
 * top by -30px, to allow the floating shapes in the SWF to float over the white
 * areas of the page.
 */
body.home div#feature *#featureSwf{
	position:absolute;
	width:677px;
	height:408px;
	left:-30px;
	top:-30px;
}

body.home div#clients div.description{
	width:295px;
	padding:44px 0 0 24px;
	float:left;
	position:relative;
	left:-24px;
}

body.home div#clients *.title{
	background-image:url("../images/titles/home-row-2.png");
	width:290px;
	height:53px;
	padding-top:10px;
	background-position:21px 9px;
}

body.home div#clients a.clients{
	width:auto;
	height:auto;
	float:right;
	display:block;
}

body.home div#clients img{
	width:599px;
	height:213px;
	padding:23px 7px 0 0;
}

body.home div#news, body.home div#blog, body.home div#twitter{
	width:428px;
	padding:0 60px 0 0;
	float:left;
}

body.home div#blog, body.home div#twitter{
	width:428px;
	padding-left:30px;
}

body.home div#blog, body.home div#twitter{
	padding-right:0px;
}

body.home div#news a.large, body.home div#blog a.large, body.home div#twitter a.large{
	margin:0 0 40px 0;
}

body.home div#news *.title{
	background-image:url("../images/titles/news.png");
	float:left;
	width:47px;
}

body.home div#blog *.title{
	background-image:url("../images/titles/blog.png");
	float:left;
	width:42px;
}

div#twitter *.title{
	background-image:url("../images/titles/twitter.png") !important;
	float:left !important;
	width:147px !important;
	height:30px !important;
	background-position:20px 2px !important;
}

div#subnav div#twitter *.title{
	margin-top:80px !important;
	width:200px !important;
}

body.home div#news div.titleWrap small, body.home div#blog div.titleWrap small, body.home div#twitter div.titleWrap small{
	margin-top:9px;
	float:left;
	color:#bbbbc0;
	position:relative;
	left:-16px;
}

body.home div#news div.titleWrap small a, body.home div#blog div.titleWrap small a, body.home div#twitter div.titleWrap small a{
	color:#85c9fa;
}

body.home div#twitter div.titleWrap small{
	margin-top:12px;
}

/* clearfix */
body.home div#news div.titleWrap:after, body.home div#blog div.titleWrap:after, body.home div#twitter div.titleWrap:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html body.home div#news div.titleWrap, * html body.home div#blog div.titleWrap, * html body.home div#twitter div.titleWrap { zoom: 1; } /* IE6 */
*:first-child+html body.home div#news div.titleWrap, *:first-child+html body.home div#blog div.titleWrap, *:first-child+html body.home div#twitter div.titleWrap { zoom: 1; } /* IE7 */

ul#twitter_update_list{
	list-style-type:none;
	clear:both;
}

ul#twitter_update_list a{
	display:block;
}

ul#twitter_update_list li{
	margin-bottom:15px;
}

div#subnav div#twitter ul#twitter_update_list{
	padding-top:1px;
	margin-bottom:15px;
}

div#subnav div#twitter ul#twitter_update_list li{
	font-weight:normal;
	font-size:0.9em;
	margin:10px 0 12px 0;
}




/*--------------------------------------------------------------------------------*/
/* About Page and Contact Page Templates
/*--------------------------------------------------------------------------------*/

body.page-template-page-about-php, body.about, body.page-template-page-contact-php, body.contact{
	background-image:url("../images/backgrounds/about.gif");
}

body.page-template-page-about-php div#page, body.about div#page, body.page-template-page-contact-php div#page, body.contact div#page{
	background-image:url("../images/features/about/team.jpg");
}

body.page-template-page-about-php div#subnav *.title:first-of-type, body.about div#subnav *.title:first-of-type, body.page-template-page-contact-php div#subnav *.title:first-of-type, body.contact div#subnav *.title:first-of-type{
	background-image:url("../images/titles/about.png");
	margin-top:30px;
}

div#subnav *.title{
	background-image:url("../images/titles/meet-us.png");
	float:none;
	width:120px;
	margin-top:50px;
}


/*--------------------------------------------------------------------------------*/
/* Work Page and Products Page Template
/*--------------------------------------------------------------------------------*/

body.page-template-page-work-php, body.work, body.page-template-page-products-php, body.products{
	background-image:url("../images/backgrounds/about.gif");
}

body.page-template-page-work-php div#feature, body.work div#feature, body.page-template-page-products-php div#feature, body.products div#feature{
	width:736px;
	position:relative;
}

body.page-template-page-work-php div#page, body.work div#page, body.page-template-page-products-php div#page, body.products div#page{
	background-image:url("../images/features/work/background.png");
}

body.page-template-page-work-php div#content, body.work div#content, body.page-template-page-products-php div#content, body.products div#content{
	margin-top:0;
}

body.page-template-page-work-php div#subnav *.title:first-of-type, body.work div#subnav *.title:first-of-type{
	background-image:url("../images/titles/other-work.png");
	margin-top:30px;
}

body.page-template-page-products-php div#subnav *.title:first-of-type, body.products div#subnav *.title:first-of-type{
	background-image:url("../images/titles/more-products.png");
	margin-top:30px;
	width:150px;
}

body.page-template-page-work-php div#images.thumbnails, body.work div#images.thumbnails, body.page-template-page-products-php div#images.thumbnails, body.products div#images.thumbnails{
	margin-top:392px;
}

body.page-template-page-work-php div#images.thumbnails a, body.work div#images.thumbnails a, body.page-template-page-products-php div#images.thumbnails a, body.products div#images.thumbnails a{
	padding-top:0px;
	padding-bottom:0;
	border:1px Solid #DFDFDF;
	margin-bottom:40px;
	position:relative;
	left:-1px;
}

/*
 * The feature area SWF is floated above the page, and offset left by -50px and 
 * top by -30px, to allow the floating shapes in the SWF to float over the white
 * areas of the page.
 */
body.page-template-page-work-php *#featureSwf, body.work *#featureSwf, body.page-template-page-products-php *#featureSwf, body.products *#featureSwf{
	position:absolute;
	width:836px;
	height:408px;
	left:-50px;
	top:-30px;
}

/* Override the default style for the TopUp lightbox title */
.te_title {
	color:white !important;
	font-family:Helvetica, Arial, sans-serif !important;
	font-size:30px !important;
	position:absolute !important;
	text-align:left !important;
	width:500px !important;
	height:80px !important;
	z-index:1001 !important;
	padding-left:7px;
	bottom:-97px !important;
	font-weight:bold !important;
	text-shadow:none !important;
	top:auto !important;
}

/* Override the default style for the TopUp lightbox title */
.te_title p {
	color:#AAA !important;
	font-size:20px !important;
	font-weight:normal;
	margin-top:13px;
}

/* Override the default style for the TopUp lightbox controls */
.te_controls {
	left:auto !important;
	right:8px !important;
	bottom:-42px !important;
}


/*--------------------------------------------------------------------------------*/
/* Clients Page Template
/*--------------------------------------------------------------------------------*/

body.page-template-page-clients-php{
	background-position:center 30px;
	background-image:url("../images/backgrounds/about.gif");
}

body.page-template-page-clients-php div#page{
	margin-left:24px;
}

body.page-template-page-clients-php h1, body.page-template-page-clients-php h2{
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	height:30px;
}

body.page-template-page-clients-php h1{
	margin-top:20px;
	background-image:url("../images/titles/some-of-our-clients.png");
	width:250px;
	height:25px;
}

body.page-template-page-clients-php h2{
	margin:73px 0 3px 0;
	font-size:1.89em;
	background-image:url("../images/titles/hear-what-our-clients-say.png");
}

body.page-template-page-clients-php div.thumbnails{
	margin-top:20px;
}

div.testimonial, div.testimonialLast {float:left;width:254px;height:405px;font-size: 0.95em;line-height:13pt; margin-top:-10px;}
div.testimonialLast {width:200px}
div.testimonial p {width:205px;}
div.testimonialLast p {width:195px;}

div.testimonial h3, div.testimonialLast h3 {width:190px; color: #283041; font-size: 1.1em; font-weight: bold; margin-top:5px; margin-bottom:2px; }
div.testimonial h4, div.testimonialLast h4 {width:190px;color: #56697d; font-size: 1em; font-weight: normal;border-bottom: 1pt dotted #a4b4c5;margin-bottom:8px;}




/*--------------------------------------------------------------------------------*/
/* Blog Page and Press Page Template
/*--------------------------------------------------------------------------------*/

body.page-template-page-blog-php, body.blog, body.page-template-page-press-php, body.press{
	background-image:url("../images/backgrounds/blog.gif");
}

body.page-template-page-blog-php div#content, body.blog div#content, body.page-template-page-press-php div#content, body.press div#content{
	width:600px;
	padding-left:20px;
}

body.page-template-page-blog-php div#content h1, body.blog div#content h1, body.page-template-page-press-php div#content h1, body.press div#content h1{
	padding-left:30px;
	left:-31px;
}

body.page-template-page-blog-php div#feature, body.blog div#feature, body.page-template-page-press-php div#feature, body.press div#feature{
	width:736px;
	height:155px;
	position:relative;
}

body.page-template-page-blog-php div#page, body.blog div#page, body.page-template-page-press-php div#page, body.press div#page{
	background-image:url("../images/features/blog/background.png");
}

body.page-template-page-blog-php div#content, body.blog div#content, body.page-template-page-press-php div#content, body.press div#content{
	margin-top:0;
}

body.page-template-page-blog-php div#subnav *.title:first-of-type, body.blog div#subnav *.title:first-of-type{
	background-image:url("../images/titles/recent-posts.png");
	margin-top:30px;
	width:150px;
}

body.page-template-page-press-php div#subnav *.title:first-of-type, body.press div#subnav *.title:first-of-type{
	background-image:url("../images/titles/press-archive.png");
	margin-top:30px;
	width:150px;
}

body.page-template-page-blog-php h1, body.blog h1, body.page-template-page-press-php h1, body.press h1{
	position:relative;
	top:-100px;
}

body.page-template-page-blog-php div.post, body.blog div.post, body.page-template-page-press-php div.post, body.press div.post{
	position:relative;
	top:-115px;
	margin-bottom:50px;
}

body.page-template-page-blog-php div.post h2, body.blog div.post h2{
	margin-bottom:12px;
	color:#000;
}

body.page-template-page-blog-php div.post h2 a, body.blog div.post h2 a{
	color:#000;
}

body.page-template-page-blog-php div.post h2 a:hover, body.blog div.post h2 a:hover{
	color:#333;
}

body.page-template-page-press-php div.post h2, body.press div.post h2{
	margin-bottom:4px;
	color:#000;
}

body.page-template-page-press-php div.post h2 a, body.press div.post h2 a{
	color:#000;
}

body.page-template-page-press-php div.post h2 a:hover, body.press div.post h2 a a:hover{
	color:#333;
}

body.page-template-page-blog-php div.post a, body.blog div.post a, body.page-template-page-press-php div.post a, body.press div.post a{
	color:#AAA;
}

body.page-template-page-blog-php div.post a:hover, body.blog div.post a:hover, body.page-template-page-press-php div.post a:hover, body.press div.post a:hover{
	color:#C0C0C0;
}

body.page-template-page-press-php div#subnav h3 a:hover, body.press div#subnav h3 a:hover{
	color:#C0C0C0;
}

body.page-template-page-blog-php div.post strong:first-of-type, body.blog div.post strong:first-of-type, body.page-template-page-press-php div.post strong:first-of-type, body.press div.post strong:first-of-type{
	font-weight:normal;
	font-size:0.8em;
	color:#AAA;
}

body.page-template-page-blog-php div.post br, body.blog div.post br, body.page-template-page-press-php div.post br, body.press div.post br{
	clear:none;
	height:1px;
	font-size:1px;
	line-height:3px;
}

div.post ul{
	margin-top:-14px;
	margin-bottom:20px;
}

div.post ul li{
	margin-bottom:5px;
}