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


html, body{
height:100%;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #D3C7BD;
 font-size: 12px;
 background-image: url(home/background.gif);
 margin: 0 auto;} 

.menu_c{
 width:750px;
 margin:auto;
 height:34px;
 background-color:#5B5047;
}
.menu {
 float:right;
}
* html .menu {} 
ul li{
 list-style:none;
 float:left;}
ul li a {
 display:block;
 height:34px; 
 text-decoration:none;}
ul li a:hover {
background-position:bottom;}
ul li a span {
 display:none;}

#home {
 background-image: url(home/home.gif);
 width:44px;}
#interactive {
 background-image: url(home/inter.gif);
 width:84px;}
#creative {
 background-image: url(home/creat.gif);
 width:72px;}
#blog {
 background-image: url(home/blog.gif);
 width:46px;}
#aboutus{
 background-image: url(home/about.gif);
 width:67px;}
#contact{
 background-image: url(home/contact.gif);
 width:67px;}

.header {
 padding:20px 0px 20px 0;
 font-family:Tahoma,Arial, Helvetica, sans-serif;
 color: #D3C7BD;
 font-size:12px;
 text-align:right;
 line-height:24px;
 background-color: #837366;
}
* html .header {height: 35px} 

.centercolumn { 
 background-color: #76675C;
 margin: 0px 0px 10px 0px;
 padding: 7px;
 width: 736px;
 height: 170px;
 float: left;
 color: #D3C7BD;
}
.centercolumn2 {
 padding: 7px 0 10px 0;
 width: 470px;
 float: left;
 color: #D3C7BD;
 background-image:url(about/sep.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 background-color: #837366;
 margin:0 0 10px 0;
}
.teamcontent{
 width:480px;
 height:auto;
 margin: 10px 10px 10px 0;
}
.centercolumn3 { 
 margin: 10px 15px 10px 0px;
 display: block; /* IE Hack */
 padding: 10px 10px 10px 10px;
 width: 200px;
 border: 1px solid #908176;
 display:block;
 height: 155px;
 float: left;
 color: #D3C7BD;
 overflow:hidden;
 }
 
 
 #centercolumn4 {
	padding: 0px 5px 0px 0px;
	width: 410px;
	display:block;
	float: left;
	color: #D3C7BD;
}
.content_rightcolumn{width:220px; float:right;}
.rightcolumn {
 margin: 0  0 3px 0;
 padding:45px 0px 20px 30px;
 width: 187px;
 display: inline; /* IE Hack */
 float: right;
 background-color: #6D6056;
 background-image:url(about/wwv.gif);
 background-repeat:no-repeat;
 border:none;
 line-height:16px;
}
.rightcolumn2 {
	padding:45px 0px 10px 0px;
	display: inline;
	float:right;
	border:none;
	background-image:url(about/cont.gif);
	background-repeat:no-repeat;
	background-color: #6D6056;
	text-align:right;
	width: 217px;
}
.rightcolumn3 {
 margin: 0 0 3px 0;
 padding:45px 10px 10px 15px;
 display: inline; /* IE Hack */
 width: 192px;
 float:right;
 border:none;
 background-image: url(interactive/service.gif);
 background-repeat:no-repeat;
 background-color: #6D6056;
 line-height:16px;
}
.rightcolumn4{
	margin: 0px 0px 3px 13px;
	padding:20px 10px 10px 30px;
	display: inline; /* IE Hack */
	width: 175px;
	float: right;
	border:none;
	background-image:url(contact/sep.gif);
	background-repeat:no-repeat;
	background-color: #6D6056;
	line-height:16px;
	height: 340px;
}
#contentfooter{
	background-color: #6F6156;
	clear:both;
}
#footer {
	padding: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:9px;
	margin:0px;
	text-align:center;
}
#contentnext{
	text-align:center;
	width:auto;
}
#contentbut{
    width:380px;
	height:25px;
	float:right
}
.contentbut2{
    width:190px;
	height:25px;
	float:left;
}

h1, h2, h3 {
 font-size:12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#EFBD23;
 text-transform:uppercase;
}
h2 {
text-transform:none;
}
h3 {
 color:#D3C7BD;
}
.float {
 float: left;
 padding: 0px 15px 0px 0px;
}
.float2{
 float: left;
 padding: 10px 15px 10px 0;
}
.float_left {
 float: left;
}
img {
 border: none;
}
a:link {
 color: #EFBD23;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
}
a:visited {
 text-decoration: none;
 color:#EFBD23;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
}
a:hover {
 color: #FFFFFF;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
}
a:active {
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
}
a.footer{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#FFFFFF;
}
a.footer:hover{ color:#EFBD23; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;}

a.next{
 color:#D3C7BD;
}
a.next:hover{ 
 color:#D3C7BD;
}
div.row2 {
	margin:auto;
	width:200px;
  }
div.content_buttons {
	float:left;
	margin:auto;
	width:100%;
	margin-top:10px;
 }
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 90px;
  text-align: right;
  }

div.row span.formw {
  float:left;
  margin-left:10px;
  width: 80px;
  text-align: left;
  } 
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
UL, OL {
 font-size: 10px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #D3C7BD;
}
INPUT, TEXTAREA, SELECT { 
 font-family: Verdana, Helvetica, sans-serif;
 padding:3px; 
 font-size: 10px; 
 color: #D3C7BD; 
 background-color: #79695E; 
 border: none;
 width:200px;
}
INPUT.right_form, TEXTAREA.right_form, SELECT.right_form { 
 font-family: Verdana, Helvetica, sans-serif;
 padding:3px; 
 font-size: 10px; 
 color: #D3C7BD; 
 background-color: #79695E; 
 border: none;
 width:100px;
}
input textarea.contact{
 height:18px;
 font-family: Verdana, Helvetica, sans-serif;
 font-size:11px;
 padding:3px;
 color: #D3C7BD;
 background-color: #79695E; 
 border: none;
 width:200px;}
 
textarea.contact{
 font-family: Verdana, Helvetica, sans-serif;
 font-size:11px;
 padding:3px;
 color: #D3C7BD;
 background-color: #79695E; 
 border: none;
 width:200px;}
textarea.contact_right{
 font-family: Verdana, Helvetica, sans-serif;
 font-size:11px;
 padding:3px;
 color: #D3C7BD;
 background-color: #79695E; 
 border: none;
 width:100px;}

.button, .button2, .button3 {
 background-color: #96887C; 
 border: 1px solid #685B52;
 width:55px;
 display:block;
 color: #41372F;
 font-weight:bold;
 text-transform:uppercase;
 text-align:center;
 float:right;
 }
 
.button2{
 float:left;
 margin-right:10px;
 }
 .button3{
 margin-right:30px;
 margin-top:10px;
 }
 .bullets{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #EFBD23;
}
.formRow{
text-align:right;
}
.content_form{ background:#867669; margin-bottom:10px;}
/*---------------------------------------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited { background: url('images/prevlabel.gif') no-repeat left 15%; }
#nextLink, #nextLink:visited { background: url('images/nextlabel.gif') no-repeat right 15%; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
#General_Content{width:100%; height:100%;}
#content{ width:750px; margin:auto; height:95%;}
#content2{ width:750px; margin:auto;}
.style_body{
font-family: Arial, Helvetica, sans-serif;
color: #D3C7BD;
font-size: 12px;
font-weight:normal;}