/*
	Styles for "NORMAL" browsers
	Christopher Webb, christopher@teamipc.com
*/
/* THE ONE,THE ONLY,THE ERIC MEYER RESET */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {background:#fff;color:#333;font:normal normal normal 11px/1.8 'helvetica neue',helvetica,arial,sans-serif;}
ul,ol {margin-left:40px;}
caption,th,td {text-align:left;font-weight:normal;}
td{vertical-align:top;}
th,strong {font-weight:bold;}
em {font-style:italic;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
p,table,ul,ol {margin-bottom:10px;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.align_right {text-align:right;}
.align_center {text-align:center;}
.trim {margin-bottom:0;}

/* -- Typography -- */
a {color:#555;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
h1 {font-size:25px;font-weight:bold;line-height:2;}
h2 {font-size:23px;font-weight:bold;line-height:1.8;}
h3 {font-size:20px;font-weight:bold;line-height:1.8;}
h4 {font-size:18px;font-weight:bold;line-height:1.5;}
h5 {font-size:16px;font-weight:bold;line-height:1.5;}
h6 {font-size:14px;font-weight:bold;line-height:1.5;}

/* -- Other Styles --*/
#wrap {margin:20px auto;position:relative;width:850px;}
#nav {font-size:12px;position:absolute;right:0;top:-20px;border:1px solid #ccc;border-top:none;padding:5px 20px;}
	#nav a {color:#333;}
	#nav .divider {padding-left:20px;}
#slider {height:567px;margin:0 auto 60px;position:relative;width:850px;z-index:2;}
#slider_bg {background:#ccc url(../images/controls/loading.gif) no-repeat 50% 50%;height:567px;margin:0 auto;position:absolute;width:850px;-webkit-box-shadow:1px 1px 10px #000;-moz-box-shadow:1px 1px 10px #000;z-index:1;}
#cats {font-size:12px;height:153px;margin:-10px auto 0;padding:0 10px 0;text-align:center;height:100px;width:720px;}
	#cats a {color:#000;display:block;opacity:.5;float:left;}
	#cats a span {display:block;opacity:.5;}
	#cats a:hover {opacity:1;}
	#cats a:hover span {display:block;opacity:1;}
	/*#cats .divider {padding-left:20px;}*/
#footer {color:#666;text-align:center;}

#content {padding:30px 0 50px;position:relative;}
	#content.gallery {min-height:680px;height:auto !important;height:680px;}

#contact_form {margin-top:20px;width:300px;}
	#contact_form label {font-weight:bold;}
	.required {color:#A92C4A;font-weight:bold;}
	.text,.textarea,.validation {margin-bottom:5px;}
		.text input,.textarea textarea {border:1px solid #ccc;padding:5px;width:250px;}
		.validation td {padding:5px;vertical-align:middle;}
			.validation td a {display:block;opacity:.5;}
			.validation td a:hover {opacity:1;}
			.validation .selected * {opacity:1;}		
	#success,#error {font-weight:bold;margin:20px 0;padding:20px;}
		#success p,#error p {margin:0;}
		#success {background:#D5FFCE;border:1px solid #9ADF8F;}
		#error {background:#FFCECE;border:1px solid #DF8F8F;}
		
.info {width:100%;}
	.info .first {padding-right:100px;width:70%;}
	
#broccoli {background:url(../images/validation/broccoli_combined.png) no-repeat;display:block;height:110px;width:105px;}
	#broccoli:hover,.selected #broccoli {background-position:0 -110px;}
#motorcycle {background:url(../images/validation/motorcycle_combined.png) no-repeat;display:block;height:80px;width:110px;}
	#motorcycle:hover,.selected #motorcycle {background-position:0 -80px;}
#camera {background:url(../images/validation/camera_combined.png) no-repeat;display:block;height:80px;width:110px;}
		#camera:hover,.selected #camera {background-position:0 -80px;}
		
#categories {width:100%;}
	#categories td {text-align:center;padding-bottom:20px;}
	#categories td img {border-radius:10px;}
/*		
#inside_box {height:550px;margin:0 auto;overflow:hidden;width:840px;
-webkit-box-shadow:1px 1px 10px #000;-moz-box-shadow:1px 1px 10px #000;
	}
	#controls {margin-top:30px;}
	#controls a, #controls a:link, #controls a:visited {text-decoration:none;background-color:#eee;padding:2px 6px;}
	#controls a:hover {background-color: #ccc;}
*/

dl {font-size:14px;}
	dl .first {padding-right:20px;}
	dt {font-size:20px;font-weight:bold;}
	dt .date {color:#666;font-size:11px;}
	
	
	
#inside_box {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 5;
position: absolute;
top: 80px;
left: 0;
text-align: left;
}


div.blue { background-color: #66f; }
div.red { background-color: #811; }
div.orange { background-color: #f90; }
div.green { background-color: #8f8; }
div.yellow { background-color: #ff3; }




#inside_border {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 10;
position: absolute;
top: 80px;
left: 0;
}

#inside_border_back {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 1;
position: absolute;
top: 80px;
left: 0;
}


/*
#box_border {
height: 445px;
width: 719px;
overflow: hidden;
z-index: 10;
position: absolute;
top: 0;
left: 0;
}
*/
.image_box {
width: 840px;
text-align: center;
display: none;
}
.image_full {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}

#controls {
position: absolute;
top: 640px;
left: 10px;
z-index: 99;
}
#controls a, #controls a:link, #controls a:visited {
color: #555;
text-decoration: none;
background-color: #eee;
padding: 2px 6px 2px 6px;
}
#controls a:hover {
background-color: #ccc;
}