/* CSS Document */

/* General
-------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	list-style:none;
}
html, body {
	height:100%;
	background-color:#eee;
}
a:focus { outline:none; } /* No dotted borders in Firefox */
a img { border:none; }

/* Element Layout
-------------------------------------------------------*/
#floater {
	position:relative;
	float:left;
	height:50%;
	width:1px;
	margin-bottom:-342px; /* set to negative half of #centered height to center */
}
#centered {
	background:url(images/bg.jpg) no-repeat top left;
	position:relative;
	clear:left;
	height:685px;
	width:950px;
	margin:0 auto;
}
#logo {
	height:24px;
	width:800px;
	margin:10px 0 0 16px;
}
#nav {
	position:absolute;
	top:35px;
	left:25px;
	height:14px;
	width:880px;
}
#mainimage {
	width:100%;
	padding-top:40px;
	text-align: center;
}
#maingallery {
	position:absolute;
	top:64px;
	left:20px;
	right:20px;
}
#img.gallery { /* added .gallery for degradation */
    position:relative;
    height:520px;
	/*background:transparent url(images/ajax-loader.gif) 50% 50% no-repeat; z-index:1;*/
}
#gallery li { /* used for degradation */
    float:left;
    cursor:pointer;
	/*background:transparent url(images/ajax-loader.gif) 50% 50% no-repeat; z-index:1;*/
}
#navbottom {
	position:absolute;
	width:180px;
	left:50%;
	bottom:12px;
	margin-left:-90px; /* set to negative half of width to center on page */
}
#copyright {
	position:absolute;
	right:20px;
	bottom:12px;
}
.abouttext {
	position:absolute;
	top:170px;
	left:450px;
	height:169px;
	width:200px;
}

.blogtext {
	position:absolute;
	top:400px;
	left:180px;
	height:300px;
	width:150px;
}

.contacttext {
	position:absolute;
	top:170px;
	left:170px;
	height:169px;
	width:300px;
}

.clientlist {
	position: absolute;
	top:400px;
	left:130px;
	height:300px;
	width:250px;
}

.clientlist2 {
	position: absolute;
	top:435px;
	left:410px;
	height:300px;
	width:250px;
}

.clientlist3 {
	position: absolute;
	top:435px;
	left:660px;
	height:300px;
	width:250px;
}

.aboutphoto {
	position:absolute;
	top:170px;
	left:700px;
	height:100px;
	width:100px;
}

/* text
-------------------------------------------------------*/
p {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
span.caption {
	position:absolute;
	left:100px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
#navbottom p { font-size:11px; }
#navbottom p a { cursor:pointer; }
#centered #navbottom p a#prev:link, #centered #navbottom p a#next:link {
	text-decoration:none;
	color:#999;
}
#centered #navbottom p a#prev:visited, #centered #navbottom p a#next:visited {
	text-decoration:none;
	color:#999;
}
#centered #navbottom p a#prev:active, #centered #navbottom p a#next:active {
	text-decoration:none;
	color:#999;
}
#centered #navbottom p a#prev:hover, #centered #navbottom p a#next:hover  {
	text-decoration:none;
	color:#ff9b00;
}
.style1 {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}	 
.style2 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	line-height:125%;
}
.style3 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9b00;
}
.style4 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

/* Navigation Menu
-------------------------------------------------------*/
#nav li { position:absolute; top:0; text-indent:-5000px; }
#nav li, #nav a { height:14px; display:block; }
#nav, #nav a:hover, #nav .selected a { background:url(images/navtop.gif) no-repeat top left; }	

#nav li.residential 	{ left:0; width:125px; }
#nav li.commercial  	{ left:125px; width:100px; }
#nav li.creatives   	{ left:226px; width:85px; }
#nav li.personal	  	{ left:315px; width:130px; }
#nav li.about-contact	{ left:590px; width:116px; }
#nav li.blog			{ left:715px; width:55px; }
#nav li.client-area 	{ left:780px; width:100px; }

#nav li.residential a:hover		{ background-position:0 -13px; }
#nav li.residential-selected a	{ background-position:0 -13px; }
#nav li.commercial a:hover		{ background-position:-125px -13px; }
#nav li.commercial-selected a	{ background-position:-125px -13px; }
#nav li.creatives a:hover, #nav li.creatives-selected a 		{ background-position:-226px -13px; }
#nav li.personal a:hover, #nav li.personal-selected a 			{ background-position:-315px -13px; }
#nav li.about-contact a:hover, #nav li.about-contact-selected a { background-position:-590px -13px; }
#nav li.blog a:hover, #nav li.blog-selected a  					{ background-position:-715px -13px; }
#nav li.client-area a:hover, #nav li.client-area-selected a 	{ background-position:-780px -13px; }