/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*--------------
Default Styles
================*/
p {
	margin:0 0 20px 0;
}


/*--------------
Body and Background 
================*/
html, body, p, div, span {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
body{
	background: #000000;
	color: #b0b0b0;
	margin: 0 0;
}	

#bg-body{
	width:100%;
	height:98%;
	min-height:500px;
	background: url(img/bg-home-blank.gif) top center no-repeat #0c1d2e;
	margin: 0 0;
	padding-bottom:40px;
	text-align:center;
}
#bg-footer{
	border-top:1px solid #41535b;
	width:100%;
	background: url(img/bg-footer.gif) repeat-x #000000;
	min-height: 200px;
}


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

.grid {
	line-height: 16px;
 	font-size: 13px;
}

.grid h1 {
  line-height: 32px;
  font-size: 19px;
  font-weight: bold;
  margin-bottom:20px;
}

.grid h2 {
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
}

h3 {
  line-height: 32px;
  font-size: 13px;
  font-weight: bold;
}

.grid h4 {
  line-height: 32px;
  font-size: 13px;
  font-style: italic;
}

.grid h5 {
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
}

.grid h6 {
  line-height: 16px;
  font-size: 13px;
  font-style: italic;
}


.small{
	font-size: 11px;
}

.medium{
	font-size:13px;
}

.large{
	font-size:16px;
}

.color {
	color:#4693bf;
}

/*--------------
Grid
================*/
.grid {
  width: 960px;
  margin:0 auto;
  text-align:left;
}

.grid-margin {
  float: left;
  width: 5px;
  height: 1px;
}


.grid-gutter {
  float: left;
  width: 10px;
  height: 1px;
}


.grid-quarter{
	float: left;
	width: 230px;  
}

.grid-half{
	float: left;
	width: 470px;  
}

.grid-third{
	float:left;
	width:710px;
}

.grid-full{
	float:left;
	width:950px;
}

.belowheader{
	height:20px;
}



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



.grid-footer{
	background: url(img/bg-footer-gradient.gif) top left no-repeat;
	width:960px;
	min-height: 140px;
	margin:0 auto;
	line-height: 16px;
	padding-top:20px;
	font-size:11px;
	color: #4693bf;
}


.sitemap{
	width: 400px;
	float:left;
	margin-left:150px;
	text-align:left;
	padding-top:20px;
	font-size:8pt;
	color: #4693bf;
	line-height: 1.4em;
}

.info{
	width: 400px;
	float:left;
	text-align:right;
	padding-top:20px;
	margin-right:10px;
	font-size:8pt;
	color: #4693bf;
	line-height: 1.4em;
}

.footer-logo{
	margin-bottom:10px;
}

.footer-heading{
	font-size:12px;
	line-height:16px;
	margin-bottom:5px;
}

/*--------------
Nav Main
================*/
.nav-main{
	height:80px;
	width:470px;	
}

.nav-main a{
	display:block;
	height:80px;
	margin:0px;
	float:left;
	border:none;
	background-image:url(img/nav-sprite.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

#nav-home{width:90px;background-position:0 0;}
#nav-home:hover,#nav-home.hover{width:90px;background-position:0 -80px;}
        
#nav-work{width:80px;background-position:-90px 0;}
#nav-work:hover,#nav-work.hover{width:80px;background-position:-90px -80px;}
        
#nav-about{width:110px;background-position:-170px 0;}
#nav-about:hover,#nav-about.hover{width:110px;background-position:-170px -80px;}
        
#nav-news{width:90px;background-position:-280px 0;}
#nav-news:hover,#nav-news.hover{width:90px;background-position:-280px -80px;}
        
#nav-contact{width:100px;background-position:-370px 0;}
#nav-contact:hover,#nav-contact.hover{width:100px;background-position:-370px -80px;}


body.page-home #nav-home{
	background-position:0 -80px;
}

body.page-work #nav-work{
	background-position:-90px -80px;
}

body.page-about #nav-about{
	background-position:-170px -80px;
}

body.page-clients #nav-clients{
	background-position:-280px -80px;
}

body.page-contact #nav-contact{
	background-position:-370px -80px;
} 



/*--------------
Scollable
================*/
div.scrollable-shadow{
	z-index:10;
	position:relative;
	top:-16px;
	left:-21px;
	display:inline;
	float:left;
	width:0;
	height:0;
	overflow:visible;
}

div.scrollable-wrapper{
	z-index:11;
    position:relative;
    height:360px;
    width:960px;
}

div.scrollable{
    position:absolute; 
	z-index:1;
    overflow:hidden;
	top:0;
	left:0;
    width: 960px;
    height:360px;
    float:left;
}

.slideshow {
    position:absolute; 
	z-index:1;
    overflow:hidden;
	top:0;
	left:0;
	height: 360px;
	width: 960px;
}
.slideshow img{

}

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em;
    position:absolute; 
} 

div.scrollable div.items img { 
    float:left;
    margin-right:25px;
}


a.next{background-image:url(img/slider/clear-slider.gif);z-index:2;position:absolute;top:0;left:680px;width:280px;height:360px;cursor:pointer;}
.next:hover,.next.hover{background-image:url(img/slider/bg-next.png);background-repeat:no-repeat;cursor:pointer;}


a.prev{background-image:url(img/slider/clear-slider.gif);cursor:pointer;z-index:3;position:absolute;top:0;left:0;width:280px;height:360px;}
.prev:hover,.prev.hover{background-image:url(img/slider/bg-prev.png);background-repeat:no-repeat;cursor:pointer;}



/*--------------
Work Page Grid
================*/

div.pane-shadow{
	z-index:10;
	position:relative;
	top:-16px;
	left:-21px;
	display:inline;
	float:left;
	width:0;
	height:0;
	overflow:visible;
}

.pane{
	position:relative;
	z-index: 11;
	width:950px;
	height:500px;
	overflow:hidden;
}

.elements{
	width:4800px;
	height:1540px;
	padding:0 0;
	margin:0 0;
	list-style-type:none;
}

.elements img{
	float:left;
	padding:0 10px 10px 0;
}

.elements .tmb-left{
	float:left;
	width:960px;
	height:510px;
}
.elements .img-right{
	float:left;
	width:3840px;
	height:2040px;
}


/*--------------
Structural elements
================*/

.dateandtime{
	line-height:60px;
	width:400px;
	text-align:right;
	height:60px;
	font-size:9pt;
}
#displaytime {
	display:inline;
	margin: 0;
	padding: 0;
}

.separator{
	height:60px;
	background-image: url(img/section-divider.png);
}

.separator-blank{
	height:60px;
}

.headline{
	border-top:1px dotted #bcbaae;
	line-height:2.2em;
	overflow:hidden;
	text-transform:capitalize;
	display:block;	
}

.newscontent{
	width:inherit;
	height:240px;
	display:none;
}

#address{
	margin-top:54px;
}

.social{
	display:block;
	margin: 30px 0;
}

#welcome .welcome-hdr{
	padding-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
}

#welcome p{
	color: #b0b0b0;
	width:98%;
	margin:5px 5px 10px 5px;
	font-size:11pt;
	letter-spacing: .1em;
}

.bio-top{
	background:url(img/bg-bio-top.gif) no-repeat;
	height:10px;
	width:230px;
	margin:0;
	padding:0;
}
.bio-bottom{
	background:url(img/bg-bio-bottom.gif) no-repeat;
	height:10px;
	width:230px;
	margin:0;
	padding:0;
}
.bio-body{
	background:url(img/bg-bio-body.gif) no-repeat #000812;
	width:230px;
	margin:0;
	padding:0;
	border-bottom:1px solid #000812;
}

.bio-padding{
	font-size:11px;
	padding:0 10px;
	min-height:230px;
}
.bio-padding h3{
	color:#4693bf;
}

.contact-top{
	background:url(img/bg-contact-top.gif) no-repeat;
	padding-top:10px;
	width:470px;
	min-height:230px;
	border-bottom: 1px solid #000812;
	background-color: #000812;
}
.contact-bottom{
	background:url(img/bg-contact-bottom.gif) no-repeat;
	width:470px;
	height:40px;
}
/*.contact-body{
	background:url(img/bg-contact-body.gif) no-repeat #000812;
	border-bottom: 1px solid #000812;
}*/


/*--------------
Tooltips
================*/

#tooltip {
	font-size:11px;
	color:#333333;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: inherit;
	font-size:11px;
	border: none;
	padding:5px;
	border: 1px solid #111;
	background-color: #eee;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 11px;
	text-align: center;
}
#tooltip.pretty div { text-align: left; }






/*--------------
Link Colors
================*/

A:link{
	color:#4693bf;
	text-decoration:none;
}
A:visited{
	color:#4693bf;
	text-decoration:none;

}

A:active{
	color:#4693bf;
	text-decoration:underline;
}

A:hover{
	color:#4693bf;
	text-decoration:underline;
}


.subnav A:link, .subnav-last A:link, .headline A:link, .headline-last A:link, .linkline A:link {
	display:block;
	color:#b0b0b0;
	text-decoration:none;
}
.subnav A:visited, .subnav-last A:visited, .headline A:visited, .headline-last A:visited, .linkline A:visited {
	display:block;
	color:#b0b0b0;
	text-decoration:none;
}

.subnav A:active, .subnav-last A:active, .headline A:active, .headline-last A:active, .linkline A:active {
	display:block;
	color:#b0b0b0;
	background-color:#142435;
	text-decoration:none;
}

.subnav A:hover, .subnav-last A:hover, .headline A:hover, .headline-last A:hover, .linkline A:hover {
	display:block;
	color:#b0b0b0;
	background-color:#142435;
	text-decoration:none;
}


.grid-footer A:link, .grid-footer A:visited  {
	display:block;
	padding:1px 1px;
	margin-bottom:1px;
	color:#4693bf;
	text-decoration:none;
}

.grid-footer A:hover, .grid-footer A:active  {
	display:block;
	padding:1px 1px;
	margin-bottom:1px;
	color:#4693bf;
	background-color:#000710;
	text-decoration:none;
}




/*--------------
Services Menu - short
================*/
#services-short{
	margin-top:25px;
	height:78px;
	width:200px;
	margin:0 auto;
}



#services-short > a{
	text-indent:-2000px;
	overflow:hidden;
	width:200px;
	height:26px;
	display: block;
	background-image: url(img/srv-home-sprite.jpg);
	background-repeat: no-repeat;
	border:none;
}

a.srv-web-short{ background-position: 0 0; text-decoration: none; border:none; }
a:hover.srv-web-short{ background-position: -200px 0; text-decoration: none; border:none; }

a.srv-print-short{ background-position: 0 -26px; text-decoration: none; border:none; }
a:hover.srv-print-short{ background-position: -200px -26px; text-decoration: none; border:none; }

a.srv-previz-short{ background-position: 0 -52px; text-decoration: none; border:none; }
a:hover.srv-previz-short{ background-position: -200px -52px; text-decoration: none; border:none; }

.acordion-content p{
	overflow:hidden;
	color:#4693bf;
	font-size:11px;
	margin:10px 0 15px 0;
	text-align:center;
}

/*--------------
Services Menu - full
================*/
#services-work{
	margin-top:25px;
	height:156px;
}

#services-work > a{
	text-indent:-2000px;
	overflow:hidden;
	width:200px;
	height:26px;
	display: block;
	background-image: url(img/srv-work-sprite.jpg);
	background-repeat: no-repeat;
	border:none;
}

a.srv_web{ background-position: 0 0; text-decoration: none; border:none; }
a:hover.srv_web{ background-position:-200px 0; border:none;}

a.srv_print{ background-position: 0 -26px; text-decoration: none; border:none;}
a:hover.srv_print{ background-position:-200px -26px; border:none; }

a.srv_photo{ background-position: 0 -52px;text-decoration: none;border:none;}
a:hover.srv_photo{background-position:-200px -52px;border:none;}

a.srv_identity{background-position: 0 -78px;text-decoration: none;border:none;}
a:hover.srv_identity{background-position:-200px -78px;border:none;}

a.srv_illustration{background-position: 0 -104px;text-decoration: none;border:none;}
a:hover.srv_illustration{background-position:-200px -104px;border:none;}

a.srv_previz{background-position: 0 -130px;text-decoration: none;border:none;}
a:hover.srv_previz{background-position:-200px -130px;border:none;}


/*
Formatting
*/
.colhdr-img{
	margin: 20px 0;
}

.linkline{
	width:200px;
	border-top:1px dotted #bcbaae;
	line-height:2.2em;
	overflow:hidden;
	text-transform:capitalize;
	display:block;	
}