/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Links
	2. Main Structure
	3. Main Content
		- Content Left
		- Content Right
	4. Footer
	5. Navigation
	6. Form Elements

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/
/* CSS Document */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
body {
	margin:30px 0 0 0;
	font-size: 9pt;
	color:#333333;
	line-height: 1.6em;
}

.bg-index{
	background:#30272c;
}

.bg1{
	background:#3a3851;
}



div, object, embed { outline:none; }

/* Headings
---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
h1 {
	color:#000000;
	margin:26px 0 0 35px;	
	font:bold 22pt "Arial";
	text-transform:capitalize;
}
h2 {
	font:bold 13pt "Arial";
	color:#c31331;
	line-height: 1.5em;
}

h3 {
	font:bold 12pt "Arial";
	margin:0 0 10px 0;
	line-height: 1.5em;
}

h4 {
	font:bold 10pt "Arial";
	margin:0 0 10px 0;

}

h5{
	font:bold 10pt "Arial";
	margin:3px 0;
}

h6 {
	font:bold 11pt "Arial";
	margin:3px 0;
}

/* Common Formatting
---------------------------------------------------------------*/
p {
	margin:0;
}

fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}
#left {
	float:left;
}

.left {
	text-align:left;
	float:left;
}

.right {
	text-align:right;
	float:right;
}

#nomargin{
	margin:0!important;
}

.nomargin{
	margin:0!important;
	padding:0!important;
}

#clearfloat {
	clear:both;
}

/* Indicate
---------------------------------------------------------------*/
#indicate{
	width:658px;
	float:left;
	padding:0 0 15px 30px;
	color:#737373;
	font:normal 7pt "tahoma";
}

#indicate a{
	color:#737373;
}

.txt-indicate{
	color:#f96a0b;
}

/* Links
---------------------------------------------------------------*/  
a:link, a:visited {
	text-decoration:none;
	color:#c31331;
}
a:hover {
	text-decoration: underline;
}

a.brownB {
	color:#571c1f;
}
a.brownB:hover {
	color:#313131;
	text-decoration:underline;
}

.txt-red{
	color:#e80808;
	font:normal 8pt "Arial";	
}


/* ------------------------------------------------------------
   2. Structure
---------------------------------------------------------------*/
/* Container*/

#container{
	width:960px;
	position: relative;
	margin: 0px auto;
}

/* Gallery */
ul.gallery li {
	padding:4px;
	width:54px;
	height:48px;
	overflow:hidden;
	background:#ffffff;
	margin: 0;
	border: 0;
}
ul.gallery li a {
	outline:none;
}
#img-holder, #gallery-pic, #gallery-bg {
	width:624px;
	height:386px;
}
#gallery-bg { z-index:10000;position:absolute; }
#img-holder { overflow:hidden; }
#gallery-pic {
	background:url(../i/img-holder.gif) no-repeat center center;
	overflow:hidden;
}
#soul_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #666;
	opacity:0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	z-index: 30000;
}
#soul_message {
	position:relative;
	color:black;
	width:200px;
	padding:20px;
	height:100px;
	text-align:center;
	z-index:40000;
}


/* Content header*/
#header{
	width:960px;
	float:left;
}

#logo{
	width:396px;
	float:left;
	padding:0 0 11px 19px;
}

#nav{
	width:360px;
	float:right;
	margin:10px 0 0 0;
	height:25px;
}

/* Content body*/
#content{
	width:920px;
	float:left;
	padding:20px;
	background:#ffffff;
}

#banner{
	float:left;
	width:920px;
}

#index-text{
	float:right;
	width:400px;
	padding:20px 0 0 0;
}

#holder{
	float:left;
	width:688px;
	padding:0 0 0 40px;
}

#img-holder{
	float:left;
	width:624px;
	padding:0 30px;
}

#control-holder{
	float:left;
	width:675px;
	padding:25px 0;
}

#arrow-left{
	width:15px;
	float:left;
	padding:15px 10px 0 0;
}
#arrow-left a.disabled{
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	cursor:default;
}

#arrow-right{
	width:15px;
	float:right;
	padding:15px 0 0 0;
}
#arrow-right a.disabled{
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	cursor:default;
}

#bottom{
	width:960px;
	float:left;
}
/* Content Footer*/
#footer{
	width:960px;
	float:left;
	text-align:right;
	color:#cccccc;
	font:normal 7pt "Tahoma";
}



/* sidenav
------------------------------------ */
#sidenav{
	width:148px;
	float:left;
	padding:20px 9px 0 0;
}

#sidenav ul{
	list-style:none;
	padding:0 0 0 0;
}

#sidenav li{
	list-style:none;
	padding:2px 0;
}

#sidenav li a {
	color:#999999;
	font:normal 9pt "Arial";
	width:148px;
	padding:5px 0;
	display:block;
	background:url(../i/dot.gif) no-repeat;
}

#sidenav li a:hover{
	text-decoration:none;
	color:#333333;
	background:url(../i/dot2.gif) no-repeat;
}

#sidenav li a.selected {
	color:#333333 !important;
	background:url(../i/dot2.gif) no-repeat;
}

#sidenav li a.lv1{
	color:#999999;
	background:none;
}

#sidenav li a.lv1:hover{
	color:#333333;
}
#sidenav li a.lv0{
	background:none;
	color:#999999;
}
#sidenav li a.lv0:hover{
	color:#333333;
}
#sidenav .submenu{
	margin:0;
	padding:0 0 0 15px;
}



/* picture arrangement
---------------------------------------------------------------*/ 
.pic-right{
	float:right;
	margin:0 0 10px 10px;
} 

.pic-left{
	float:left;
	margin:0 10px 10px 0;
}

.pic-left2{
	float:left;
	margin:0 10px 0 0;
}

.pic-top{
	margin:5px 0 0 0 ;
}

.space-bottom{
	margin:0 0 10px 0;
}

.space-both{
	margin:20px 0 5px 0;
}

/* ------------------------------------------------------------
   6. Form Elements
---------------------------------------------------------------*/

#form {
	float:left;
	width:100%;
	padding:15px 0 0 0;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:470px;
	float:left;
	margin:5px 0;

}
#form p.row2 {
	float:left;
	margin:5px 0;
	padding:0 0 0 126px;
}
#form label {
	width: 120px;
	padding: 2px 5px 0 0;
	color:#515b21;
	font:normal 9pt "Arial"!important;
}

.textarea {
	width:200px;
	border:1px solid #608002;
	background:#ffd503;
}

.input{
	border:1px solid #608002;
	width: 180px;
	background:#ffd503;

}
.field {
	border:1px solid #608002;

}
.select {
	border:1px solid #608002;
	background:#ffd503;

}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}