/* @override 
	http://www.goproactive.com/clients/css/UniversalRoof.css
*/
/* = CSS Stylesheet created for Universal Roof */
/* = Created by Tony Coolidge */
/* = November 29, 2009 */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input {margin: 0; padding: 0;}
body {font:13px verdana,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

/* =elements ***************************** */
body {color: #000000; background: #d1a588; background-color:#d1a588; background-image: url(/images/WaterBeadWal.jpg); text-align: left; width: 999px; margin: 0 auto;}
a:link {color:#5eb0df;}
a:active {color: #80affc;}
a:visited {color:#5c84c4;}
a:hover {text-decoration: none; color:#000000;}
p {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

/* =grids ***************************** */
.skip {display: none;}

/* =header */
#header {
	width: 999px;
	height: 57px;
	background: #ededed url(/images/universal-roof-head1.jpg) no-repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}

#header #column1 {
	display: block;
	width: 20px;
	float: left;
	margin: 0px 0px;
    padding-top: 12px;
    padding-left: 0px;
    padding-right: 0px;
	text-align: center;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#header #column1 h1 {height: 2px; display: block; text-indent: -9999px;}
#header #column1 p {height: 2px; display: block; text-indent: -9999px;}

/* =Top Links */
#header #toplinks {
	display: block;
	float: right;
	width: 929px;
    padding-top: 22px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
	text-align: center;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

#header #toplinks ul .link1 {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
}
#header #toplinks .link2 {
	display: block;
	float: right;
	border-right: 1px solid #ffffff;
	padding-left: 4px;
	padding-right: 4px;
}

#header #toplinks a:link		{color: #c71611; font-weight: normal; text-decoration: none;}
#header #toplinks a:active		{color: #000000; font-weight: normal; text-decoration: none;}
#header #toplinks a:visited		{color: #a31411; font-weight: normal; text-decoration: none;}
#header #toplinks a:hover		{color: #000000; font-weight: bold;}

#header2 {
	width: 999px;
	height: 20px;
	background: #5eb0df url(/images/universal-roof-head2.jpg) no-repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}

#header3 {
	width: 999px;
	height: 223px;
	background: #ffffff url(/images/universal-roof-head3.jpg) no-repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
	text-align: center;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


#header4 {
	width: 999px;
	height: 42px;
	background: #5eb0df url(/images/universal-roof-head4.jpg) no-repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}

#header4 #column1b {
	display: block;
	width: 8px;
	float: left;
	margin: 0px 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
	text-align: center;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

#header4 #column1b p {height: 2px; display: block; text-indent: -9999px;}

/* =Guest Book */
#header4 #guestbook {
	display: block;
	float: right;
	width: 960px;
    padding-top: 14px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
	color: #ffffff;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}


/* =gradation */
#gradation {
	float: left;
	width: 999px;
	height: 13px;
	background: url(/images/gradwal.gif);
    color: #ffffff;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}

/* =Body Area */
#body {
	float: left;
	width: 999px;
	background: #ffffff;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}

#body #body1 {
	display: block;
	float: left;
	width: 665px;
    padding-bottom: 16px;
    padding-top: 18px;
    padding-left: 0px;
    padding-right: 16px;
}

#body #body1 h1 {
	text-align: center;
	color: #5eb0df;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 22px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body1 h3 {
	text-align: left;
	color: #767676;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
    margin-left: 20px;
}

#body #body1 .SmallText {
	text-align: center;
	color: #5b5b5b;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italics;
	margin-left: 20px;
}

#body #body1 p {
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body1 li {
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 13px;
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body2 {
	display: block;
	float: left;
	width: 290px;
    padding-bottom: 16px;
    padding-top: 18px;
    padding-left: 16px;
    padding-right: 0px;
}

#body #body2 p {
	text-align: center;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body2 h3 {
	text-align: center;
	color: #767676;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding-bottom: 16px;
    padding-top: 16px;
}

#body #body3 {
	display: block;
	float: left;
	width: 951px;
    padding-bottom: 8px;
    padding-top: 4px;
    padding-left: 24px;
    padding-right: 24px;
}

#body #body3 table {
	float: center;
	text-align: center;
	color: #000000;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#body #body4 {
	display: block;
	float: left;
	width: 951px;
    padding-bottom: 8px;
    padding-top: 4px;
    padding-left: 24px;
    padding-right: 24px;
}

#body #body5 {
	display: block;
	float: left;
	width: 790px;
    padding-bottom: 16px;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 0px;
}

#body #body5 h1 {
	text-align: center;
	color: #5eb0df;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 22px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body5 h3 {
	text-align: left;
	color: #767676;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
    margin-left: 20px;
}

#body #body5 .SmallText {
	text-align: center;
	color: #5b5b5b;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italics;
	margin-left: 20px;
}

#body #body5 p {
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body5 li {
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 13px;
	text-align: left;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body6 {
	display: block;
	float: left;
	width: 170px;
    padding-bottom: 16px;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 6px;
}

#body #body6 p {
	text-align: center;
	color: #000000;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}

#body #body6 h3 {
	text-align: center;
	color: #767676;
	font-family: Century Gothic, CenturyGothic, 'Century Gothic', 'VistaSans', VistaSans, Vista Sans, Futura, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding-bottom: 16px;
    padding-top: 16px;
}

.pagelink {
	text-align: center;
	color: #000000;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* =Bottom Links Area */

#bottomlinks {
	display: block;
	float: left;
	width: 975px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #5eb0df;
}


#bottomlinks ul .link1 {
	display: inline;
	float: none;
	padding-left: 4px;
	padding-right: 4px;
}

#bottomlinks ul .link2 {
	display: inline;
	float: none;
	border-left: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
}

#bottomlinks a:link			{color: #fff000; font-weight: normal;}
#bottomlinks a:active		{color: #000000; font-weight: normal;}
#bottomlinks a:visited		{color: #f29c9a; font-weight: normal;}
#bottomlinks a:hover		{color: #ffffff; font-weight: bold; text-decoration: none;}


/* =Copyright Area */
#copyright {
	float: left;
	width: 999px;
	text-align: center;
	color: #000000;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: 0px 0px;
	background: #ededed;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5eb0df;
	border-left-color: #5eb0df;
}
#copyright a {
	text-align: right;
	color: #5eb0df;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px;
}
#copyright a:link			{color: #80affc; font-weight: bold; text-decoration: none;}
#copyright a:active		  	{color: #80affc; font-weight: bold; text-decoration: none;}
#copyright a:visited		{color: #5c84c4; font-weight: bold; text-decoration: none;}
#copyright a:hover			{color: #000000; font-weight: bold;}