@charset "utf-8";
/* CSS Document */

/* Global white space reset */

body {
background-color:#333;
margin:0px;
padding:0pt;
}
/* Paragraph and headings */
p {
margin:0;
padding:10px 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight: normal;
line-height: 1.8em;
color: #444;
}

a{
color:#339933;
text-decoration:none;
}

.question{
margin:15px 10px 0 5px;
}
.font12 {font-size:12px;}
p.highlite {
margin:10px 5px 0 5px;
background-color: #F4F6F3;
padding:5px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
font-weight: normal;
line-height: 1.8em;
color:#111;
border: solid #D9E2D4 1px;

}

h1 {font-size:18px}
h2 {font-size:16px}
h3 {
text-align:center;
/*background: url(images/gradient_bg.jpg) top left repeat-x #cedcbe;*/
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:normal;
font-weight:normal;
margin:0;
padding:10px 0 0px 0px;
color:#222;

}
h3.sub{
text-align:center;
/*background-color: #cedcbe;*/
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
font-weight:normal;
margin:0;
padding:0px 0 5px 0px;
color:#222;
}

h4 {font-size:13px}
#container{
width:1000px;
background:url(images/wrapper_bg.png) top left no-repeat #221700;
margin-left:auto;
margin-right:auto;
padding: 0;
text-align:left;
}

#wrapper {
position:relative;
float:left;
width:1000px;
border-left:solid 1px #333333;
border-right:solid 1px #333;
background: url(images/new_reflection_bg.jpg) top left no-repeat #000;
margin-left:auto;
margin-right:auto;
padding: 0;
text-align:left;
}
#logo{
	position:absolute;
	left:397px;
	top:67px;
	background: #fff;
	color: #000;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	width: 156px;
	height: 89px;
}
#header {
position:relative;
background-color: #000;
width: 838px;
margin:0px 0 0 0;
padding-left:162px;
padding-top:10px;
}

/*HOME CONTENT*/
#content_home{
position:relative;
	float:left;
	width:1000px;
	margin:0;
	padding:470px 0 0 0;
}

#title_left {float:left;width:430px;background-color:#fff;}
#TL1{float:left;width:215px; background:#fff;}
#TL2{float:right;width:212px;background:#fff;border-left:3px solid #ccc; }
#title_right{float:right;width:570px;background-color:#fff;}
#TR1{float:left;width:352px;background:#fff;border-left:3px solid #ccc;}
#TR2{float:right;width:212px;background:#fff;border-left:3px solid #ccc;}

#column_wrap{clear:both;float:left;width:1000px; margin:0;padding:0}
#home_left {float:left;width:430px;background-color:#ccc;}
#HL1{height: 635px;float:left;width:215px;background-color:#fff  }
#HL2{height: 635px;float:right;width:212px;background-color:#fff;border-left:3px solid #ccc;   }
#home_right{float:right;width:570px;background-color:#ccc;}
#HR1{height: 635px;float:left;width:352px;background-color:#fff;border-left:3px solid #ccc;  }
#HR2{height: 635px;float:right;width:212px;background-color:#fff;border-left:3px solid #ccc;  }

#homepic{
background-color: #000; 
margin-left:107px;
padding:30px 0px 0 0px;
}
/*FOOTER*/

#footer{
float:left;
height: 100px;
background-color: #282828;
position:relative;
width:1000px;
padding: 0;
margin:0;
text-align:left;
}
#footer p {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999;
}
#footer a {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999;
text-decoration:none;
}
#footer p.social{
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-weight:normal;
}
#footer a.vip{
font-size:16px;
color:#99CC66;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

/*MENU*/
#menu_wrap {
position:relative;
height:200px;
background:#000;

}
#menu_item_wrapper{
	position:absolute;
	top:23px;
	left:28px;
	width: 985px;
}
.menu_item{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px 30px 2px 0;
float:left;
width:auto;
text-align:left;
color:#fff;
}
.menu_item h6{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin-top:-5px;
}

.menu_item p{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
text-align:left;
color:#fff;
}
.menu_item a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
text-align:left;
color:#fff;
text-decoration:none;
}
.menu_item a:hover{text-decoration:underline;}

/*NEWSLETTER FORM*/
#news_form p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#fff;
margin:0;
padding:0;
font-style:normal;
font-variant:normal;
}
#news_form{
	position:absolute;
	padding-left:15px;
	right: 11px;
	top: 11px;
	height: 78px;
}

#news_form input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
text-align:left;
color:#222;
text-decoration:none;
}


/*PHONE*/
#phone_num{
	position:absolute;
	top:437px;
	left:413px;
	width:180px;
	height: 30px;
}
#phone_num p.phone{
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
	color: #FFFFFF;
}
#phone_num p.fax{
padding:0;
margin-top:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:normal;
line-height:normal;
text-decoration:none;
color: #eaeaea;
}



/*IMAGES*/
.img_right{float: right;}
.img_left{float:left;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


