/* STYLES */
* {
	margin: 0;
	padding: 0;
	position: relative;
}
strong { font-weight: bold; }
i {font-style: italic;}
u {text-decoration: underline;}
.left { float: left; }
.right { float: right; }
.imgleft {
	border: 1px solid #999999;
	float: left;
	margin: 0 10px 5px 0;
	padding: 4px;
	background-color: #ffffff;
}
.imgright {
	border: 1px solid #999999;
    float: right;
    margin: 0 0 5px 10px;
    padding: 4px;
    background-color: #ffffff;
}
.hide { display: none !important; }
.clear { clear: both; }
a {
	color: #1e61e5;
	text-decoration: none;
}
a:hover { color: #2a4268; }
h1, h2, h3, h4 {
	font-family: 'LatoLight', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	text-align: left;
	line-height: 100%;
}
h1 {
	color: #ffffff;
	font-size: 48px;
	padding: 26px 0 0;
}
h2 {
	border-bottom: 1px solid #818897;
    color: #04122F;
    font-family: 'LatoRegular',Arial,Helvetica,sans-serif;
    font-size: 22px;
    margin: 0 0 26px;
    padding: 18px 0 12px;
    text-transform: uppercase;
}
p {
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	text-align: left;
}


/* GENERAL */
body {
	background-color: #ffffff;
	color: #2f3746;
	font-family: 'LatoLight', Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0;
	text-align: center;
}
.container { width: 100%; height: 100%; }
.top, .content {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}
.wrapper {
	width: 970px;
	padding: 0;
	margin: 0 auto;
}
.top {
	background: url(../images/top-bg.jpg) top center no-repeat #0a163f;
	height: 141px;
}
.content {
	background: url(../images/body-bg.png) 0 0 repeat-x #ffffff;
}
.wrap {
	background: url(../images/main-bg.png) 0 0 no-repeat;
	width: 970px;
	padding: 5px;
	min-height: 500px;
	float: left;
	margin: -42px 0 0;
}
.footer {
	clear: both;
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    text-align: left;
    width: 960px;
	color: #424c5f;
}


/* SIDEBAR */
.sidebar {
	float: left;
    padding: 0 18px;
    width: 293px;
}
.sidebar p {
	letter-spacing: 0.01em;
    line-height: 150%;
    padding: 0 0 30px;
}
.sidebar ul {
	clear: both;
	text-align: left;
	list-style-image: url(../images/arrow-blu.png);
	padding: 0 0 0 20px;
}
.sidebar ul li {
	padding: 0 0 13px 5px;
}
.sidebar .arr {
	background: url("../images/arrow-bg.png") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 60px;
    margin: 0 0 -20px 70px;
    width: 221px;
	padding: 46px;
}
.sidebar .arr p {
	line-height: 140%;
    padding: 0;
    text-align: center;
}
.sidebar .arr .one {
	color: #343100;
    font-family: 'LatoBold';
    font-size: 20px;
}
.sidebar .arr .two {
	font-size: 22px;
	color: #ffffff;
	font-family: 'LatoBold';
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #888000;
}


/* MAIN */
.main {
    float: left;
    padding: 0 10px;
    width: 610px;
}
.main p.title {
	background: url(../images/title-form.jpg) 0 0 no-repeat;
	width: 630px;
	height: 55px;
	float: left;
	clear: both;
	margin: 0 0 0 -10px;
}
div.notification {
	clear: both;
    color: #FFFFFF;
    display: none;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 24px;
    line-height: 140%;
    margin: 40px 0 0;
    padding: 20px;
    text-align: center;
    width: 570px;
}
form.quote {
	 float: left;
	 width: 610px;
	 padding: 10px 0;
	 clear: both;
}
form.quote input[type="text"], form.quote textarea {
	background: url(../images/form-field.png) 0 0 no-repeat;
	width: 278px;
	height: 20px;
	color: #09254e;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 10px;
	border: none;
	float: left;
	clear: both;
	margin: 0 0  6px;
	z-index: 0;
}
form.quote textarea {
	background: url(../images/form-textarea.png) 0 0 no-repeat;
	width: 587px;
	height: 108px;
	margin: 6px 0 0;
	line-height: 130%;
}
div.half {
	text-align: left;
	float: left;
	width: 49%;
}
div.half.two {
	margin: 0 0 0 2%;
}
form.quote span.budget, form.quote span.service {
	clear: both;
	float: left;
}
form.quote span.budget p, form.quote span.service p {
	font-family: 'LatoBold';
	font-size: 17px;
	color: #142e44;
	padding: 12px 0;
	clear: both;
	text-shadow: 1px 1px #2ab6da;
}
form.quote span.budget select {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border: 1px solid #0079A3;
    padding: 4px 5px;
    width: 296px;
	cursor: pointer;
}
form.quote span.budget option {
	margin: 5px;
	line-height: 150%;
}
form.quote span.budget option.desc {
	font-family: 'LatoItalic';
	color: #5b6b87;
}
form.quote span.service {}
form.quote span.service label {
	clear: both;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    padding: 0 0 5px;
}
form.quote span.service input[type="checkbox"] {
	float: left;
	margin: 1px 12px -1px 0;
	cursor: pointer;
}
form.quote div.submit {
	background: url("../images/form-submit-btn.png") no-repeat scroll 0 0 transparent;
    clear: both;
    float: right;
    height: 68px;
    margin: 10px 4px;
    width: 297px;
}
form.quote div.submit p {
	color: #3B3E37;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 17px;
    font-style: italic;
    line-height: 130%;
    padding: 13px 0 0;
    text-align: center;
    width: 77px;
	text-shadow: 1px 1px #eff7c9;
}
form.quote div.submit input[type="submit"] {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #23270E;
    font-family: 'LatoBold';
    font-size: 20px;
    height: 68px;
    left: 0;
    padding: 0 0 0 89px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 297px;
	text-shadow: 1px 1px #e4f938;
	cursor: pointer;
}
form.quote div.submit input[type="submit"]:hover {
	color: #ffffff;
	text-shadow: -1px -1px #96ac00;
}
div.error {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #f4e9e9;
    clear: none;
    color: #E43B3B;
    float: right;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin: -10px 4px -23px 0;
    padding: 4px 6px;
    text-align: left;
    z-index: 500;
}