@charset "UTF-8";
@import url("typography.css");
/* CSS Document */
/* Purpose: layout */

* {
	margin:0;
	padding:0;
}

html {
	font-size:100%;
}
	
body {
	background: url(../i/side-logo-repeat.jpg) repeat-y left top #53535E;
	font-family: Lucida Grande, tahoma, verdana, helvetica;
	font-size: 62.5%;
	color:#FFFFFF;
}	

img {
	border:0;
	display:block;
}

#skipnav {
	left:-9999px;
	position:absolute;
}

.hide {
	position:absolute;
	display:none;
}		

/*------- Wrapper --------*/

#wrapper {
	width:98em;
	position:relative;
	float:left;
}

/*------- Logos ---------*/

#a4-side {
	height:73em;
	width:34.8em;
	position:relative;
	float:left;
	
	#width:34.99em;
}

/*----- Content-Wrapper -----*/

#content-wrapper {
	position:relative;
	width:62.2em;
	float:right;
}

/*----- Header -----*/

#header {
	height:5.80em;
	width:62.2em;
	position:relative;
	background: url(../i/a4bannerlogo.jpg) left center no-repeat #ED8413;
	margin:0 0 .5em 0;
}

/*------- Features --------*/

#features {
	margin:0 0 .5em 0;
	background-color:#303035;
	clear:both;
}

#features a img {
	border: 1.0em solid #303035;
	width:60.2em;
	height:15.0em;
	
}

#features a:hover img {
	border-color: #FFF;
}

#featuresCom {
	background-color:#666666;
	padding:.6em;
	margin:0 0 .8em 0;
	
	_width:18.8em;
}		
	

/*------- News -------*/

#news {
	width:41.3em;
	margin:0 0 .6em 0;
	float:right;
	position:relative;
}

#leftColumn {
	float:left;
	width:20.0em;
}

/*------- Latest Works -----*/

#latestworks {
	margin:0 0 .8em 0;
}

#latestworks a img {
	border:.2em solid #303035;
	margin:0 0 .2em 0;
	width:19.6em;
	height:3.6em;
}

#latestworks a:hover img {
	border-color: #FFF;
}

/*----- Affiliates -------*/

#affiliates {
	background-color:#292929;
	padding:.6em;
	
}

#affiliates ul {
	list-style:none;
	font-size:1.1em;
	
}

#affiliates li {
	margin:0 0 .5em 0;
	padding:0 0 .5em 0;
	border-bottom: 1px dotted #FFF;
}

#affiliates li a {
	color:#7dcdff;
	text-decoration:none;
}

#affiliates li a:hover {
	color:#fff;
	background-color:transparent;
}

/*-------- Banner Load Area -------*/

#bannerArea {
	width:62.2em;
	margin:0 0 .6em 0;
}

#bannerArea a img {
	border: 1em solid #303035;
	width:60.2em;
	height:25.0em;
}

#bannerArea a:hover img {
	border-color:#FFF;
}

/*------ Comments ---------*/

#comments {
	width:34.7em;
	float:left;
	position:relative;
}

#title {
	float:left;
	width: 18.0em;
	padding:0 0 0 1em;
	margin:0 0 .5em 0;
}

#stats {
	width:12.7em;
	float:right;
	background-color:#292929;
	padding:.4em 1em 0 1em;
	margin:0 0 .5em 0;
}					

#stats ul {
	list-style:none;
	font-size:.9em;
}

#stats li {
	text-align:right;
	border-bottom: 1px dotted #FFF;
	margin:0 0 .3em 0;
	padding:0 0 .3em 0;
}

#stats li a {
	color:#FFF;
}

#stats li a:hover {
	color:#7dcdff;
	background-color:transparent;
}	

#stats li.last {
	border:none;
}

#galleryComments {
	background-color:#666;
	clear:both;
	padding: 1em;
}				
/*------- Gallery ----------*/
		

#galleryNav {
	position: relative;
	float:right;
	width:26.5em;
}

#galleryNav ul {
	list-style:none;
}

#galleryNav ul li {
	float:left;
	margin:0 0 .3em 0;
}

#galleryNav li.right {
	float:right;
}	

#galleryNav a img {
	border: .2em solid #303035;
	height:2.6em;
	width:12.6em;
}

#galleryNav a:hover img {
	border-color:#FFF;
}

#galleryNav a.active img {
	border-color:#FFF;
}

.thumbs {
	overflow:hidden;
	margin:0 0 .5em 0;
}

/*-------- About Mee -------*/

#abLeft {
	position:relative;
	float:left;
	width:26.0em;
	#margin-bottom: 5em;
}

#abLeft img {
	width:26.0em;
	height:23.0em;
}

#artistry {
	width:23.0em;
	background-color:#292929;
	padding:1.5em;
	overflow:hidden;
}

#artistry ul {
	list-style:none;
}

#artistry ul li {
	float:left;
	width:100px;
	border-bottom:1px dotted #FFF;
	margin:0 0 .4em 0;
	padding:0 0 .4em 0;
}

#artistry li.right {
	float:right;
}							

#abRight {
	position:relative;
	float:right;
	width: 35.2em;
}

#abRight ul {
	list-style:none;
	font-size:1.1em;
}

#abRight li {
	margin:0 0 .4em 0;
}

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

#footer {
	width:61.2em;
	clear:both;
	float:left;
	position:relative;
	margin:1em 0 0 0;
	padding:.5em;
	background-color:#666666;
	
	#margin:1.6em 0 0 0;
	#float:none;
}