/*
COLORS
Red				#B40F01
Brown			#633409
Brown 50%		#B19A84
Brown 25%		#D8CCC1
Brown 10%		#EFEAE6
Brown 5%		#F7F5F2
Brown 3%		#FAF9F7
*/



/* ----------------------------------------------------------------------------- 
GLOBAL
----------------------------------------------------------------------------- */
body {
	margin:0 auto;
	font-family:Georgia, Times, serif;
	background:#D8CCC1;
	color:#633409;}

a {
	color:#B19A84;}

hr {
	background:none;
	border:0px;
	height:10px;
	clear:both;
	border-bottom:solid 1px #D8CCC1;
	margin-bottom:30px;}

.alignleft {
	float:left;
	padding:0 10px 10px 0px;}

.alignright {
	float:right;
	padding:0 0 10px 20px;}


/* ----------------------------------------------------------------------------- 
STRUCTURE
----------------------------------------------------------------------------- */
body {
	background:#D8CCC1 url(../img/bkg-beach.jpg) 0 0 no-repeat;}

#bkg-stretch {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	overflow:hidden;
	display:none;}

#wrap {
	width:940px;
	padding:10px;
	background:#fff;
	margin:25px auto 0px;
	box-shadow: 0px 5px 7px #999;
	-webkit-box-shadow: 0px 5px 7px #999;
	-moz-box-shadow: 0px 5px 7px #999;
	position:relative;}

#head {
	background:#633409;
	padding-bottom:25px;
	position:relative;
	min-height:100px;
	width/**/:940px;
	height/**/:100px;}

#banner {
	width:940px;
	height:410px;}

#content {
	background:#EFEAE6;}

#article {
	padding:15px 20px 30px;}

.aside {
	background:#fff;
	float:right;
	clear:right;
	padding:20px;
	margin:10px 0 20px 0;
	border-top:solid 3px #633409;}

.photo {
	float:right;
	clear:right;
	padding:0px 0px 20px 20px;
	margin:0 0 10px 20px;}

.aside img, .photo img {
	margin-bottom:10px;}

.aside img {
	float:left;
	margin:10px 20px 20px 0;}

#foot {
	width:940px;
	padding:20px 10px 10px;
	margin:0 auto;
	position:relative;}


/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
p {
	color:#000;
	line-height:1.5;
	margin-bottom:15px;
	font-size:13px;}

.aside p {
	font-size:12px;
	font-style:italic;
	color:#333;}

.photo p, p.caption {
	font-size:11px;
	color:#633409;
	margin-bottom:5px;}

#foot p {
	color:#633409;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.4;
	margin-bottom:0.5em;}

h1 {
	font-size:26px;
	color:#B40F01;
	font-weight:bold;}

#head h1 {
	display:block;
	position:relative;
	margin:15px 0 0 25px;
	float:left;}

#head h1 a {
	background:transparent url(../img/cw-logo-screen.png) 0 0 no-repeat;
	display:block;
	width:160px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;}

h2 {
	font-size:20px;
	line-height:1.2;}

#head h2 {
	position:absolute;
	top:15px;
	right:25px;
	font-size:12px;
	color:#fff;
	font-weight:normal;}

h3 {
	font-size:16px;
	margin-bottom:0px;}

.photo h3 {
	color:#B40F01;
	font-size:15px;
	font-weight:bold;}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#633409;
	margin-bottom:0px;}

.photo h4 {
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#633409;
	margin-bottom:0.5em;}

#head ul {
	color:#fff;
	font-size:16px;
	text-align:right;
	position:relative;
	top:65px;}

#head ul a {
	color:#fff;
	text-decoration:none;}

#head ul a:hover {
	color:#B19A84;}

#foot ul, #foot p {
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	text-align:right;}

#foot ul a {
	color:#633409;
	text-decoration:none;}


/* ----------------------------------------------------------------------------- 
LISTS
----------------------------------------------------------------------------- */
ul {
	list-style:none;
	margin-bottom:0.8em;}

ul li {
	display:inline;}

#head ul {
	margin-right:25px;}

#head ul li {
	padding-left:10px;
	margin-left:10px;
	border-left:solid 1px #B19A84;}

#head ul li:first-child, #foot ul li:first-child {
	border-left:0px;}

#foot ul li {
	padding-left:10px;
	margin-left:8px;
	border-left:solid 1px #633409;}


/* ----------------------------------------------------------------------------- 
TABLES
----------------------------------------------------------------------------- */
table {
	color:#000;
	font-size:13px;
	width:95%;
	margin-bottom:20px;
	background:#FAF9F7;
	text-align:right;}

table.small {
	width:50%;}

table thead td {
	font-weight:bold;}

table td {
	padding:6px 10px;
	border-bottom:dotted 1px #999;}

table td.desc {
	text-align:left;}

table td.current {
	background:#D8CCC1;}

table td.tab {
	text-indent:15px;}

table td.tabtab {
	text-indent:30px;}

table td h4 {
	font-size:15px;
	margin-top:5px;}

table span {
	font-size:12px;
	color:#666;
	font-style:italic;
	font-weight:normal;}


/* ----------------------------------------------------------------------------- 
CONTROLS
----------------------------------------------------------------------------- */
.controls {
	padding:10px 0px 20px;
	clear:both;}

.controls ul {
	padding:0px;
	margin:0px;}

.controls ul li {
	list-style-type:none;
	display:inline;
	margin-right:2px;}

.controls ul li a {
	padding:5px 10px 6px;
	font-weight:bold;
	background:#D8CCC1;
	text-decoration:none;}

.controls ul li a:hover {
	color:#fff;}

.controls ul li.active a {
	background:#B19A84;
	color:#fff;}

.controls ul:first-child {
	padding-left:0px;}


/* ----------------------------------------------------------------------------- 
CLEAR
----------------------------------------------------------------------------- */
.clear {
	clear: both;}

* html .clearfix, * html .section, * html .navi,  * html #content {
	display: inline-block;}

.clearfix:after, .section:after, .navi:after,  #content:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;}