/* Global
----------------------------------------------------------------------- */

html, body { margin: 0; padding: 0; height: 100%; }

body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #a5a5a5;
	background: #fff;
}


a { color: #666; text-decoration: none; }
a:hover { color: #a5a5a5; text-decoration: none; }
a.on { color: #000; text-decoration: none; }
a:active{outline:none; text-decoration: none;}
a:focus{outline:none;}

p { font-size: 11px; line-height: 18px; font-weight: normal; }

body, p, blockquote { margin: 0; padding: 0; }
a img, iframe { border: none; }
img { margin: 0; padding: 0; border: 0; }
strong { font-weight: bold; }
.hidden { display: none; }
.clear { clear: both; }

.grey_text{
	text-transform: uppercase;
	clear:both;
	color: #a5a5a5;
}

.grey_small{
	text-transform:uppercase;
	color: #a5a5a5;
	font-size: 1em;
	font-weight: normal;
	}

/* Lists
----------------------------------------------------------------------- */
ul, ol, dl, li, dt, dd { 
	margin: 0; 
	padding: 0; 
	display:inline;}

ul { list-style-type: none;}

/* Layout
----------------------------------------------------------------------- */
#page
{
	width: 540px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}

body #content { 
	width: 540px; 
	background: #fff; 
	height: auto;
	}
/*Distance between header & Info/Main content*/
.padding { padding: 75px 0 48px 0; }

#feature{padding: 0; width: 540px;}

/* Header & Navigation
----------------------------------------------------------------------- */
#header { height: 118px; }

 #menu { float: left; padding: 0px; width: 540px; background: #fff}
 
 #menu li{
	margin: 0px 5px;
	width: 80px;
	min-width: 80px;
	/*height: 42px;
	min-height: 42px;*/
	font-size: 1em;
	display: block;
	float:left;
	text-align: center;
	/*background:#F00;*/
	}
	
#menu li a{
	color: #CCC;
	text-transform: uppercase;
	}
	
#menu li a:hover{	color: #000;}

#menu li.first {
	margin-right: 0px;
	margin-left: 10px;
	width: 50px;
	max-width: 50px;
	font-size: 1.5em;
	font-weight: bold;
	padding:0px;
	/*background-color: #F30;*/
	}
	
/*Text Replacement*/
#menu li.first a{
	color: #000;
	padding: 0px;
	margin: 0px;
	width: auto;
	max-width: 50px;
	height: 50px;
	min-height: 50px;
	background: url("images/logo-small.png") no-repeat top left;
	display: block;
	position: relative;
	top: -18px;
}

#menu li.first a:hover{
color:#ccc;
	 filter:alpha(opacity=40);
	/* CSS3 standard */
	opacity:0.4;
	}



#menu li.last{
	position: relative;
	left: -18px;
}
/* Grid
----------------------------------------------------------------------- */
body #content #info {
	text-transform:uppercase;
	/*font-size: 1.5em;
	font-weight: bold;*/
	letter-spacing: -.06em;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
body #content #main{
	height: 420px;
	/*max-height: 420px;*/
	background:none;
	width: 540px;
	max-width: 540px;	
}
	
body #content #main #grid{
	float:left;
	display:block;
	height: 85px;
	width: 85px;
	margin: 10px 10px 15px 10px;
	min-height: 85px;
	min-width: 85px;
	text-align: center;
}

body #content img.grid{
	max-height: 85px;
	max-width: 85px;
	}

	
body #content #main span:hover, img.grid:hover{
	color:#CCC;
	 filter:alpha(opacity=40);
	/* CSS3 standard */
	opacity:0.4;
	}

/* Product Page (Detail)
----------------------------------------------------------------------- */
div.righty{
	margin: 10px 0px 0px 10px;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	float:left;
	height: 400px;
	max-height: 400px;
	/*background: #EF9;*/
	position: relative;
	left: 13px;
	}

div.righty a:hover{color:#cc0000;}

div.lefty{
	text-align: center;
	width: 400px;
	max-width: 400px;
	height: 400px;
	max-height: 400px;
	margin: 10px 0px 0px 0px;
	float:left;
	/*background: #0F9;*/
	position: relative;
	left: 13px;

}

div.lefty #flash{
	max-width: 400px;
	max-height: 400px;
	height: 400px;
	width: 400px;
	}

#title{
	display: inline;
	float: left;
	width: 400px;
	clear:both;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: -.06em;
	text-transform: uppercase;
	margin-bottom: 10px;
	position: relative;
	left: 13px;
}
#title a{
margin: 0px;
float: left;
display: block;
width: 33%;
color: #666;
}

#title a:hover{color: #cc0000;}

#title p{
margin: 0px;
display: block;
float: left;
font-weight: normal;
width: 33%;
/*background: #f00;*/
}

#title.full_width{
width: 100% !important;
}

img#main_image{
	max-width: 400px;
	max-height: 400px;
	}

img.small{
	height: 60px;
	max-height: 60px;
	width: 40px;
	max-width: 40px;
	display: inline;
	margin: 0px 20px;
	}

div#small_images{
	margin-top: 10px;
	}

.cover{
	height: 10px;
	max-height: 10px;
	width: 10px;
	max-width: 10px;
	display:block;
	float:left;
	background-color: #CCC;
	margin: 1px;
	}
/*
.grey_text{
	text-transform: uppercase;
	clear:both;
	color: #;
}

.grey_small{
	text-transform:uppercase;
	color: #CCC;
	font-size: 1em;
	font-weight: normal;
	}
*/
/* Photo Page
----------------------------------------------------------------------- */
.fat_middle{
	height: 400px;
	max-height: 400px;
	width: 540px;
	max-width: 540px;
	float: left;
	margin: 0px;
	/*background: #F0F;*/
	}

.thin_side{
	color: #a5a5a5;
	font-size: 2.25em;
	letter-spacing: .1em;
	font-weight: normal;
	margin: 0px;
	float: left;
	width: 50px;
	max-width: 50px;
	height: 400px;
	padding: 0px;
	/*background-color: #F0F;*/
	}
	
div.thin_side table{height: 100%; margin: 0px; padding: 0px; width: 100%;}	
div.thin_side table tr{ height: 100%;}
div.thin_side table tr td{height: 100%;}

.thin_side a{
	color: #a5a5a5;
}

.thin_side a:hover{
	color: #000;
}


/* Text Only Pages (Links, Contact)
----------------------------------------------------------------------- */
div.centered {
width: 540px;
max-width: 540px;
text-align: center;
position: relative;
left: 14px;

}

body #main.centered li{
	display: block;
	text-transform: uppercase;
	color: #a5a5a5;
	}
	
img.big_pic{
	max-height: 400px !important;
	max-width: 540px !important;
	margin-bottom: 10px;
}


/* Footer
----------------------------------------------------------------------- */
#end { clear: both; height: 50px; }

#footer
{
	clear: both;
	overflow: hidden;
	margin: -3.5em auto;
	padding: 10px 0 0 0px;
	width: 540px;
	height: 25px;
	color: #a5a5a5;
	background: #fff;
}
#footer p { padding: 0px 0 0 99px; }
#footer a { color: #a5a5a5; text-decoration: none; }
#footer a:hover { text-decoration: underline; }