/*--------------------------*/
/* Layout                   */
/*--------------------------*/

body {
	background-color: #252326;
}

#wrap, #content {
	height: 100%;
	width: 750px;
	margin: 0 auto;
}

#content {
	margin: 0 auto;
	width: 750px;
	height: auto;
	position: relative;
	top: 50px;
}

#main_content {
 	 height:auto !important;
 	 height:500px;

}




#logo {
	background: #252326 url(../images/graphics/logo.gif) no-repeat top left;
	width: 461px;
	height: 39px;
	margin-bottom: 18px;
	position: relative;
	left: 0;
	top: 0;
}

#logo h1 a {
	width: 461px;
	height: 39px;
	position: absolute;
	left: 0;
	top: 0;
}

h1 {
	text-indent: -1000em;
}

#nav {
	width: 748px;
	margin: 36px auto 18px;
	z-index: 1000;
}

#nav.book {
	margin: 0 auto;
}

#nav.links {
	margin: 75px auto 0;
}



div.nav {
	z-index: 2000;
}



#studio_contact {
	float: left; 
	margin-top: 0;
	height: 200px;
}

#admin_contact {
	float: left; 
	margin-left: 40px; 
	margin-top: 0;
	height: 200px;
}

#contact_details {
	float: left; 
	margin-top: 15px;
	margin-left: 50px;
	margin-bottom: 18px;
	width: 342px;
	height: 185px;
}

#contact_details li {
	margin-bottom: 18px;
}

#studio_contact h3, #admin_contact h3 {
	font-weight: normal;
}

.content_block_r {
	float: right;
	width: 450px;
}

.content_block_l {
	width: 525px;
	margin-top:18px;
	margin-bottom: 1px;
}

.clearfix {
	clear: both;
	margin-bottom: 2em;
}


#links {
	position: relative;
	top: 25px;
	margin-bottom: 18px;
}

/*--------------------------*/
/* Typography               */
/*--------------------------*/

body {
	color: #999;
	font: 0.95em/1.25 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


h1, h2, h3 {
	color: #b5b3b4;
}

h2	{
	font-size: 1.25em;
	margin-bottom: 9px;
}

h3 {
	font-size: 1em;
	margin: 1em 0 0.5em;
}

p {
	margin-bottom: 0.5em;
}

p#legal {
	width: 500px;
	text-align: center;
	font-size: 10px;
	margin: 18px auto 0;
	position: relative;
	top: 50px;
}

strong {
	color: #eee;
}



/*--------------------------*/
/* Navigation & Links       */
/*--------------------------*/

a {
	color: #fff;
	text-decoration: none;
	border-bottom: #fff 1px dotted;
}

#nav a, h1 a {
	border-bottom: none;
}

ul#nav li {
	display:block;
	float:left;
	height: 17px;
	margin-right: 65px; /* 97px; */
}

ul li#fashion {
	width:59px;
	background:transparent url(../images/graphics/fashion.gif) no-repeat 0 0;
}

ul li#fashion a {
	display:block;
	height:17px; 
	width:59px;
	text-indent:-9009px;
}

ul li#fashion a:hover {
	background:transparent url(../images/graphics/fashion.gif) no-repeat 0 -24px;
}

ul li#commercial {
	width:91px;
	background:transparent url(../images/graphics/commercial.gif) no-repeat 0 0;
}

ul li#commercial a {
	display:block;
	height:17px; 
	width:91px;
	text-indent:-9009px;
}

ul li#commercial a:hover {
	background:transparent url(../images/graphics/commercial.gif) no-repeat 0 -24px;
}

ul li#nautical {
	width:68px;
	background:transparent url(../images/graphics/nautical.gif) no-repeat 0 0;
}

ul li#nautical a {
	display:block;
	height:17px; 
	width:68px;
	text-indent:-9009px;
}

ul li#nautical a:hover {
	background:transparent url(../images/graphics/nautical.gif) no-repeat 0 -24px;
}

ul li#about {
	width:77px;
	background:transparent url(../images/graphics/our_story.gif) no-repeat 0 0;
}


ul li#about a {
	display:block;
	height:17px; 
	width:77px;
	text-indent:-9009px;
}

ul li#about a:hover {
	background:transparent url(../images/graphics/our_story.gif) no-repeat 0 -24px;
}

ul li#blog {
	width:64px;
	background:transparent url(../images/graphics/blog.gif) no-repeat 0 0;
}

ul li#blog a {
	display:block;
	height:17px; 
	width:64px;
	text-indent:-9009px;
}

ul li#blog a:hover {
	background:transparent url(../images/graphics/blog.gif) no-repeat 0 -24px;
}

ul li#contact {
	width:64px;
	background:transparent url(../images/graphics/contact.gif) no-repeat 0 0;
	margin-right: 0;
}

ul li#contact a {
	display:block;
	height:17px; 
	width:64px;
	text-indent:-9009px;
}

ul li#contact a:hover {
	background:transparent url(../images/graphics/contact.gif) no-repeat 0 -24px;
}



/*--------------------------*/
/* Lists,images,etc.        */
/*--------------------------*/


img.v_int_a {
	float: right;
}

img.v_int_b {
	float: left;
	margin-top: 0.5em;
}

dt {
	float: left;
	display: block;
	margin-bottom: 10px;
}

dd {
	margin-left: 200px;
	margin-bottom: 10px;
}


/*--------------------------*/
/* Megazine Script          */
/*--------------------------*/

div.outer {
    height: 615px;
}

#megazine {
    height: 615px;
    outline: none;
    width: 750px;
    z-index: -1000px;
}