/* Sumona and Carl Master stylesheet
------------------------------------------------------------------*/

/* @group GLobal & reset */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}
ul,li {
	list-style-type:none;
}
body {
	font:75%/160% "Lucida Grande","Lucida Unicode", Verdana,Arial,Helvetica,sans-serif;
	color:#525252;
	margin: 0px auto;
	text-align:center;
	background:#2b2b2b;
}
.structural {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height: 1px;
	width: 1px;
}
.clear {clear:both;}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.clearfix:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.clearfix {display:inline-block;}
* html .clearfix {height:1px;}
.clearfix {display:block;}
.center {text-align:center;}
/* Structural elements, not visible when CSS is enabled */
.structural {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}	
/* @end */

/* @group Layout */

#header-wrap {
	width:100%;
	background-color:#0d0304;
}
#header {
	width: auto;
	height: auto;
	text-align:left;
	margin: 0px auto;
}
#logo {
	display: block;
	max-width: 100%;
	height: auto;
}
#nav-wrap {
	background-color:#010101;
}
#nav {
	text-align:left;
	margin: 0px auto;
}
#content-wrap {
	background:#fff;
}
#content {
	text-align:left;
	margin:0px auto;	
	padding:0;
}
.wide #content,
.wide #content-box,
.wide #content-box-inner {
	background:none;
}
#footer-wrap {
	clear:both;
}
#footer-gradient {
	padding:20px 0 50px 12px;
	background: url(../images/bg-footer.png) repeat-x left bottom;
}
#footer {
	text-align:left;
	margin:0px auto;
	background: #2f2f2f url(../images/bg-footer.jpg) no-repeat 80px 0;
}
#main {
	float:left;
	margin:0 0 0 0;
}
.wide #main {
}
#sub {
	float:left;
	margin-right:30px;
	padding:13px;
}
#footer .col {	
	float:left;
	margin-right:20px;
}
#footer .col.last {
	margin-right:0;
}

/* @end */

/* @group navigation */

ul#nav {
	padding:10px 0 10px 10px;
}
ul#nav li {
	display:inline;
	font: bold 1.4em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
ul#nav li a {
	display:block;
	float:left;
	width:auto;
	height:28px;
	line-height:28px;
	padding:0;
	margin: 0 20px 0 0;
}
ul#nav li a:link,
ul#nav li a:visited {
	color:#eeeccb;
	text-decoration:none;
	padding:0 0 0 8px;
}
ul#nav li a:hover,
ul#nav li a:focus {
	background:#3c291d url(../images/nav-left.gif) no-repeat;
	padding:0 0 0 8px;
	color:#deda9e;
}
ul#nav li a:active {
	color: #fffdda;
}
ul#nav li span {
	padding:0 8px 0 0;
	float:left;
}
ul#nav li a:hover span {
	background: url(../images/nav-right.gif) no-repeat right top;
	height:28px;
	display:block;
	cursor:pointer;
}
ul#nav li.sel a:link,
ul#nav li.sel a:visited {
	color:#ff6205;
}

/* @end */

/* @group sub navigation */

ul#nav-sub li {
	padding: 0 0 0 0;
	margin:0 0 3px 0;
}
ul#nav-sub li a {
	padding:0;
	display:block;
}
ul#nav-sub li a:link,
ul#nav-sub li a:visited {
	color:#b94e34;
	text-decoration:none;
	padding:5px 0 0 0;
}
ul#nav-sub li a:hover,
ul#nav-sub li a:focus,
ul#nav-sub li a:active {
	color:#de441a;
	background:url(../images/nav-sub-top.png) no-repeat left top;
	padding:5px 0 0 0;
}
ul#nav-sub li a:hover span {
	background: url(../images/nav-sub-bottom.png) no-repeat left bottom;
	cursor:pointer;
}
ul#nav-sub li span {
	width:185px;
	display:block;
	padding:0 0 5px 10px;
}
ul#nav-sub li.sel span {
	background:url(../images/nav-sub-sel-bottom.png) no-repeat left bottom;	
	padding:0 0 5px 10px;
}
ul#nav-sub li.sel a:hover span {
	background:url(../images/nav-sub-sel-bottom.png) no-repeat left bottom;	
}
ul#nav-sub li.sel {
	background: url(../images/nav-sub-sel-top.png) no-repeat left top;
}
ul#nav-sub li.sel a {
	color:#843701;
}

/* @end */

/* @group headings */

h2, h3, h4, h5 {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
h2 {
	font-size:2em;
	margin-bottom:1em;
	color:#843701;
}
h3 {
	font-size:1.4em;
	margin-bottom:1em;
	color:#b94e34;
}
#footer h3 {
	color:#ffffff;
	padding-left:13px;
}
#sub h3 {
	color:#a91805;
	margin-bottom:.75em;
}
h4 {
	font-size:1.25em;
	color: #9e9e9e;
	padding:0 0 .3em 0;
	margin-bottom:.5em;
	border-bottom:1px solid #e8e7c6;
}

/* @end */

/* @group text links */

a:link {
	color:#dd370c;
}
a:visited {
	color: #b52b08;
	text-decoration:none;
}
a:hover {
	color: #ff4f00;
}
a:focus, a:active {
	background-color:#ff4f00;
	color:#fff;
	text-decoration:none;
}
.footer-nav li a {
	display:block;
	padding:2px 5px 2px 13px;
}
.footer-nav li a:link {
	color:#b8b8b8;
	text-decoration:none;
	background: url(../images/footer-bullet.gif) no-repeat 3px 6px;
}
.footer-nav li a:visited {
	color: #a8a8a8;
	background: url(../images/footer-bullet.gif) no-repeat 3px 6px;
}
.footer-nav li a:hover,
.footer-nav li a:focus{
	color: #fefefd;
	background:#453023 url(../images/footer-bullet.gif) no-repeat 3px -186px;
}
.footer-nav li a:active {
	color: #fbfbfb;
}

/* @end */

/* @group text */

p {
	margin-bottom:1.5em;
}
blockquote {
	margin:0 0 0 15px;
	color:#7f7f7f;
	font-style:italic;
}
.box {
	border:1px solid #e8e7c6;
	background:#fff;
	padding:10px 7px 0 15px;
	margin:0 0 1.5em 15px;
}
.box p {
	color:#8c8c8c;
	font-size:.94em;
	font-weight:bold;
	line-height:150%;
}

/* @end */

/* @group images */

img {
	border:none;
}
#main img {
	padding:6px;
	background-color:#fff;
	border:1px solid #e8e7c6;
}
img.left {
	float:left;
	margin:5px 15px 10px 0;
}

/* @end */

/* @group buttons */

.more {
	background: url(../images/button-more.gif) no-repeat;
	
}
#sub .more {
	margin:0 0 0 120px;
}
.more a {
	display:block;
	width:62px;
	height:24px;
	text-indent:-9999px;
}
/* @end */

/* @group lists */

#main ul {
	border-top:1px solid #f3f2d3;
	margin-bottom:1.5em;
}

#main ul li {
	background: url(../images/bullet.gif) no-repeat 0 .9em;
	padding:.3em 0 .3em 10px;
	color:#857667;
	border-bottom:1px solid #f3f2d3;
}


/* @end */

/* @group tables */

table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 2em 0;
}
caption {
	font:normal 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#857667;
	margin:.5em 0;
	text-align:left;
}
td, th {
	padding:.5em;
	border-bottom: 1px solid #e2e2c6;
}
th {
	color:#843701;
}
th.title {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#b94e34;
}
thead {
	background-color: #fafaec;
}

/* @end */

/* @group forms */
form {
	width:640px;
	margin:0 auto;
}
fieldset {
	border: 1px solid #d7d7bc;	
	padding:20px 160px 30px 160px;
}
legend {
	font:bold 1.4em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#b94e34;
}
label {
	display:block;
}
.txt {
	border: 1px solid #c8c8af;
	padding:3px;
	width:300px;
}
/* @end */
