/* Layout styles
 * Only structural styles should be in here 
*/

img, div { behavior: url(css/iepngfix.htc) }

* {
padding: 0;
margin: 0;
}
body {
text-align: center;
margin: 0;
padding: 0;
background-color: #000;
font: 12px/18px Helvetica, Arial, sans-serif;
background-image:url('/images/layout/bg-full.jpg');
background-position: center;
color: #FFF;
}
#wrapper {
position: relative; 
width: 975px;
margin: 0 auto 15px auto;
z-index:1;
text-align:center;
}
#wrapper-bottom{
position:absolute;
z-index:2;
bottom:0;
left:0;
width:975px;
height:21px;
background-image:url('../images/layout/bg-bottom.png');
background-position: center top;
}
#inner-container{
position:relative;
background:#44A2D6 url('../images/layout/main-bg.jpg') repeat-y 0 0;
top:25px;
margin:0 auto;
width:975px;
min-height:700px;
}
.left-white-line{
min-height:700px;
padding-left:30px;
margin:0;
left:-8px;
padding-bottom:20px;
}
#inner-container-bottom{
position:absolute;
bottom:0px;
left:0;
width:975px;
background: url('../images/layout/bottom-bar.png') repeat-y 0 0;
height:19px;
}
#building-image{
position:absolute;
background: url('../images/layout/building-home-page.png');
width:270px;
height:408px;
bottom:0;
left:3px;
}

div.left-menu{
min-height:750px;
padding-right:5px;
width:255px;
width:256px !ie7;
float:left;
margin-top:16px;
}
div#content {
background: url('../images/layout/white-lines.png');
background-repeat:repeat-none;
background-position:0px 0px; 
background-position:0px -105px !ie7; 
text-align:left;
}
div#google-map{
height:350px;
width:425px;
float:left;
}
div#main_pic {
margin: 24px;
margin-left: 0;
padding: 0;
width: 247px;
height: 247px;
float: left;
}
div#content div#text {
margin: 24px 0 0 0;
width: 506px;
float: left;
}
div#contact_address {
margin-left: 0;
clear: both;
margin-top: 30px;
}

#footer{
position: relative;
width: 975px;
margin-top: 50px;
height: 100px;
color:#666666;
font-size: 10px;
text-align:center;
}
div#footer #contact {
float: right;
}
#footer a{
text-decoration:none;
color:#666666;
}
#footer a:hover{
color:#999999;
}
#foot_logo {
position: absolute;
right: 30px;
top: 10px;
}
#footer h4.footer-main{
font-size:32px;
line-height:36px;
}
#footer h5.footer-main{
font-size:11px;

line-height:16px;
margin-top:5px;
}
#headContent {
position: relative; 
width: 100%;
height:120px;
float:left;
margin-bottom:10px;
}
#headContent #logo{
position:relative;
float:left;
width:240px;
height:74px;
margin: 20px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/***************** Content grid  */
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	
div#form_left {
width: 250px;
float: left;
}

div#form_right {
width: 220px;
padding: 0;
margin: 0;
margin-left: 20px;
float: left;
}

div#error {
width: 100%;
background-color: #0A5BB6;
color: #FFF;
}

div#error ul {
padding: 20px;
}

div.extra {
display: none;
}

div#form_left input {
width: 250px;
font-size: 12px;
margin-bottom: 16px;
border: 1px solid #CCCCCC;
border-top-color: #999999;
height: 20px;
}

div#form_right textarea {
width: 230px;
height: 259px;
margin: 0;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
border-top-color: #999999;
}

div#form_right input {
width: 50px;
font-size: 10px;
line-height: 14px;
margin-bottom: 10px;
height: 22px;
border: 0;
}

div.textinput {
width: 240px;
}

div.page-img{
width:643px;
height:243px;
position:relative;
margin-left:-20px;
}
h2.page-img-text{
position:absolute;
bottom:12px;
left:170px;
font-size:18px;
line-height:20px;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top:16px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:65px;
}

.container_12 .grid_2 {
	width:146px;
}

.container_12 .grid_3 {
	width:227px;
}

.container_12 .grid_4 {
	width:285px;
}

.container_12 .grid_5 {
	/*width:389px;*/
	width:298px;
}

.container_12 .grid_6 {
	width:470px;
}

.container_12 .grid_7 {
	/*width:551px;*/
	width:481px;
}

.container_12 .grid_8 {
	width:632px;
}

.container_12 .grid_9 {
	/*width:713px;*/
	width:620px;
}

.container_12 .grid_10 {
	width:794px;
}

.container_12 .grid_11 {
	width:875px;
}

.container_12 .grid_12 {
	width:956px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:81px;
}

.container_12 .prefix_2 {
	padding-left:162px;
}

.container_12 .prefix_3 {
	padding-left:243px;
}

.container_12 .prefix_4 {
	padding-left:324px;
}

.container_12 .prefix_5 {
	padding-left:405px;
}

.container_12 .prefix_6 {
	padding-left:486px;
}

.container_12 .prefix_7 {
	padding-left:567px;
}

.container_12 .prefix_8 {
	padding-left:648px;
}

.container_12 .prefix_9 {
	padding-left:729px;
}

.container_12 .prefix_10 {
	padding-left:810px;
}

.container_12 .prefix_11 {
	padding-left:891px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:81px;
}

.container_12 .suffix_2 {
	padding-right:162px;
}

.container_12 .suffix_3 {
	padding-right:243px;
}

.container_12 .suffix_4 {
	padding-right:324px;
}

.container_12 .suffix_5 {
	padding-right:405px;
}

.container_12 .suffix_6 {
	padding-right:486px;
}

.container_12 .suffix_7 {
	padding-right:567px;
}

.container_12 .suffix_8 {
	padding-right:648px;
}

.container_12 .suffix_9 {
	padding-right:729px;
}

.container_12 .suffix_10 {
	padding-right:810px;
}

.container_12 .suffix_11 {
	padding-right:891px;
}



/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:81px;
}

.container_12 .push_2 {
	left:162px;
}

.container_12 .push_3 {
	left:243px;
}

.container_12 .push_4 {
	left:324px;
}

.container_12 .push_5 {
	left:405px;
}

.container_12 .push_6 {
	left:486px;
}

.container_12 .push_7 {
	left:567px;
}

.container_12 .push_8 {
	left:648px;
}

.container_12 .push_9 {
	left:729px;
}

.container_12 .push_10 {
	left:810px;
}

.container_12 .push_11 {
	left:891px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-81px;
}

.container_12 .pull_2 {
	left:-162px;
}

.container_12 .pull_3 {
	left:-243px;
}

.container_12 .pull_4 {
	left:-324px;
}

.container_12 .pull_5 {
	left:-405px;
}

.container_12 .pull_6 {
	left:-486px;
}

.container_12 .pull_7 {
	left:-567px;
}

.container_12 .pull_8 {
	left:-648px;
}

.container_12 .pull_9 {
	left:-729px;
}

.container_12 .pull_10 {
	left:-810px;
}

.container_12 .pull_11 {
	left:-891px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}