/*  ==============  reset all that need resetting  =============   */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table.layout {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ==========  fonts  ============= */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
/*body * {line-height:1.22em;}*/


/* ============== other styles  ==================== */


body {
	
	text-align: center;
	font-size: 12px;
}

table.layout {
	border-collapse: collapse;
	border: none;
}

h1 {
	height: 114px;
	background-image: url(img/logo.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
h2 {
	margin:0 20px;
	background-image: url(img/h2/about_us.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -99999px;
	overflow: hidden;
	border-bottom: 1px dashed #192945;
	text-align:left;
	
}

p {
	padding: 8px 0 0 0;
}

td.left {
	vertical-align: top;
	/*background-image: url(img/side_back.jpg);*/
}
td.right {
	vertical-align: top;
	/*padding-bottom: 10px;*/
}

div#content ul {
	display: block;
	list-style: disc;
	padding-left: 20px;
}
div#content li {
	display: list-item;
}

#out-1 {
	//background-image: url(img/g_back.gif);
}
#out-2 {
	//background-image: url(img/g_back_top.gif);
	//background-repeat: repeat-x;
	//background-position: top left;
}
#out-3 {
	//background-image: url(img/g_back_bottom.gif);
	//background-repeat: repeat-x;
	//background-position: bottom left;
}

#wrapper {
	/*margin: 38px auto 0 auto;*/
	margin: 0 auto;
	background-image: url(img/w_back.jpg);
	background-position: left;
	background-repeat:repeat-y;
	text-align: right;
}
#in-1 {
	background-image: url(img/w_back_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#in-2 {
	background-image: url(img/w_back_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top:32px;
	padding-left: 5px;
}

#body {
	background-repeat: repeat-y;
	background-position: left;
	
}
#container {
	
	/*height: 394px;
	overflow-y: auto;
	overflow-x:hidden;
	*/
	
}
#content {
	padding: 0 30px 0 20px;
	text-align: left;
	padding-bottom: 10px;
	/*height: 234px;
	overflow-y: auto;
	overflow-x:hidden;
	*/
}
#side {
	width: 388px;
	margin-right: 1px;
	float:right;
}

ul#menu {
	clear:both;
	float:right;
	width:774px;
	margin-top:1px;
	height: 21px;
	margin-right: 4px;
	margin-bottom:12px;
}
ul#menu li {
	float: left;
}
ul#menu li a{
	display:block;
	display:inline-block;
	width: 129px;
	height: 21px;

	background-image: url(img/buttons.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
	
}
/* ----- */
ul#menu li#home-button a {
	background-position: 0 0;
	width: 130px;
}
ul#menu li#home-button a:hover {
	background-position: 0 -42px;
	width: 130px;
}
/* ----- */
ul#menu li#about-button a {
	background-position: -130px 0;
	width: 128px;
}
ul#menu li#about-button a:hover {
	background-position: -130px -42px;
	width: 128px;
}
/* ----- */
ul#menu li#services-button a {
	background-position: -258px 0;
}
ul#menu li#services-button a:hover {
	background-position: -258px -42px;
}
/* ----- */
ul#menu li#quote-button a {
	background-position: -387px 0;
	width: 128px;
}
ul#menu li#quote-button a:hover {
	background-position: -387px -42px;
	width: 128px;
}
/* ----- */
ul#menu li#info-button a {
	background-position: -515px 0;
}
ul#menu li#info-button a:hover {
	background-position: -515px -42px;
}
/* ----- */
ul#menu li#contact-button a {
	background-position: -644px 0;
}
ul#menu li#contact-button a:hover {
	background-position: -644px -42px;
}

/* faq */

dt {
	//background-image: url(img/faq_q.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	font-weight: medium;
	padding-bottom: 5px;
	margin-top: 5px;
	cursor: pointer;
	color:#C0B3B4;
	font-size:12px;
	font-family:Georgia;
	text-align:left;
	
	
}
dd {
	background-repeat: no-repeat;
	padding:0;
	padding-left: 50px;
	display: none;
	font-weight: medium;
	color:white;
	font-size:12px;
	font-family:Georgia;
	text-align:left;
/*	line-height: 25px;*/
	
}

/* forms */
label {
	display: block;
	margin-top: 10px;
}
.field input {
	
	margin-left: 10px;
}
.field textarea {
	
	height: 80px;
	margin-left: 10px;
}


div.strip {
	
	height: 38px;
	line-height: 24px;
	background-image: url(img/strip.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	clear:both;
	margin-right: 4px;

}


.clear {
	clear:both;
	height: 1px;
	text-indent: -99999px;
	overflow: hidden;
}