body { background: url(images/bg-page.png) repeat-x; margin:0; padding:0; font:10pt Arial, Helvetica, sans-serif; color:#5b5b5b; line-height:125%; }

/*----- Frame Work ----- */

h1, h2{
	color: #1c3f94;
	font-size: 160%;
}

h3 {
	color: #808081;
	font-size: 125%;
	line-height: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#header,
#main,
#footer {
	width: 1011px;
	margin: 0 auto;
}

ul,li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0 0 15px; }
:focus { outline: none; }
.justify { text-align:justify; }
.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:3px solid #5b5b5b;}
.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(images/bullet.gif) no-repeat 0 4px; }
img {
	border: 0px;
}

a:link, a:visited {
	font-weight: bold;
	color: #10579a;
	text-decoration: none;
}

a:hover, #menu a:hover {
	color: #003d77;
}

/*------ Header ---------- */
#header {
    background: url(images/bg-header.jpg) no-repeat;
    height: 440px;
    padding: 0px;
}

.slogan {
	width: 665px;
	height: 426px;
	float: left;
}

.slogan img {
	padding-left: 140px;
	padding-top: 30px;
}

.box-tr {
	float: left;
	width: 300px;
	padding: 80px 20px 20px 25px;
	color: #ffffff;
}

.box-tr .heading {
	padding-right: 80px;
	font-size: 120%;
}

.box-tr .heading span {
	color: #f3c448;
}

.box-tr ul {
	margin: 20px 20px 10px 20px;
}

.box-tr ul li {
	list-style-image: url(images/icon-bullet.png);
	font-size: 10pt;
	padding-bottom: 10px;
	line-height: 100%;
}

.box-tr .agent {
	background: url(images/img-agent.png) no-repeat;
	padding-left: 80px;
	color: #35558c;
	height: 80px;
	font-size: 10pt;
	line-height: 100%;
}

.box-tr .agent strong {
	font-size: 12pt;
}

.box-tr .agent img {
	padding-top: 10px;
}

.box-tr center {
	color: #725301;
	font-weight: bold;
}

#menu {
	background: url(images/bg-menu.png) repeat-x;
	height: 59px;
	line-height: 59px;
	margin: 0 0 0 1px;
	padding: 0px;
	width: 998px;
	text-align: center;
}

#menu ul {
	margin-left: 80px;
}

#menu ul li {
	display: inline;
}

#menu a {
	font-size: 14pt;
	font-weight: bold;
	padding-right: 30px;
	color: #10579a;
	float: left;
	text-decoration: none;
}


#menu a:hover {
	color: #003d77;
}

/*------ Main ---------- */

#region {
	margin: 0px 12px 0 1px;
	background: url(images/bg-main.png) repeat-y;
	padding: 20px;
}

.block-about,
.block-location,
.block-whybuy {
	width: 459px;
	float: left;
}

.block-gallery,
.block-prices,
.block-whyzgroup {
	width: 469px;
	float: right;
}

.block-about img,
.block-location img {
	float: left;
	padding-right: 20px;
}

.block-gallery td {
	width: 130px;
	text-align: left;
	padding-top: 15px;
}

.block-whybuy {
	background: url(images/icon-tarion.png) no-repeat left 20px;
}
.block-whyzgroup {
	background: url(images/icon-zgroup.png) no-repeat left 20px;
}

.block-whybuy .block {
	margin-left: 115px;
}

.block-whyzgroup .block {
	margin-left: 95px;
}

.block-prices {
	padding-top: 30px;
}

.block-prices-mid {
	background: url(images/bg-price-mid.png) repeat-y;
}

.block-prices-mid p {
	padding: 20px 30px 30px 30px;
}

.block-prices-t {
	background: url(images/bg-price-t.png) no-repeat;
	background-position: left top;
	padding-top: 100px;
}

.block-prices-b {
	background: url(images/bg-price-b.png) no-repeat;
	background-position: left bottom;
}

/*------- Footer ------- */
#footer-wrapper {
	background: url(images/bg-footer.png) repeat-x;
	height: 400px;
}

#footer {
	background: url(images/tab-contactus.png) no-repeat;
	background-position: center top;
	padding-top: 65px;
}

/*------ By Email ------ */

#footer-email {
	width: 400px;
	float: left;
	background: url(images/img-divider.png) no-repeat;
	padding-left: 50px;
}

/*---- Footer Left -------- */
#footer-left {
	width: 350px;
	float: left;
	padding-right: 150px;
}

#footer center {
	color: #9d9d9e;
	padding: 5px 0 20px 0px;
}

/*-------- By Phone ------ */

.footer-phone {
	background: url(images/icon-phone.png) no-repeat;
	padding-left: 60px;
	font-size: 12pt;
}

.footer-person {
	background: url(images/icon-person.png) no-repeat;
	padding-left: 60px;
	font-size: 12pt;
}

.footer-phone h4,
.footer-person h4 {
	font-size: 18pt;
	line-height: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #10579a;
}

/*------- Error and Success Message --- */
#message
{
	font-size: 20pt;
	line-height: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #10579a;
}
/*------- Contact Form Styles --- */

pre { margin:5px 0; padding:5px 0; border-top:1px solid #212024; border-bottom:1px solid #212024;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code { display: block; margin:0; padding:0; line-height:150%; }
pre, code {font:100% "monospaced", monospace;*font-size:100%;}

#box { float:left; width:100%;}

form { margin:1.5em 0; padding:0; width:300px; float: left;  }
fieldset { margin:0; padding:0; border:none;}
legend { padding-bottom:0.5em; font-size: 18pt; color:#10579a; height: 51px; line-height: 51px; font-weight: bold; background: url(images/icon-email.png) no-repeat; padding-left: 60px;}

form div { padding:0.5em 0;}
label {float:left; width:70px; line-height: 25px; padding-right:1em; text-align:left; } 
input, textarea { width:200px;  border:3px solid #dbdddf; padding:2px; color:#000000; font-size: 10pt; } 
textarea { overflow:auto; width:200px; border:3px solid #dbdddf; padding:2px; font-size: 10pt;}
.button input { border:none; margin-left:80px; font-size: 11pt; font-weight: bold; color:#735401; background: url(images/button-form.png) no-repeat; text-align: center; width: 164px; height: 25px; cursor:pointer;}

.hoverfocus { border:3px solid #1c3f94; color: #1c3f94;}

#error, #response { width:200px; padding-top:25px; float: left; }

#response ul { border-top:1px solid #212024; margin-top:5px; padding-top:5px; }

#error li, #response li { margin:0 0 5px 0; padding:0 0 5px 25px; font-size: 8pt; line-height: 11pt; }
#error li, #response {
	padding-left: 25px;
}

#response {
	padding: 10px 10px 30px 30px;
	width: 180px;
	height: 143px;
	background: url(images/img-success.png) no-repeat;
	background-position: center bottom;
}

ul#error {
	padding: 10px 10px 30px 10px;
	width: 200px;
	height: 143px;
}

#error {
	background: url(images/img-error-pointer.png) no-repeat;
	background-position: center bottom;
}

#error strong {
	color: #d61614;
}

#working { float:left; padding:3em; background:url(images/loading.gif) no-repeat left center;}

html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; 	visibility:hidden; width:0; height:0; }