/*****************************************************************************\
 * styles.css                                                                *
 * Style sheet for the Frayley Roofing website                               *
 * Designed by:  Web International                                           *
 * Designed on:  November 20, 2007                                           *
\*****************************************************************************/

/*****************************************************************************\
 * Generic site-wide css                                                     *
\*****************************************************************************/

body
{
	margin: 0px;
	padding: 0px;
  font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	background-color: #2e332c;
	text-decoration: none;
  line-height: 16px;
}

a
{
	text-decoration: none;
	color: #254e64;
}

a:visited
{
	color: #254e64;
}

img
{
	border: none;
}

hr.slim
{
	border: none 0;
	border-top: 1px solid #bbbbbb;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	height: 1px;
}

.page_container
{
}

.header
{
	background-image: url('../images/hm/hdr_pattern_2.jpg');
	background-repeat: repeat-x;
	height: 104px;
}

.header_image_container
{
	width: 787px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.header_logo
{
	margin-right: 75px;
	margin-top: 5px;
	float: left;
}

.header_phone
{
	float: right;
	margin-top: 50px;
}

.menu
{
	background-image: url('../images/hm/tbm_bg.gif');
	background-repeat: repeat-x;
	height: 34px;
}

.menu_image_container
{
	width: 787px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.menu_image
{
	float: left;
}

.middle
{
	width: 787px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  background-color:  #FFFFFF;
}

.vlinel
{
	width: 6px;
	background-color: #b0b0ae;
	height: 771px;
	float: left;
}

.vliner
{
	width: 6px;
	background-color: #b0b0ae;
	height: 771px;
	float: right;
}

.content
{
	width: 775px;
	background-color: #FFFFFF;
	float: left;
}

.content_left
{
	float: left;
}

.content_top_left
{
	width: 556px;
	height: 267px;
	padding-top: 6px;
	margin-bottom: 4px;
}

.content_bottom_left
{
	background-image: url('../images/hm/bdy_gradient.gif');
	background-repeat: repeat-x;
	width: 556px;
	height: 362px;
}

.content_bottom_left_text
{
	clear: both;
	margin-left: 21px;
	margin-top: 5px;
	float: left;
  font-family: Verdana, Arial, Helvetica;
	height: 75px;
  padding-right: 30px;
  width: 498px;
  text-align: left;
}

.content_right
{
	float: right;
	background-image: url('../images/hm/sb_gradient.gif');
	background-repeat: repeat-x;
	height: 648px;
	width: 215px;
}

.content_right_margins
{
	margin-top: 12px;
}

.footer_line
{
	clear: both;
	height: 1px;
	background-color: #0079b5;
	width: 775px;
}

.footer
{
	clear: both;
	height: 121px;
	color: #6f6f6f;
  background-color: #FFFFFF;
	text-align: left;
	font-weight: 600;
	font-size: 10px;
}

.footer_text
{
	margin-left: 19px;
	margin-top: 17px;
	/*float: left;*/
	margin-bottom: 5px;
}

.site_features
{
	float: right;
	margin-right: 18px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
}

.wi_link
{
	color: #0064b8;
}

.wi_link:visited
{
	color: #0064b8;
}

.site_feature_link
{
	color: #6f6f6f;
	padding-left: 5px;
	padding-right: 5px;
}

.site_feature_link:visited
{
	color: #6f6f6f;
}

.closing_line
{
	background-color: #b0b0ae;
	height: 6px;
	width: 787px;
	clear: both;
}

/*****************************************************************************\
 * Homepage specific css                                                     *
\*****************************************************************************/

.why_choose
{
	margin-top: 22px;
	float: left;
	margin-left: 19px;
	clear: both;
}

.content_boxes
{
	clear: both;
	float: left;
	margin-left: 19px;
}

.products_box
{
	background-image: url('../images/hm/bdy_top_btm.gif');
	width: 126px;
	height: 97px;
	padding-top: 80px;
	padding-left: 21px;
	text-align: left;
  padding-right: 20px;
}

.photos_box
{
	background-image: url('../images/hm/bdy_photos_btm.gif');
	width: 126px;
	height: 97px;
	padding-top: 80px;
	padding-left: 21px;
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
  padding-right: 20px;
}

.our_clients_box
{
	background-image: url('../images/hm/bdy_our_btm.gif');
	width: 126px;
	height: 97px;
	padding-top: 80px;
	padding-left: 21px;
	text-align: left;
  padding-right: 20px;
}

.content_right_text
{
	padding-left: 19px;
	padding-right: 19px;
	text-align: left;
	height: 240px;
}

.contact_info
{
	margin-top: 80px;
	text-align: right;
	font-size: 10px;
	padding-left: 19px;
	padding-right: 19px;
}

.red
{
  color: #FF0000;
}

.red:visited
{
  color: #FF0000;
}

/*****************************************************************************\
 * Datapage specific css                                                     *
\*****************************************************************************/

/* Marked from DIV layout */
.dp_content_right
{
	float: right;
	background-image: url('../images/dp/sbm_bg_01.jpg');
	background-repeat: repeat-x;
	height: 648px;
	width: 215px;
}

/* Marked from DIV layout */
.dp_content_left_picture
{
	width: 522px;
	height: 221px;
}

.dp_red_header
{
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
}

.dp_content_left_text
{
	width: 500px;
	height: 362px;
	text-align: left;
	padding-left: 28px;
	padding-right: 28px;
}

.dp_content_right_margins
{
	margin-top: 12px;
}

.dp_content_right_menu_line
{
	height: 1px;
	width: 215px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.dp_content_right_menu_item
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:  #254e64;
	height: 24px;
	width: 197px;
	overflow: hidden;
	padding-left: 18px;
	padding-top: 7px;
  font-family:'Trebuchet MS',serif;
}

.dp_content_right_menu_item:hover
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	height: 24px;
	width: 197px;
	background-color: #254e64;
	overflow: hidden;
	padding-left: 18px;
	padding-top: 7px;
}

.dp_content_right_menu_item:hover a
{
	color: #FFFFFF;
}

.dp_content_right_menu_item a
{
	text-decoration: none;
}

.dp_content_right_menu_item a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.dp_content_right_menu_item_selected
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color:  #254e64;
	color: #FFFFFF;
	height: 24px;
	width: 197px;
	padding-left: 18px;
	padding-top: 7px;
	height: 24px;
  font-family:'Trebuchet MS',serif;
}

.dp_content_right_menu_item_selected a
{
	color: #FFFFFF;
	text-decoration: none;
}

.qa
{
	font-size: 12px;
	font-weight: bold;
}