﻿@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #8f1000;
	background-image: url('../images/top-bg.jpg');
	background-repeat: repeat-x;
}

.clearFloat {
	clear: both;
}

body ul {
	background-image: url('../images/footer-bg.jpg');
	background-repeat: repeat-x;
	background-position: center bottom;
}
body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


body ul li.header {
	background-image: url('../images/header-bg.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
}
body ul li.header {
	width: 1000px;
	height: 258px;
	margin-left: auto;
	margin-right: auto;
}
body ul li.header div#man {
	background-image: url('../images/man.png');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.header div#man {
	width: 188px;
	height: 290px;
	position: absolute;	
	z-index: 2;
}
body ul li.header h2 {
	font-family: Georgia;
	font-size: 48px;
	font-weight: normal;
	color: #481d04;
	text-align: center;
	text-transform: uppercase;
}
body ul li.header h2 {
	width: 565px;
	margin-left: 100px;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
}
body ul li.header h2 span {
	color: #4b607c;
	font-size: 30px;
	font-weight: bold;
}
body ul li.header h2 span {
	display: block;
	padding-top: 30px;
}

body ul li.header div#postit {
	background-image: url('../images/postit.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.header div#postit {
	width: 327px;
	height: 245px;
	float: right;
}
body ul li.header div#postit h3 {
	margin-top: 5px;
	padding-left: 34px;
	padding-right: 20px;
	padding-top: 3px;
}
body ul li.header div#postit h3 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #12498c;
}
body ul li.header div#postit p {
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 10px;
}
body ul li.header div#postit p {
	font-family: Verdana;
	font-size: 14px;
	color: #414141;
}
body ul li.header div#postit form {
	padding-left: 10px;
	padding-right: 10px;
}
body ul li.header div#postit form label {
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	padding-right: 10px;
	width: 50px;
	float: left;
	display: block;
}
body ul li.header div#postit form input.fields {
	background-image: url('../images/fields.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.header div#postit form input.fields {
	border-width: 0px;
	width: 226px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	height: 21px;
	overflow: hidden;
}
body ul li.header div#postit form input#webform_submit {
	border-width: 0px;
	background-image: url('../images/send-more-info.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.header div#postit form input#webform_submit {
	width: 150px;
	height: 29px;
	padding-bottom: 4px;
}
body ul li.header div#postit form input#webform_submit {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma;
	color: #494d07;
}

body ul li.menu ul {
	background-image: url('../images/menu-bg.jpg') !important;
	background-repeat: no-repeat;
	background-position: center top;
}
body ul li.menu {
	width: 1000px;
	height: 28px;
	margin-left: auto;
	margin-right: auto;
}
body ul li.menu ul {
	list-style-type: none;
	background-image: none;
}
body ul li.menu ul {
	text-align: center;
	position: relative;
}
body ul li.menu ul li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}
body ul li.menu ul li a {
	font-family: Impact;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	position: relative;
	z-index: 9;
	letter-spacing: 1px;
}
body ul li.menu ul li a:hover {
	color: #eee;
}

body ul li.content {
	background-image: url('../images/content-bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
body ul li.content {
	width: 1000px;
	min-height: 320px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
body ul li.content a {
	color: #ffbf60;
	text-decoration: none;
}
body ul li.content a:hover {
	text-decoration: underline;
}
body ul li.content div.left {
	width: 673px;
	float: left;
	padding-right: 10px;
}
body ul li.content div.left {
	font-family: Arial;
	font-size: 14px;
	color: #fff;
}
body ul li.content div.left h4 {
	font-family: Georgia;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
body ul li.content div.left h4 {
	margin-top: 0px;
	margin-bottom: 20px;
}
body ul li.content div.left ul {
	list-style-type: none;
	background-image: none;
}

body ul li.content div.left form.getaquote input, body ul li.content div.left form.getaquote textarea {
	width: 95%;
	padding: 5px;
	margin-bottom: 15px;
}
body ul li.content div.left form.getaquote input {
	font-size: 18px;
}

body ul li.content div.left form.getaquote input#submit {
	width: auto !important;
}

/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}
body ul li.content div.left .myPlayer {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	z-index: 99999;
	width: 300px;
	height: 225px;
	margin: 10px;
	padding: 0;
	border-color: #000;
	border-style: solid;
	border-width: 4px;
	outline-color: #3f3f3f;
	outline-style: solid;
	outline-width: 1px;
}
body ul li.content div.left .myPlayer {
	background-image: url('../images/click2play.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.content div.left .myPlayer img {
	margin-top: 80px;
	border: 0px #000 solid;
	outline: 0px #000 solid;
}

body ul li.content div.right {
	background-image: url('../images/right-top-bg.png');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.content div.right {
	padding-top: 30px;
	width: 317px;
	float: right;
}
body ul li.content div.right {
	color: #dfdedc;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
body ul li.content div.right div#phone {
	background-image: url('../images/phone.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.content div.right div#phone {
	width: 248px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
body ul li.content div.right h4.side-menu {
	font-family: Impact !important;
	font-weight: normal !important;
	font-size: 24px !important;
}
body ul li.content div.right h4.side-menu a:link {
	color: #fff;
}
body ul li.content div.right h4.side-menu a:hover {
	color: #D3A323;
}
body ul li.content div.right div.bottom {
	background-image: url('../images/right-bottom-bg.png');
	background-repeat: no-repeat;
	background-position: center top;
}
body ul li.content div.right div.bottom {
	widht: 100%;
	height: 31px;
}
body ul li.content div.right div.content {
	background-image: url('../images/right-bg.png');
	background-repeat: repeat-y;
	background-position: left top;
}
body ul li.content div.right div.content {
	padding-left: 15px;
	padding-right: 15px;
}
body ul li.content div.right div.content h4 {
	color: #d3a323;
	font-family: Georgia;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}
body ul li.content div.right div.content h1, body ul li.content div.right div.content h2, body ul li.content div.right div.content h3, body ul li.content div.right div.content h4, body ul li.content div.right div.content p, body ul li.content div.right div.content div, body ul li.content div.right div.content ul, body ul li.content div.right div.content ol {
	margin: 0;
}

body ul li.footer {
	height: 40px;
	padding-top: 50px;
	padding-bottom: 0px;
	text-align: center;
	color: #5d5d5d;
	font-family: Arial;
	font-size: 10px;
	clear: both;
}
body ul li.footer a {
	color: #777;
	text-decoration: none;
}
body ul li.footer a:hover {
	text-decoration: underline;
}