*	{ margin: 0; padding: 0; }

body 	{ background: #12589A; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
a		{ color: #00478A;  font-weight: bold; text-decoration: none; }
a:hover	{ color: #777; text-decoration: underline; }

/*GENERAL CLASSES*/
.clear		{ clear: both; }
.bold		{ font-weight: bold; }
.uppercase 	{ text-transform: uppercase; }
.blue		{ color: #00478A; }
.medium		{ font-size: 1.2em; }
.right		{ text-align:right; }
.indent		{ margin-left: 20px; }
.justified 	{ text-align:justify; }

#wrapper 	{ background: url(../images/shared/ard_wrap.gif) repeat-y center transparent; width: 972px; margin: 0 auto; }
#wrapSite	{ width: 900px; margin: 0 auto; }

#left	{ float: left; }
#right	{ float: right; width: 689px; }

#logo	{ background: url(../images/shared/ard_logo.gif) no-repeat top left; width: 211px; height: 104px; }

#navs			{ background: url(../images/shared/ard_navbg.gif) repeat-y top left #f4f5f7; width: 211px; }
#navs ul 		{ list-style: none; line-height: 30px; padding: 0;}
#navs li		{ background: url(../images/shared/ard_navlibg.gif) no-repeat top left; width: 127px; height: 28px; border-bottom: 1px solid #FFF; color: #00478A; 
				  padding: 0 0 0 52px; font-size: 1em; font-weight: bold; text-transform: uppercase; }
#navs a:hover	{ color: #777; }

#news		{ background: url(../images/shared/ard_newsbg.gif) no-repeat top left #E3E4E6; width: 211px; padding-top: 20px; }
#news h2	{ background: url(../images/shared/ard_contacttitle.gif) no-repeat top left #e3e4e6; width: 211px; height: 18px; }
#newslist	{ margin: 7px 22px; border-top: 1px dotted #00478A; }
#newslist p	{ padding-top: 10px; }
* html #news h2  	{ background: no-repeat url(../images/shared/ard_contacttitle.gif) top left; width: 211px; height: 10px;}
* html #newslist	{ margin: 0px 22px; border-top: 1px dotted #00478A; }
#mainphoto		{ background: #0053A1; height: 250px;  }
#mainphoto img	{ width: 689px; }

#maincontent 				{ margin: 18px 50px; }
#maincontent h2.welcome		{ background: url(../images/ard_welcometitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.projects	{ background: url(../images/ard_projectstitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-top: 18px; margin-bottom: 10px; }

#maincontent h2.about		{ background: url(../images/ard_abouttitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.services	{ background: url(../images/ard_servicestitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.quote		{ background: url(../images/ard_quotetitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.contact		{ background: url(../images/ard_contacttitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.terms		{ background: url(../images/ard_termstitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.privacy		{ background: url(../images/ard_privacytitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }


#maincontent h2.roofreplacement		{ background: url(../images/ard_roofreplacementtitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.roofrepair			{ background: url(../images/ard_roofrepairtitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.roofpreventive		{ background: url(../images/ard_roofpreventivetitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.budgeting			{ background: url(../images/ard_budgetingtitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }
#maincontent h2.rotrepair			{ background: url(../images/ard_rottitle.gif) no-repeat top left; height: 26px; border-bottom: 1px dotted #00478A; margin-bottom: 10px; }

#maincontent p						{ line-height: 1.5em; font-size: 1.1em; text-align: justify; padding: 5px 0 10px 0; }

#maincontent ul						{ margin-top: -20px; margin-bottom: 10px; #margin-bottom: 0px; }
#maincontent li						{ list-style-position: inside; font: 1.1em Arial, Helvetica, sans-serif; padding-bottom: 2px; }

#maincontent .projectList			{ border: 0; margin-top: 18px; padding: 0; list-style-type: none; text-align: center; }
#maincontent .projectList li		{ display: block; float: left; text-align: center; padding: 2px 13px 10px 0; margin: 0; font-size: 0.8em; color: #4d4d4d; }
#maincontent .projectList li img 	{ border: 1px solid #CCC; padding: 5px; }
#maincontent .projectList a			{ display: block; float: left; text-align: center; padding: 2px 13px 10px 0; margin: 0; font-size: 0.8em; color: #4d4d4d; }
#maincontent .projectList a img 	{ border: 1px solid #CCC; padding: 5px; }

#gallerycontent p					{ line-height: 1.5em; font-size: 1.1em; text-align: right; padding: 5px 0 10px 0; }


#contactcontent p 				{ padding-top: 2px; }
#contactcontent p label			{ float: left; width: 12%; font-weight: bold;  }

#footer			{ background: url(../images/shared/ard_footerbg.gif) no-repeat bottom left; width: 900px; height: 92px; }
#sitecredits 	{ float: left; padding: 45px 10px 0 22px;  color: #FFF; }
#sitecredits a	{ color: #FFF; }
#copyright		{ float: right; width: 689px; padding: 45px 10px 0 22px; color: #003366; text-align: center; }
#copyright a	{ color: #003366; }

#footShadow		{ background: url(../images/shared/ard_footshadow.gif) no-repeat center; width: 972px; height: 16px; }

/*SERVICES NAV*/
#servicesnav 			{ margin: 0 12px 45px 12px; padding: 0; }
#servicesnav ul    		{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#servicesnav ul li 		{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#servicesnav ul li a	{ background:url(../images/ard_servicesnavbg.gif); width: 132px; height: 24px; border-right: 1px solid #FFF; padding-top: 5px; margin: 0 0 9px 0; color: #FFF; text-decoration: none; display: block; text-align: center; font-size: 0.9em; }

#servicesnav ul li a:hover { color: #CCC;  }

/*QUOTE REQUEST FORM*/
form			{ margin-top: 20px; }
form p 			{ clear: left; margin: 0; padding-top: 3px; }
form p label	{ float: left; width: 35%; font: bold 1em Arial, Helvetica, sans-serif; padding-left: 10px; }
fieldset 		{ border: 1px dotted #12589A; padding: 1em; #padding-top: 30px;  }
legend 			{ background: #12589A; font: bold 1.2em Arial, Helvetica, sans-serif;  color: #FFF; padding: 5px 10px; #margin-bottom: 10px; text-transform: uppercase; }

#form input.incomplete, select.incomplete 
	{ border: 1px solid red; }
#form label.incomplete 
	{ color: red; }
#form input, select { }
#form input.small, select.small 
	{ width: 60px; }

#form label.small 
	{clear: none; width: 60px; }

#form input.long, select.long 
	{ width: 230px; }
#form input.address, select.address 
	{ width: 230px; }

#form input.button
{ background: url(../images/form/form_btn.gif) no-repeat; width: 80px; height: 24px; border: none; margin-top: 5px; }

#form input.buttonRight { margin-left: 207px; #margin-left: 208px; cursor: pointer; background: #CCC; color: #003366; border: 1px dotted #12589A; font-weight: bold; } 

/*warning */
#form p.warning 		{ border: 1px dotted red; margin: 10px 0 20px 0; padding: 7px; }
#form p.warning em 		{ color: red;   }
.warning				{ text-align: center; font-weight: bold; }

/*form sent*/
#form p.formsent { text-align: center; }
#form p.formsent a, #form p.formsent a:link 
	{ color: #12589A; font-weight: bold; text-decoration: none; }
#form p.formsent a:hover 
	{ text-decoration: underline; color: #333; }