/* CSS Document */

/*  reset all default padding and margins */
* { 
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
}

p {
	margin-bottom: 1em;
}

H3 {
	font-size: 1.3em;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-repeat:no-repeat;
	background-color: #000000;
}
#container{
	background-color: #FFFFFF;
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden; /* Needed for the right col1 border to work properly */
	/*
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	*/
}

#header_left{
	background-color: #FFFFFF;
	/*border-bottom: 1px solid #000000;*/
	float: left;
	padding: 11px;
	width: 157px;
	height: 150px;
}

#header_right{
	background-color:#FFFFFF;
	/*border-bottom: 1px solid #000000;*/
	float: left;
	width: 531px;
	height: 172px;
}

.header_text{
	text-align: center;
	font:italic bold 22px Arial;
	color:#000000;
}

.contact_info{
	text-align:center;
	color:#880000;
}

.contact_info_noCenter{
	color:#880000;
}

/* not used currently
#top_menu {
	background-color:#CCCCCC;
	clear:both;
	height: 23px;
	width: 710px;
	padding-top: 2px;
	border-bottom: 1px solid #000000;
	font:Arial;
	text-align:center;
	color:#0000FF;
	vertical-align: middle;
}

.menu {
		text-decoration: none;
}

a.menu:link {color: #0000FF;}
a.menu:visited {color: #0000FF;}
a.menu:hover {font-size:14px; text-decoration:underline; color: #9F0414;}
a.menu:active {color: #9F0414;}
*/

#container .col1{
	border-right: 1px solid #000000;
	background-color: #FFFFFF;
	float: left;
	width: 504px;
	display: inline;
	padding: 20px;
	margin-right: 0px; margin-bottom: -2000px; padding-bottom: 2000px; /* Needed for the right col1 border to work properly */
}

#container .col2{
	background-color: #FFFFFF;
	float: right;
	width: 140px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 10px;
}

.col2_services{
	font-style:italic;
	color:#595900;
}

#clear_float{
clear: both;
}

#footer{
	padding-top: 10px;
	text-align: center;
	color:#FFFFFF;
	/* must be cleared from the floated items using "clear: both" */
	clear: both;
}

.footer_menu {
		text-decoration: none;
		color:#FFFFFF;
		text-align: center;
}

a.footer_menu:link {color: #FFFFFF;}     /* unvisited link */
a.footer_menu:visited {color: #FFFFFF;}
a.footer_menu:hover {text-decoration:underline; color: #FFFFFF;}  /* mouse over link */
a.footer_menu:active {color: #FFFFFF;}   /* selected link */

img#img_default {
	border: 1px solid #000000;
	margin-top: 10px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.bold {
	font-weight: bold;
}

.small {
	font-size:10px;
}

.med {
	font-size:14px;
}

.large {
	font-size:16px;
}

.xlarge {
	font-size:18px;
}

.xxlarge {
	font-size:20px;
}

.xxxlarge {
	font-size:26px;
}

.italics{
	font-style:italic;
}

.center {
	text-align: center;
}

.center_bold {
	font-weight: bold;
	text-align: center;
}

/* CSS for the estimate form */
.estimate_lcol {
	float: left;
	width: 210px;
}
.estimate_form {
	width: 250px;
	overflow: hidden;
	float: right;
	padding-right: 5px;
}
.estimate_form div.top_top {
	height: 16px;
	background:url(../images/estimate/estimate_top_top.jpg) no-repeat;
}
.estimate_form div.top_bot {
	padding-left: 37px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background:url(../images/estimate/estimate_top_bot.jpg) repeat-y;
}
.estimate_form div.mid_top {
	height: 13px;
	background:url(../images/estimate/estimate_mid_top.jpg) no-repeat;
}
.estimate_form div.mid_bot {
	background:url(../images/estimate/estimate_mid_bot.jpg) repeat-y;
}
.estimate_form div.bot {
	height: 41px;
	background:url(../images/estimate/estimate_bot.jpg) no-repeat;
}
.estimate_form .form_element {
	/* if needed */
}
.form_element p {
	margin-right: 20px;
	margin-left: 20px;
}
.estimate_form input {
	/*  any required formating for the estimate form INPUT element as a whole should go here */
	margin-bottom: 5px;
}
.estimate_form textarea {
	/*  any required formating for the estimate form TEXTAREA element as a whole should go here */
	width: 203px;
	margin-left: 20px;
	margin-bottom: 5px;
}
.estimate_form select {
	/*  any required formating for the estimate form SELECT element as a whole should go here */
	width: 146px;
	margin-bottom: 5px;
}
.estimate_form .submit {
	margin-left: 95px;
}
.estimate_form .form_titles {
	width: 80px;
	float: left;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
.form_titles p {
	margin-right: 1px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 9px;	
}
.estimate_form div {

}

/* thank-you.php specific styles */
.thank_you {
	width: 280px;
	margin: 0 auto;
}
.thank_you_indent001 {
	margin-right: 37px;
}

/* about-us.php specific styles */
.about-us {
	width: 350px;
	margin: 0 auto;
}

/* about-us.php specific styles */
.gallery {
	width: 444px;
	margin: 0 auto;
}

.gallery img {
	margin: 10px;
	border: 1px solid #000000;
}

/* CSS Menu Styles */
.rhm1{
	float: left;	/* Firefox will not display properly without this line (IE is fine) */
	width:710px;
	height:64px;
	margin:0 auto;
	background:url(../images/menu/rhm1_bg.gif) repeat-x;	
}
.rhm1-left{
	background:url(../images/menu/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(../images/menu/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
.rhm1-bg{
	background:url(../images/menu/rhm1_bg.gif) repeat-x;
	height:64px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font:12px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 18px;
	height:64px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	outline: none;		/*  needed for Firefox or there are some glitches with dotted lines and broken links */
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 32px 0 18px;
	outline: none;
}
.rhm1-bg li.current a{
	color:#fff;
	background:url(../images/menu/rhm1_hover_l.gif) no-repeat left 5px;
	outline: none;
}
.rhm1-bg li.current a span{
	color:#fff;
	background:url(../images/menu/rhm1_hover_r.gif) no-repeat right 5px;
	outline: none;
}
.rhm1-bg li a:hover{
	color:#fff;
	background:url(../images/menu/rhm1_hover_l.gif) no-repeat left 5px;
	outline: none;
}
.rhm1-bg li a:hover span{
	color:#fff;
	background:url(../images/menu/rhm1_hover_r.gif) no-repeat right 5px;
	outline: none;
}