/* [+] General markup */
html {
	font-size: 100%;
	height: 100%;
}

body {
	height: 100%;
	background: url('images/bg_main.jpg') repeat-x 0 0 #a5a79a;
	margin: 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 62.5%; /* 10px */
	padding: 0;
}

a:link,
a:active,
a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffcc00;
	text-decoration: none;
}
/* [-] General markup */

/* [+] Headings */
h3 {
	padding: 0 10px 0 10px;
	margin: 0;
	line-height: 37px;
	font-size: 1.4em;
	font-weight: normal;
}

h3.yellow {
	background: url('images/bg_titlebar_yellow.gif') repeat-x 0 0 #000;
	color: #333333;
}

h3.black {
	background: url('images/bg_titlebar_black.gif') repeat-x 0 0 #000;
	color: #ffffff;
}

h4 {
	font-size: 1.4em;
	color: #030301;
	font-weight: normal;
	margin: 0;
	padding: 6px 10px 0;
	text-align: center;
}
/* [-] Headings */

/* [+] Wrapper */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px;
	border-left: 1px solid #575943;
	border-right: 1px solid #575943;
	width: 748px;
}
/* [-] Wrapper */

/* [+] Footer */
#footer {
	background: url('images/bg_footer.gif') repeat-x 0 0;
	height: 35px;
	border-left: 1px solid #575943;
	border-right: 1px solid #575943;
	margin: 0 auto;
	width: 718px;
	padding: 0 15px;
	font-size: 1.3em;
	color: #ffffff;
	text-align: center;
}

#spacer {
	height: 35px;
}

#footer span {
	padding-top: 11px;
	display: block;
}
/* [-] Footer */

/* [+] Header (image + yellow menu) */
.header {
	background: url('images/bg_header.jpg') no-repeat 0 0;
	height: 160px;
}

.header_space {
	height: 19px;
}

.header_menu {
	background: url('images/bg_header_menu.gif') no-repeat 0 0;
	height: 30px;
	float: right;
	width: 232px;
	margin-top: 111px;
}

.header_menu ul {
	margin: 0;
	padding: 6px 25px 0 0;
	list-style-type: none;
	float: right;
}

.header_menu ul li {
	float: left;
	color: #333333;
	font-size: 1.4em;
}

.header_menu ul li a:link,
.header_menu ul li a:active,
.header_menu ul li a:visited ,
.header_menu ul li a:hover{
	color: #333333;
	text-decoration: none;
}
/* [-] Header */

/* [+] Logo */
.logo_top {
	background: url('images/logo_top.png') no-repeat 0 0;
	height: 141px;
	margin: 0 0 0 20px;
	width: 207px;
	float: left;
}

.logo_bottom {
	background: url('images/logo_bottom.png') no-repeat 0 0;
	height: 38px;
	width: 46px;
	margin: 0 0 0 60px;
	float: left;
}
/* [-] Logo */	

/* [+] Main menu */
.menu {
	background: url('images/bg_menu.gif') repeat-x 0 0;
	height: 65px;
}

.menu ul {
	margin: 0;
	padding: 18px 55px 0 0;
	list-style-type: none;
	float: right;
}

.menu ul li {
	float: left;
	font-size: 1.4em;
	color: #ffffff;
}

.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

.menu ul li a:hover {
	color: #ffcc00;
}
/* [-] Main menu */

/* [+] Submenu */
ul.submenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* [-] Submenu */

/* [+] Content */
.content {
	padding: 15px;
}

/* [+] Main columns */
.left_column {
	width: 215px;
	padding-right: 15px;
	float: left;
}

.right_column {
	float: right;
	width: 488px;
}
/* [-] Main columns */

.box {
	background: #727469;
	margin-bottom: 15px;
}
	
.box .box_content {
	padding: 10px;
	font-size: 1.3em;
	color: #ffffff;
}

.welcome_box {
	border: 2px solid #727469;
	margin-bottom: 15px;
}

.welcome_image {
	background: url('images/welcome_image.jpg') no-repeat 0 0;
	width: 187px;
	height: 136px;
	float: left;
}

.welcome_text {
	background: url('images/welcome_text.gif') no-repeat 0 0;
	width: 295px;
	height: 136px;
	border-left: 2px solid #727469;
	float: right;
}

.contact_box {
	background: url('images/bg_contact.gif') no-repeat 0 0;
	height: 111px;
}

.contact_box p {
	font-size: 1.2em;
	color: #030301;
	padding: 0 15px;
	margin: 8px 0 0 0;
}

.didyouknow_box {
	height: 117px;
}

.didyouknow_box .left {
	background: url('images/shoe.jpg') no-repeat 0 0;
	width: 160px;
	height: 117px;
	float: left;
}

.didyouknow_box .right {
	background-color: #727469;
	width: 328px;
	float: right;
}

.didyouknow_box .right h3 {
	padding-left: 0;
}

.didyouknow_content {
	height: 74px;
	line-height: 74px;
	font-size: 1.3em;
	color: #ffffff;
}
/* [-] Content */

/* [+] Clear floats */
.clear {
	clear: both;
}
/* [-] Clear floats */