/* @override 
	http://dev.dyadcom.com/associatedartists/trunk/css/screen.css
	http://www.associatedartists.net/css/screen.css
	http://dev.dyadcom.com/_archive/associatedartists/trunk/css/screen.css
*/

/* @group HTML */

html,body{
	height: 100%;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

p{ margin-bottom: 20px;}
a{ text-decoration: none;}
.clr{clear: both;}

h2{	font-weight: normal;
	font-style: normal;}
	
a:active, a:focus {outline:none;}
sup{
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}

/* @end */

/* @group Structure */

/* @group Hdr */

header{
	position: relative;
	height: 110px;
	margin-bottom: 18px;
}

header h1 a{
	display: block;
	width: 524px;
	height: 40px;
	text-indent: -9000px;
	background-image: url(../img/inner-logo.gif);
	position: absolute;
	left: 19px;
	top: 26px;
}

header nav{
	position: absolute;
	top: 85px;		
	height: 18px;	
	left: 19px;
	width: 735px;
}

header nav ul{
	overflow: hidden;
	height: 18px;
	border-top: 1px #f1f1f1 solid;
	border-bottom: 1px #f1f1f1 solid;
	padding: 6px 0 0 208px;
	margin: 0 10px 0 0;
}

header nav ul li{float: left;}
header nav ul li a{
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	margin: 0 6px;
}

header nav ul li, header nav ul li a{
	font-size: 12px;
	color: #d58912;
}

header nav ul li a:hover, header nav ul li.cur a{color: #000;}

header nav form{
	position: absolute;
	right: -210px;
	top: 0px;
	border: 1px #f1f1f1 solid;
}

header nav form input#search-field{
	border: 0px;
	padding: 4px 4px 3px;
	width: 171px;
	margin-right: 20px;
	color: #8a8a8a;
	text-transform: uppercase;
}

header nav form input#submit{
	display: block;
	border: 0px;
	text-indent: -9000px;
	font-size: 12px;
	background: url(../img/go.gif) no-repeat;
	width: 14px;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 14px;
}

header nav form input#submit:hover{
	background-position: 0 -14px;
}



/* @end */

/* @group Navigation */

nav#sidenav{
	display: block;
	width: 205px;
	position: absolute;
	left: 20px;
	height: 100%;
}

nav#sidenav ul li{	margin-bottom: 5px;}
nav#sidenav ul li.cur a, nav#sidenav ul li a:hover{ color: #000;}
nav#sidenav ul li a{
	color: #8a8a8a;
	text-transform: uppercase;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display:block;
	line-height: 140%;
}

li.cur ul#pieces_nav { margin: 5px 0 10px; }
li.cur ul#pieces_nav li {margin: 0 0 3px;
	padding-left: 10px;
	width: 195px;
}
li.cur ul#pieces_nav li a{
	color: #8a8a8a;
	font-style: italic;
	text-transform: none;
	display:block;
	line-height: 140%;
}

li.cur ul#pieces_nav li a:hover{color: #000;}

li.cur ul#pieces_nav li.cur a, li.cur nav#sidenav ul li a:hover{ color: #000;}


/* @end */

/* @group Ftr */

footer{
	background: url(../img/lines.gif) repeat-x;
	font: normal 10px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-top: 15px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
}

footer address{ font-style: normal; color: #8a8a8a; }
footer a{ color: #8a8a8a; text-decoration: none; }
footer a:hover{ color: #000;}



/* @end */

section#content{
	display: block;
	width: 731px;
	line-height: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 233px;
}

div#group{ overflow: hidden;}

section#content article, section#content sidebar{ float: left; overflow: hidden; }
section#content article{ margin-right: 20px; }
section#content aside{
	float: right;
	width: 198px;
	font-size: 13px;
	line-height: 150%;
}

section#content aside ul li {
	margin-bottom: 4px;
}
section#content aside ul li p{display: inline;}

section#content aside, section#content aside a{ color: #8a8a8a; }
section#content aside a{
	 color: #636363;
}
section#content aside a:hover { color: #000; }

body#profile section#content article, body#by_appointment section#content article{width: 510px;}

a#credit{
	display: block;
	width: 10px;
	height: 15px;
	background: url(../img/credit.png) no-repeat -156px 0;
	text-indent: -9000px;
	
}

/* @end */

/* @group Typography */
span.black{color: #000;}
.caps{text-transform: uppercase;}

/* @end */

/* @group Pages */

/* @group Home */
body#home{
	overflow: 
	hidden;
}

body#home section#flashHolder{
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 0;
	overflow: hidden;
	background-color: #000;
}

body#home section#flashHolder img{
	height: auto;
	width: 100%;
}

body#home header{
	background-color: #000;
	color: #fff;
	display: block;
	width: 255px;
	height: 100%;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 150%;
	z-index: 900;
}

body#home header a {
	color: #d58912;
	text-decoration: none;
	text-transform: uppercase;
}

body#home header h1,body#home header h2, body#home header nav{
	position: absolute;
	left: 19px;
}

body#home header h1{
	top: 0;
	font-size: 16px;
	left: 0;
}

body#home header h1 a{
	display: block;
	width: 204px;
	height: 21px;
	text-indent: -9000px;
	background: url(../img/associated_artists_logo.gif) no-repeat;
}

body#home header h2{top: 128px;}
body#home header h2 a{
	display: block;
	width: 174px;
	color: #fff;
	height: 72px;
	text-indent: -9000px;
	background: url(../img/slogan.gif) no-repeat;	
}

body#home header nav{ 
	top: 274px; 
	width: 219px;
	left: 13px;
}
body#home header nav ul{
	border: 0px;
	padding: 0;
	height: 177px;
}

body#home header nav ul li{
	display: block;
	height: 21px;
	width: 219px;
}

body#home header nav ul li a{display: block;}
body#home header nav ul li a:hover{	color: #fff;}


/* @end */

/* @group Profile */

body#profile section#content article, body#by_appointment section#content article{
	color: #998675;
	font-size: 19px;
	line-height: 160%;
}


/* @end */

/* @group The Collection */

div.grid_section{
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 2px;
}

div.grid_section h3{
	text-transform: uppercase;
	font: normal normal 11px/150% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0 0 2px;
	border-top: 1px #dddddd solid;
	padding-top: 5px;
}

div.grid_section h3.first{
	border-top: 0px #dddddd solid;
	padding-top: 0;
}

div.grid_section ul li{
	float: left;
	margin-right: 5px;
}

div.grid_section ul li a:hover img, div.grid_section ul li a img.hoverOver{
	border: 2px #d58912 solid;
	margin: -2px;
}



div#item_details{
	position: relative;
	margin-top: 40px;
	width: 193px;	
	font-size: 11px;
	text-transform: uppercase;
	line-height: 150%;
}

div#item_details h3{
	border-top: 2px #d58912 solid;
	padding-top: 5px;
	color: #d58912;
	background-color: #fff;
}
div#item_details a{color: #8a8a8a;}
div#item_details a:hover{color: #000;}

/* @group Pieces */

body#the_collection section#content, body#featured section#content{
	color: #8a8a8a;
	font-size: 12px;
	line-height: 150%;
}

body#the_collection section#content h1, body#featured section#content h1{
	color: #000;
	font-size: 14px;
	line-height: 150%;
}

body#the_collection section#content h2, body#featured section#content h2{
	margin-bottom: 10px;
	font-style: italic;
	font-weight: normal;
}

body#the_collection section#content article, body#featured section#content article{
	overflow: hidden;
	width: 731px;
	margin-bottom: 3px;
	padding-bottom: 10px;
	min-height: 320px;
}

hr{
	border-bottom: 1px #dddddd solid;
}

body#the_collection section#content aside, body#featured section#content aside{
	width: 731px;
	border-top: 1px #dddddd solid;
	padding-top: 10px;
	font: 11px/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

body#the_collection section#content aside div#other_projects{
	border-top: 1px #dddddd solid;
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
}

body#the_collection section#content aside div#other_projects h1{
	position: relative;
	text-transform: uppercase;
	color: #8a8a8a;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 0;
}

body#the_collection section#content aside div#other_projects a#less{
	position: absolute;
	top: 10px;
	right: 50px;
	text-transform: uppercase;
	color: #8a8a8a;
	font-size: 11px;
}

body#the_collection section#content aside div#other_projects a#more{
	position: absolute;
	top: 10px;
	right: 0;
	text-transform: uppercase;
	color: #8a8a8a;
	font-size: 11px;
}

body#the_collection section#content aside div#other_projects a#less:hover, body#the_collection section#content aside div#other_projects a#more:hover{
	color: #000;
}

div#scrollBox{
	overflow: hidden;
	height: 109px;
	width: 731px;
	position: relative;
}

div#scrollBox ul{
	position: absolute;
	top: 0;
	left: 0;
}

div#scrollBox ul li{
	float: left;
	margin-right: 3px;
}
div#scrollBox ul li img{
	border: 2px #fff solid;
}
div#scrollBox ul li.cur img, .scollBoxOver{
	border: 2px #d58912 solid;
}

div#scrollBox ul li img.scollBoxOver{
	border: 2px #d58912 solid;
}

body#the_collection section#content article div#entry{
	display: block;
	float: left;
	/*border: 1px #000 solid;*/
	width: 729px;
}

div.block{
	display: block;
	width: 292px;
	height: 248px;
	float: left;
}

body#the_collection section#content article div#entry h1{
	font-weight: normal;
	font-style: normal;
	
}


body#the_collection section#content article div#images{
	display: block;
	/*border: 1px #000 solid;*/
	float: right;
	width: 415px;
	overflow: hidden;
	margin: 3px 0 10px 20px;
}

body#the_collection section#content article div#txt{
	float: left;
	width: 295px;
}

div#txt a, div#entry p a{color: #636363;}
div#txt a:hover, div#entry p a:hover{color: #000;}

#cycleGroup{
	display: block;
	width: 414px;
	height: 310px;
	overflow: hidden;
	border: 0px #000 solid;
}

div#pagination{
	display: block;
	margin-top: 11px;
	text-transform: uppercase;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#lightbox-image-details-caption{
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #000;
}

a#lightbox-secNav-btnClose{

	width: 18px;
	height: 12px;
	margin-right: -10px;
	padding-bottom: 13px;
	overflow: hidden;
}

div#pagination a{
	font-weight: bold;
	padding: 0 5px 2px;
	color: #8a8a8a;
}

div#pagination a:hover{
	color: #000;
}


/* @end */
/*section#gallery_images{
	display: block;
	height: 385px;	
	position: relative;
}

section#gallery_images nav{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 372px;
	left: 540px;
}

section#gallery_images nav a{
	display: block;
	font: 11px/150% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #aaa;
	text-transform: uppercase;
}

section#gallery_images nav a:hover{
	color: #616161;
}

section#gallery_images ul li{
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	overflow: hidden;
}*/

/*section#entry{
	background: url(../img/lines.gif) repeat-x 0 0;
	margin-top: 10px;
	padding-top: 20px;
	overflow: hidden;	
}

section#main{
	float: left;
	width: 520px;
}
section#entry aside{
	float: right;
	width: 200px;
	font: 11px/150% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #aaa;
}
section#entry aside h1{
	color: #aaa;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 150%;
}

section#entry aside h1.black{
	font: 11px/150% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #000;
}*/


/* @end */

/* @group By Appointment */

div#map{
	display: block;
	width: 510px;
	height: 308px;
	text-indent: -9000px;
	background: url(../img/map.gif) no-repeat;
}

/* @end */

/* @end */