html{font-size:62.5%;}
body{
	margin:0;
	background:#161a1d;
	font-family:Arial, sans-serif;
	width:100%;
	font-size:100.01%;
	color: 666666;
}

/* 

/*Eric Meyer’s CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, img,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
ul{
	list-style:none;
}
/*Eric Meyer’s CSS Reset end*/
a:link, a:visited{text-decoration:none;}
/*sIFR */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash #services .content ul li h2{
	visibility: hidden;
	display: block;
	letter-spacing: -6px;
}
.sIFR-hasFlash #services .sub-content ul li h3{
	visibility: hidden;
	display: block;
	letter-spacing: -6px;
}

.large {font-size: 18px;}

/* ----- sIFR end ----- */

#all{
	max-width:2000px;
}
#main{
	width:780px;
	margin:0 auto;
}

#about{
	width:780px;
	margin:0 auto;
}

#work{
	width:780px;
	margin:0 auto;
}

#work2{
	width:780px;
	margin:0 auto;
}

#services{
	width:780px;
	margin:0 auto;
}

/* ---------- LIGHT BOX CSS ---------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ----- ----- header ----- ----- */
#main #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#main #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#main #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#main #header ul.main_nav{
	float: right;
	padding:6px 0 2px 0;
}
#main #header ul.main_nav li{
	float: left;
	padding:0 .5px;
}
#main #header ul.main_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#main #header ul.main_nav li a.hover,
#main #header ul.main_nav li a:hover{
	background:#484f53;
	color:#fff;
}

#services #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#services #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#services #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#services #header ul.services_nav{
	float: right;
	padding:6px 0 2px 0;
}

#services #header ul.services_nav li{
	float: left;
	padding:0 .5px;
}
#services #header ul.services_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#services #header ul.services_nav li a.hover,
#services #header ul.services_nav li a:hover{
	background:#484f53;
	color:#fff;
}

#work #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#work #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#work #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#work #header ul.work_nav{
	float: right;
	padding:6px 0 2px 0;
}
#work #header ul.work_nav li{
	float: left;
	padding:0 .5px;
}
#work #header ul.work_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#work #header ul.work_nav li a.hover,
#work #header ul.work_nav li a:hover{
	background:#484f53;
	color:#fff;
}

#about #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#about #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#about #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#about #header ul.about_nav{
	float: right;
	padding:6px 0 2px 0;
}
#about #header ul.about_nav li{
	float: left;
	padding:0 .5px;
}
#about #header ul.about_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#about #header ul.about_nav li a.hover,
#about #header ul.about_nav li a:hover{
	background:#484f53;
	color:#fff;
}

#work2 #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#work2 #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#work2 #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#work2 #header ul.about_nav{
	float: right;
	padding:6px 0 2px 0;
}
#work2 #header ul.about_nav li{
	float: left;
	padding:0 .5px;
}
#work2 #header ul.about_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#work2 #header ul.about_nav li a.hover,
#work2 #header ul.about_nav li a:hover{
	background:#484f53;
	color:#fff;
}

#reach #header{
	background: url(../img/bg-header-top.gif) repeat-x 0 0;
	overflow:hidden;
	width:100%;
}
#reach #header h1{
	float: left;
	width:161px;
	height:36px;
	margin:42px 0 0 0;
	overflow:hidden;
}
#reach #header h1 a{
	display: block;
	width:161px;
	height:36px;
	background: url(../img/bg-images.gif) no-repeat 0 0;
	text-indent:-999999px;
}
#reach #header ul.about_nav{
	float: right;
	padding:6px 0 2px 0;
}
#reach #header ul.about_nav li{
	float: left;
	padding:0 .5px;
}
#reach #header ul.about_nav li a{
	display: block;
	float: left;
	padding:46px 11px 28px 11px;
	color:#fff;
	font:16px Helvetica;
}
#reach #header ul.about_nav li a.hover,
#reach #header ul.about_nav li a:hover{
	background:#484f53;
	color:#fff;
}

/* ----- ----- sub-header ----- ----- */
#main .sub-header{
	overflow:hidden;
	width:100%;
}
#main .image{
	margin:3px auto;
	width:780px;
	height:245px;
}
#main .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
	background: url(../img/bg-ul-content.gif) no-repeat 0 0;
}

#main .content h4{
	color: #666666;
	font-size: 26px;
	padding: 0 0 25px 0;
	}

#services .sub-header{
	overflow:hidden;
	width:100%;
}

#services .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
}

#work .sub-header{
	overflow:hidden;
	width:100%;
}

#work .image{
	margin:3px auto;
	width:780px;
	height:340px;
}
#work .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
}

#work .content h4{
	color: #666666;
	font-size: 26px;
	padding: 0 0 25px 0;
	}
	
#about .sub-header{
	overflow:hidden;
	width:100%;
}
#about .image{
	margin:3px auto;
	width:780px;
	height:245px;
}
#about .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
}

#about .content h4{
	color: #666666;
	font-size: 26px;
	padding: 0 0 25px 0;
	}
	
#work2 .sub-header{
	overflow:hidden;
	width:100%;
}
#work2 .image{
	margin:3px auto;
	width:780px;
	height:245px;
}
#work2 .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
}

#work2 .content h4{
	color: #666666;
	font-size: 26px;
	padding: 0 0 25px 0;
	}
	
#reach .sub-header{
	overflow:hidden;
	width:100%;
}
#reach .image{
	margin:3px auto;
	width:780px;
	height:245px;
}
#reach .content{
	width:100%;
	overflow:hidden;
	margin:17px 0 0 0;
}

#reach .content h4{
	color: #666666;
	font-size: 26px;
	padding: 0 0 25px 0;
	}

/* ----- ----- content ----- ----- */
#main .content ul {
	width:100%;
	overflow:hidden;
	margin:50px 0 0 0;
}
#main .content ul li .image{
	width:238px;
	height:105px;
	float: left;
	border:10px solid #222629;
	overflow:hidden;
}

#main .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#main .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#main .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	padding:5px 20px 12px 17px;
	background: url(../img/bg-li-border.gif) repeat-y 0% 0%;
	margin:0 0 0 0px;
}
#main .content ul li p.first{
	background:none;
}
#main .content ul li{
	float: left;
	width:33%;
	overflow:hidden;
	padding:0 0px 6px 3px;
	margin:0 0 0 -1px;
}

#main .content .tag-img {
	padding: 20px 0 40px 0px;
	}
	
#services .content p {
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	padding:15px 0px 15px 0px;
	margin: 0 0 0 0px;
	}
	
#services .titles {
	padding: 10px 0 10px 0;
	}

#services .content ul {
	width:100%;
	overflow:hidden;
	margin:50px 0 0 0;
}

#services .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#services .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#services .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	padding:5px 20px 12px 17px;
	background: url(../img/bg-li-border.gif) repeat-y 0% 0%;
	margin:0 0 0 0px;
}
#services .content ul li p.first{
	background:none;
}
#services .content ul li{
	float: left;
	width:33%;
	overflow:hidden;
	padding:0 0px 6px 3px;
	margin:0 0 0 -1px;
}

#work .content p {
	font-size: 11px;
	color: #999;
	line-height: 16px;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0px;
	}

#work .content ul {
	width:100%;
	overflow:hidden;
	margin:25px 0 0 0;
	padding: 5px 0 5px 0;
}
#work .content ul li .image{
	width:760px;
	height:320px;
	float: left;
	border:10px solid #222629;
	overflow:hidden;
}

#work .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#work .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#work .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	line-height: 16px;
	padding:5px 0px 40px 0px;
	margin:0 0 0 0px;
}
#work .content ul li p.first{
	background:none;
}
#work .content ul li{
	float: left;
	width:100%;
	overflow:hidden;
	padding:0 0px 6px 3px;
	margin:0 0 0 -1px;
}

#about .content p {
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0px;
	}

#about .content ul {
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
}
#about .content ul li .image{
	width:233px;
	height:106px;
	float: left;
	border:7px solid #222629;
	overflow:hidden;
}
#about .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#about .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#about .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	line-height: 16px;
	padding:5px 0px 40px 0px;
	margin:0 0 0 0px;
}
#about .content ul li p.first{
	background:none;
}
#about .content ul li{
	float: left;
	width:33%;
	overflow:hidden;
	padding:0 0px 6px 3px;
	margin:0 0 0 -1px;
}


#work2 .content p {
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0px;
	}

#work2 .content ul {
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
}
#work2 .content ul li .image{
	width:376px;
	height:200px;
	float: left;
	border:6px solid #222629;
	overflow:hidden;
}
#work2 .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#work2 .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#work2 .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	line-height: 16px;
	padding:5px 0px 40px 0px;
	margin:0 0 0 0px;
}
#work2 .content ul li p.first{
	background:none;
}
#work2 .content ul li{
	float: left;
	width:50%;
	overflow:hidden;
	padding:0 0px 6px 0px;
	margin:0 0 0 0px;
}

#reach h1.email a {color: #fefefe; text-decoration: none;}
#reach h1.email a:hover {color: #666666; text-decoration: underline;}

#reach .content p {
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0px;
	}

#reach .content ul {
	padding: 10px 0 0 0;
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
}
#reach .content ul li .image{
	width:233px;
	height:106px;
	float: left;
	border:4px solid #222629;
	overflow:hidden;
}
#reach .content ul li .title{
	float:left;
	width:100%;
	padding:12px 0 0 17px;
}
#reach .content ul li h2{
	font-size:18px;
	color:#669999;
	height:21px;
	line-height:21px;
	margin:0 0 -2px 0;
}
#reach .content ul li p{
	float: left;
	font:1.1em Arial, Verdana, sans-serif;
	color:#fff;
	line-height: 16px;
	padding:5px 0px 40px 0px;
	margin:0 0 0 0px;
}
#reach .content ul li p.first{
	background:none;
}
#reach .content ul li{
	float: left;
	width:33%;
	overflow:hidden;
	padding:0 0px 6px 3px;
	margin:0 0 0 -1px;
}

#reach .content #col_left {margin: auto; padding: 0; float: left; width: 390px;}
#reach .content #col_right {margin: auto; padding: 0; float: right; width: 390px;}




/* ----- ----- sub-content ----- ----- */
.footer{
	overflow:hidden;
	background:#0d1013;
	min-width:780px;
	padding: 0 0 49px 0;
}
.sub-content{
	width:780px;
	overflow: hidden;
	margin:0 auto;
	background:#0d1013;
	padding:0px 0 0 0;
}

.sub-content .spacer {
	width: 1px;
	height: 150px;
	float: left;
	background-image: url(../img/spacer_footer.gif);
	} 

.sub-content ul{
	float: left;
	width:100%;
}
.sub-content ul li{
	float: left;
	width:260px;
}
.sub-content ul li div.title{
	background: url(../img/bg-h3.gif) repeat-x 50% 50%;
	/*background:#ff0;*/
	float: left;
	width:80%;
	position: relative;
	margin:45px 0 0 0;
}
.sub-content ul li h3{
	font-size:16px;
	color:#fcfbfc;
	line-height:18px;
	height:18px;
	font-weight: bold;
	width:auto;
	float: left;
}
.sub-content ul li h3.blue{
	color:#5197d2;
	font-style: italic;
	float: left;
	width:auto;
	margin:0 -2px 0 0;
}
* html .sub-content ul li h3.blue{
	color:#5197d2;
	font-style: italic;
	float: left;
	width:auto;
	margin:0 -5px 0 0;
}
.sub-content ul li em.h3{
	color:#d70064;
	float: left;
	width:8px;
	display: block;
	height:18px;
	line-height:18px;
}
.sub-content ul li p{
	font:1.1em Arial, Verdana, sans-serif;
	color:#999999;
	line-height:16px;
	padding:0px 20px 0 0;
	float: left;
}
.sub-content ul li ul.images {
	padding:17px 0 0 0;
}
.sub-content ul li ul.images li{
	float: left;
	width:auto;
	padding:0 4px 5px 0;
}
.sub-content ul li ul.images li .img{
	width:50px;
	height:50px;
	overflow:hidden;
	border:2px solid #fff;
}
.sub-content ul li a.twitter{
	display: block;
	width:133px;
	height:52px;
	overflow:hidden;
	background: url(../img/bg-images.gif) no-repeat 0 100%;
	text-indent:-99999px;
	margin:220px 0 0 0;
}

.sub-content ul li a:link,a:visited	{ color:#99ccff; text-decoration:none; outline:none; }

.sub-content ul li a:hover,a:active	{ color:#fff; text-decoration: none; outline:none; }


.footer2{
	overflow:hidden;
	background:#000;
	min-width:780px;
	padding: 0 0 49px 0;
}

div.bottom-box{
	background:#000;
	height:140px;
	overflow:hidden;
	width:780px;
	margin: 0 auto;
}

div.bottom-box .title {
	background-image:url(../img/in-touch.jpg);
	width: 100px;
	height: 20px;
	margin-top: 40px;
	}

div.bottom-box .info p {
	margin: 5px 550px 5px 0px;
	color: #fff;
	}
	
div.bottom-box .email a:link,a:visited	{ color:#99ccff; text-decoration:none; outline:none; font-size:13px; }

div.bottom-box .email a:hover,a:active	{ color:#fff; text-decoration: none; outline:none; font-size: 13px; }

div.bottom-box .icons img {float:right;}


* html div.bottom-box {
	width: expression(document.documentElement.clientWidth < 780 ? "780px" : "auto");
}

/*end*/