@charset "UTF-8";
/* CSS Document */


/******************************************************************************************

Website: APS Roofing
Designed by: Parsons Marketing
URL: www.parsonsmarketing.co.uk
CSS Version: 3

*******************************************************************************************

Designed and Build by Parsons Marketing

XHTML, CSS and general design Copyright Parsons Marketing 2010

*******************************************************************************************

1.  Body
		* General
		
2.  Navigation


3.	Link Styles

4.	Form

5. IE Specific Formatting

*******************************************************************************************/



/******************************************************************************************

1. Body

******************************************************************************************/

/********** General **********/


#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
}
#content_left {
	float: left;
	height: 800px;
	width: 600px;
}
#header {
	height: 150px;
	width: 600px;
	background-image: url(../images/general/header.jpg);
	background-repeat: no-repeat;
}
#content_right {
	float: right;
	height: 800px;
	width: 380px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../images/general/content_right_alt.png);
	background-repeat: no-repeat;
	
}
#footer {
	height: 60px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-left: 30px;
	font-size: 9px;
}
#content_right_center{
	height:780px;
	width:320px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: justify;
	line-height: 15px;
}
#navigation {
	height: 40px;
	font-size: 9px;
	margin-right: auto;
	margin-left: auto;
	width: 320px;
}
#alt_navi {
	height: 300px;
	width: 600px;
	margin-top: 2px;
	background-image: url(../images/general/alt_navi_shadow.png);
	background-repeat: no-repeat;
}
#alt_navi_center {
	height: 300px;
	width: 568px;
	margin-left: 32px;
}
#content {
	width:568px;
	margin-left:32px;
}
hr {
	background-color: #AA9A7F;
	height: 1px;
}
#contact_form {
	background-color: #C0272D;
	height: 400px;
	width: 300px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

stopgap { }
/******************************************************************************************

2. Navigation

******************************************************************************************/




#navigation ul#nav {
list-style: none;
margin:0px;
padding:0px;

}

#navigation ul#nav li a {
	float: left;
	padding: 10px 6px;
	text-decoration: none;
	margin-left:0px;
	font-size: 14px;
	font-weight: bold;
}

#navigation ul#nav li a.static {
	color: #C0272D;
}

/******************************************************************************************

3. Link Styles

******************************************************************************************/

#footer a.footer_contact { color:#C0272D; text-decoration:none; }
#footer a.footer_contact { color:#C0272D; text-decoration:none; }
#footer a.footer_contact a:hover { color:#000; }
#footer a.footer_contact a:active { color:#000; }

#footer a.footer_pm { margin-left: 40px; }
#footer a.footer_pm { color:#000; text-decoration:none; }
#footer a.footer_pm { color:#000; text-decoration:none; }
#footer a.footer_pm a:hover { color:#000; }
#footer a.footer_pm a:active { color:#000; }

#content_right_center a.contact_othersites { color:#C0272D; text-decoration:none; }
#content_right_center a.contact_othersites { color:#C0272D; text-decoration:none; }
#content_right_center a.contact_othersites a:hover { color:#000; }
#content_right_center a.contact_othersites a:active { color:#000; }

#contact_form a.email_us { color:#F93; text-decoration:none; }
#contact_form a.email_us { color:#F93; text-decoration:none; }
#contact_form a.email_us a:hover { color:#F93; }
#contact_form a.email_us a:active { color:#F93; }


/******************************************************************************************

4. Form

******************************************************************************************/

select {
	width:305px;
	margin-top:2px;
	color:#555;
	background:#F9F9F9;
	
}
input {
	width:300px;
	margin-top:2px;
	color:#555;
	background:#F9F9F9;
}
.submit{
	width:55px;
	margin-top:5px;
	color:#FFF;
	background:#ccc;
	text-style:none;
}

/******************************************************************************************

5.	IE Specifc Formatting

******************************************************************************************/

#alt_navi_center_polyroof {
	height: 280px;
	width: 360px;
	float: right;
	background-color: #16315a;
	padding:0 20px 20px 20px;
	color: #fff;
	text-align: justify;
	line-height: 13px;
}
#content_right_center_roofline{
	height:780px;
	width:320px;
	font-size:11px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: justify;
	line-height: 14px;
}