@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#1D2326;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	line-height:19px;
	
}


#main {
	background: #DEDDC6 url(images/bg.png) repeat-x;
	padding-bottom:10px;
}
#main .container {
	background-image:url(images/bg_top.png);
	background-repeat:no-repeat;
}

#white {
	color:#ffffff;
	}

#footer {
	
	background-repeat:repeat-x;
	padding:20px;
	color:#666666;
	position:relative;
	min-height:13px;
}
.container {
	width:957px;
	margin:0 auto;
	position:relative;
}


/* 
	Header-Styles 
*/

#header {
	padding-top:20px;
	/*border:1px solid #a3a09e;*/
	
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	/*text-indent:-9999px;*/
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:500px;
	height:83px;

}
ul#menu {
	background: url(images/menu.png) no-repeat;
	margin:0px; padding:36px;
	position:absolute;
	right:0px;
	margin-top:0px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
	margin-right: 12px;
}
ul#menu li a {
	text-decoration:none;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#222222;
}



/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	width: 730px;
	margin-top:30px;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-31px;
	right:-27px;
}
.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background-color:#e2dddc;	
	padding:20px;
	overflow:auto;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#f1f1f1;
	padding:5px 5px 5px 5px;
	margin-left:3px;
	clear: right;
	float: right;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float: none;
	width:650px;
	margin-left:12px;
	padding-top:12px;
	
}
.text_block ul {
	list-style-type: square;
}






/*
	Block-Content-Styles
*/
#download_box {
	width:200px;
	float:right;
	margin-top:10px;
	border-style: none;
	background-color: #DEDDC6;
}
#download_box .block_inside {
	
	min-height:0px;
	background-color: #958976;
}

#download_box h2 {
	font-size:32px; line-height:31px;
	}

#download_box .button{
	margin-bottom:10px;
}


#left_white {
	width:350px;
	float:right;
	margin-top:20px;
}
#left_white .block_inside {
	min-height:0px;
	background-color: #958976;
}

#left_white h2 { font-size:32px; line-height:31px; }

#left_white .separator {
	border-top:1px solid #958976;
	margin-top:40px;
	padding-top:40px;
}

#right_gray {
	float:left;
	width:570px;
	position:relative;
	left:-1px;
	margin-top:30px;
	background-color:#e2dddc;
	border:1px solid #a3a09e;
	background: url(images/rightGray.png) repeat-x;

}
#right_gray .block_inside {
	background-color:#e2dddc;
	}

#right_gray h3 {
	font-size:20px;
	line-height:1px;
}
#right_gray ul { margin:10px 0px 30px 0px; padding:0px; }
#right_gray ul li { list-style:none; margin:0px 0px 0px 0px; padding:0px; }
#right_gray ul li a { color:#7f7d78; }
#right_gray ul li a:hover { color:#0172dd; text-decoration:none; }


.artworkBox {
	
	background-color: #e6e6e6;
	margin-top:20px;
	position:relative;
	display:block; 
	border:1px solid #cccccc;	
	padding:20px;
	overflow:auto;
}

/*
	Gallery stuff
*/
#gallery {		
	
	text-align: center;
	float: left;
}

#gallery img {
	border: 5px solid #8f8f8f;
	margin-right: 2em;
	margin-bottom: 1em;
}

#gallery a:hover img {
	border: 5px solid #e8e8e8;
	color: #fff;
	}
	
#gallery a:hover { color: #fff; }

/* 
	Text-Styles   
*/

h2 {
	margin:0px 0px 10px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#611427;
	margin:0px 0px 0px 0px;
}
small {
	color:#dddddd;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(images/btn.png) repeat-x;
	padding:1px 10px 1px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	cursor:pointer !important; cursor:hand;
	-moz-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	font-size: 9px;
	float: right;
}
a.button:hover {
	background:#611427 url(images/btn_o.png) repeat-x;
	border-color:#000000;
}

/*
	Footer-Styles
*/

#footer {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background: url(images/bgFooter.png) repeat-x;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:610px;
}
#footer h3 {
	color:#555555’;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}




/* Fix up IE6 PNG Support */
img, #logo { behavior: url(iepngfix.htc); }

/* Form stuff */


form {
	padding:1em;
}
fieldset div {
	margin:0.3em 0;
	clear:both;
}
form {
	margin:1em;
	width:35em;
}
label {
	float:left;
	width:6em;
	text-align:left;
	margin-right:1em;
}

input {
	margin:0.3em;
	padding:0.2em;
	width:10em;
	border:1px solid #a1a1a1;
	background:#fafafa;
	font: 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	text-transform: capitalize;
	
}

textarea{
	margin:0.4em;
	padding:0.4em;
	border:1px solid #a1a1a1;
	font:0.95em arial, sans-serif;
	-moz-border-radius:0.5em;
	-khtml-border-radius:0.5em;

}

textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#e2e7ed;
	color: #2e2f3a;
} 


input:hover{
	border-color:#c5c5c5;
	background:#e2e7ed;
	color: #2e2f3a;
	
}
	
	input:focus {
	border-color:#c5c5c5;
	background:#e2e7ed;
	color: #2e2f3a;
	font-weight: bold;
	text-transform: capitalize;
} 
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}
.email {
	width:14em;
}

input.default {
	color:#bbbbbb;
}

.btn {
	float:left ;
	background:#32312f url(images/btn.png) repeat-x;
	margin-left: 12em;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	cursor:pointer !important; cursor:hand;
}
.btn:hover {
		background:#611427 url(images/btn_o.png) repeat-x;
	border-color:#000000;
	color: #fff;
}
/*Image Box (JQuery)*/
#ImageBoxOverlay
 	{
 		background-color: #000;
 	}
 	#ImageBoxCaption
 	{
 		background-color: #F4F4EC;
 	}
 	#ImageBoxContainer
	{
		width: 250px;
 		height: 250px;
 		background-color: #F4F4EC;
 	}
 	#ImageBoxCaptionText
 {
 		font-weight: bold;
 		padding-bottom: 5px;
 		font-size: 13px;
 		color: #000;
 	}
 	#ImageBoxCaptionImages
 	{
 		margin: 0;
 	}
 	#ImageBoxNextImage
 	{
 		background-image: url(images/imagebox/spacer.gif);
 		background-color: transparent;
 	}
 	#ImageBoxPrevImage
 	{
 		background-image: url(images/imagebox/spacer.gif);
 		background-color: transparent;
 	}
 	#ImageBoxNextImage:hover
 	{
 		background-image: url(images/imagebox/next_image.jpg);
 		background-repeat:	no-repeat;
 		background-position: right top;
 	}
 	#ImageBoxPrevImage:hover
 	{
 		background-image: url(images/imagebox/prev_image.jpg);
 		background-repeat:	no-repeat;
 		background-position: left bottom;
 	}


/* slide over panel */
.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -38px;
	width: 173px;
	height: 54px;
	background: url(images/panel_button.png);
	z-index: 20;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #999999;
}

#toppanel {
	position: absolute;
	width: 173px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 300px;
	position: relative;
	top: -38px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	height: 100%;
	width: 300px;
	position: absolute;
	z-index: -1;
}
#panel h1 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	line-height: 35px;
	left: 275px;
	position: absolute;
	top: 10px;
}
#panel h2 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #447c6f;
	line-height: 25px;
	font-size: 16px;
	position: absolute;
	top: 60px;
	left: 350px;
}