/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

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

a:active
{
  outline: none;
}


.clear {
	clear: both;
}

a {
	text-decoration: none;
}

html, body {
	/*added for vert.centering*/

	height: 100%;		
}
/* purely for vertical centering */

#distance {
/*	height: 50%;
	margin-bottom: -315px; 
*/	
	/* half of container's height */
/*	float:left;	*/
}
#container {	
	/* vertical centering code */
	clear: left;
	position:relative; /* puts container in front of distance */	
	
	width: 800px;
	height: 650px;
	margin: 0 auto;
/*	background: url(../images/WEBSITE_clients-studio.png) 0px 0px no-repeat;*/
}

.block {
	width: 800px;
	height: 161px;
	position: absolute;
	left: 0;	
/*	opacity: 0.6;*/
}

#header { top: 0; }
/*#footer { top: 445px; }*/
/*#footer { top: 441px; }*/
#footer { top: 440px;}

#contact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 800px;
	color: #919295;
	font-size: 9.45px;
	margin-bottom: 12px;
}

#contact a { color: #919295; text-decoration: none; }

#contact_left { 
	margin-left: 58px; 
	float: left; 
	clear: none; /*padding-top: 4px;*/
	
	}
#contact_left *{ 
	float: left;
	clear: none;
	display: block;
}

#contact_left strong {
	margin-top: 9px;
}

#contact_left strong + strong{
/*	margin-left: 8px*/
}


#contact_right { margin-right: 0; float: right; clear: none; }
#contact_right img {
/*	border: 1px solid #f00;*/
	margin-top: -18px;
/*	margin-bottom: 22px;*/
/*	padding-top: 8px;*/
}

#twitter {
	margin-left: 16px;
}

#homelink {
	position: absolute;
	left: 57px;
	top: 77px;
	
	height: 18px;
	width: 107px;	
}

#header .wide_link {
	width: 289px;	
}

#homelink h1{ display: none; }

#maincontent {
	height: 284px;
	position: absolute;
/*	top: 159px;*/
	top: 158px;
/*	top: 161px;*/
	left: 0;
	width: 800px;
	overflow: hidden;
	background: url(../images/dots_on_yellow.png) no-repeat;
	/* x y */
	background-position: 128px 105px;
/*	opacity: 0.1;*/
	
}

#content_holder {
	position: absolute;
	top: 0px;
	left: 275px;
	width: 527px;
	height: 284px;
	overflow: hidden;
	background-position: right top;
	background-repeat: no-repeat;
/*	overflow-y: auto; 	*/
}

.content {
	position: absolute;
	top: 0;
	left: 0;
	
	/* adjust these values to adjust the way the text is displayed in the box */
/*	background: #aaa;*/
	
	width: 470px;
	padding-right: 20px;
	padding-left: 40px;
/*	padding-top: 30px;
	padding-bottom: 30px;
*/
}

#maincontent #gallery_holder {
/*	width: 570px;*/
/*	border: 1px solid #f00;*/
/*	padding: 0;*/
	padding-right: 10px;
	height: 284px;
}


#maincontent #gallery_holder #gallery_thumbs .thumb{
	display: block;
	float: left;
	margin-top: 15px;
	min-height: 70px;
}

#photo_slide_frame {
/*	overflow-x: scroll;	*/
	position: absolute;
	z-index: 99;
/*	top: 159px;*/
	top: 161px;
	right: 0;
/*	border: 1px solid #f00;*/
/*	height: 284px;*/
	height: 279px;
	width: 528px;
/*	width: 800px;*/
	display: none;
	overflow: hidden;
	background: #fff;
}

#photo_slide_holder {
	position: absolute;
	height: 284px;
	top: 2px;
	left: 0;
	z-index: 20;
}

#photo_slide_holder img{
	float: left;
/*	margin-left: 4px;
	margin-right: 4px;
*/
}

.content .gallery {
	float: left;
	clear: none;
	margin-right: 35px;
	margin-top: 12px;
	margin-bottom: 14px;
/*	margin-left: 0px;*/
}

.content .gallery + .gallery{
/*	margin-left: 35px;		*/
}

/*.content table td table td { height: auto; }
.content table td { 
	height: 284px; 
}
*/
.content .page_content {
	height: 228px;
	padding: 28px 0;
}

/*
.content table td *{
	color: #fff;
	font-size: 16px;	
} 
*/
.content .page_content *{
	color: #fff;
/*	font-size: 12px;	*/
	font-size: 16px;	
}
.content .page_content table{
	margin-top: -8px;
}
.content .page_content table td,
.content .page_content table td p
{
	font-size: 11px;

}

.grey .content table td *{ color: #999; } 

.content table td p strong,
.content table td p strong *
/*,.content table td table td strong **/
{
	font-size: 16px;
	font-weight: normal;
}

#section_controls {
	position: absolute;
	right: 40px;
	bottom: 10px;
	width: 100px;
	text-align: center;
	height: 14px;
}

#section_controls * {
	color: #999;
	text-decoration: none;
	font-size: 11px;
}

#section_controls a {
	position: absolute;
	top: 3px;
	display: block;
	width: 45px;
	font-size: 10px;
}
#section_controls a#prev { 
	left: 0;
	text-align: right;
}
#section_controls a#next { 
	right: 0;
	text-align: left;
}

#nav {
	position: absolute;
	top: 34px;
	left: 57px;
/*	padding-top: 10px;*/
/*	border: 1px solid #f00;*/
}

#nav a {
	display: block;	
	text-decoration: none;
	font-size: 11px;
}

#nav div {
	float: left;
	clear: none;
	height: 120px;
	overflow: hidden;
/*	border: 1px solid #f00;*/
}

#nav #nav_level1 { width: 214px; }
/*#nav #nav_level2 { width: 186px; }*/
#nav #nav_level2 { width: 206px; }
#nav #nav_level3 { width: 196px; }

#nav div#nav_level3.wider { width: 296px; }

#nav #nav_level1 a { font-size: 12px; margin-bottom: 4px; }
#nav #nav_level2 a, 
#nav #nav_level3 a, 
#nav #nav_level4 a, 
#nav #nav_level5 a { 
	font-size: 9px; 
	height: 11px;
	margin-bottom: 2px; 
/*	margin-top: 5px; */
}

body.yellow .block { background: #ffcf06; }
body.yellow #homelink { background: url(../images/logo_on_yellow.png) no-repeat; }
body.yellow #nav a { color: #fff; }
body.yellow #nav a.active, body.yellow #nav a:hover { color: #9e9983; }

body.grey .block { background: #f3f3f4; }
body.grey #homelink { background: url(../images/logo_on_grey.png) no-repeat; }
body.grey #nav #nav_level1  a { color: #ffcf06; }
body.grey #nav a { color: #919195; }
body.grey #nav #nav_level1 a.active, #nav #nav_level1 a:hover { 
    color: #919195; 
}
/*body.grey #nav a.active, #nav a:hover { color: #7D6A55; }*/
body.grey #nav a.active, 
body.grey #nav a:hover { 
    color: #00aeef; 
}

body.grey #maincontent .content {
	width: 510px;
	padding-left: 0;
}

body.grey #nav #nav_level3 { width: 296px; }

.content .title_yellow, .content .title_yellow *	{ font-size: 24px !important; color: #FFCF01 !important; }
.content .yellow, .content .yellow *				{ color: #FFCF01 !important; }
.content .black, .content .black * 					{ color: #000 !important; }
.content .white, .content .white * 					{ color: #fff !important; }
.content .brown, .content .brown *					{ color: #7D6A55 !important; }
.content .grey, .content .grey  *					{ color: #919195 !important; }
.content .small, .content .small *					{ font-size: 10px !important; }
.content .yellow-small, .content .yellow-small *	{ font-size: 10px !important; color: #FFCF01 !important; }