/*
Site: Ruggeri Construction
Designers: Toni Tesori and Jerry Melfi
Date: 2008-10
Colors::
	#87a2bd : Background, borders, accent
	#163b72 : Text
	#e7edf2 : Photo padding background

*/

/*No <strong> or <em> */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* Standard Styles - Layout [margin,padding,width,height,float,overflow,border-width,border-style] */
	.container {width:900px;margin:0 auto;display:block;}
	
	#header {margin-top:20px;width:990px;height:256px;margin:0 auto;position:relative;}
	#main {width:780px;margin:0 auto;padding:30px 0;overflow:hidden;padding-bottom:30px;_margin-top:-170px;}
	#main_content {padding:40px;padding-top:0;padding-bottom:10px;}
	#main_content h1 {margin-bottom:20px;}
	#main_content h2 {margin-bottom:20px;}
	#main_content h3 {margin-bottom:15px;}
	#main_content h4 {margin-bottom:10px;}
	#main_content li {margin-bottom:5px;list-style:outside disc;}
	#main_content ul {margin-left:20px;margin-bottom:15px;}
	#main_content small {display:block;margin:5px 0 10px 0;}
	#main_content p {margin-bottom:20px;}

	#footer {clear:both;overflow:auto;height:73px;overflow:hidden;}
	#footer .container {width:770px;height:45px;margin:0 auto;padding-top:35px;padding-right:10px;}

/* Standard Style - Typography and Colors [font-family,text-align,font-size,color,line-height,border-color] */

	body {font-size:62.5%;font-family:Georgia,"Times New Roman", Times, serif;color:#626262;text-align:left;}
	
	#header {font-variant:small-caps;letter-spacing:1px;}
	#header h1#title {text-indent:-999em;;}
	#nav li a {text-decoration:none; color:#163b72;font-size:1.5em;}
	#nav li a:hover {color:#fffce8;border-bottom:1px solid #dee8f3;}
	#home a#nav_ho, #gall a#nav_ga, #abou a#nav_ab, #test a#nav_te, #affi a#nav_af, #cont a#nav_co {font-weight:bold;}
	#nav li a:hover#nav_ga {border-bottom:0;}
	#nav .sub {font-size:60%;color:#4a6388;font-family:Verdana,Arial,sans-serif;}
	
	#main {color:#163b72;text-align:left;}
	#main a {color:#163b72;border-bottom:1px solid #ddd;text-decoration:none;}
	#main a:hover {color:#888;border-bottom-color:#aaa;}
	
	#main h1, #main h2, #main h3, #main h4 {font-variant:small-caps;letter-spacing:0px;border-bottom:1px solid #87a2bd;font-weight:normal;padding-bottom:5px;}
	#main_content h1 {font-size:2.4em;}
	#main_content h2 {font-size:2.4em;}
	#main_content h3 {font-size:1.8em;}
	#main_content h4 {font-size:1.4em;}

	#main_content p, #main_content li {font-size:1.3em;line-height:150%;color:#163b72;}
	#main_content a {font-weight:bold;}
	#main_content small {color:#aaa;font-size:1.1em;}

	#footer {font-size:1em;line-height:145%;color:#29456d;}
	#footer a {color:#29456d;border-bottom:1px solid #6082a4;text-decoration:none;}
	#footer a:hover {color:#fffce8;border-bottom-color:#fffce8;}
	#footer .container {text-align:right;}
	
/* Standard Style - Backgrounds */
	body {background:#94aac1 url(../i/bkg.gif) repeat-x;}
	#header {background:url(../i/header.jpg) no-repeat;}
	#main {background:#fff url(../i/bkg_body.gif);}
	#footer {background:url(../i/bkg_footer.gif) repeat-x 0px 8px;}
	#footer .container {background:url(../i/footer.gif) no-repeat;}
	
/* Other Styles */
	
	#main_content p img {margin-bottom:10px;padding:5px;background:#dde3e8;border:1px solid #87a2bd;}
	#main_content p.gallery {border-top:1px solid #87a2bd;padding:15px 0;margin:20px 0;clear:both;overflow:visible;height:auto;}
	#main_content .gallery img, #gall #main_content .column img {padding:4px;background:#e7edf2;border:1px solid #a2bbd4;overflow:visible;margin-bottom:0;}
	
	#map {float:right;margin-left:20px;overflow:auto;padding:5px;background:#dde3e8;border:1px solid #87a2bd;}
	#map a {color:#163b72 !important;}
	
	/* Styles for Home page */
	#home #main_content p.gallery {border:0;overflow:auto;width:300px;float:right;margin-left:25px;padding-top:0;margin-top:0;}
	#home #main_content p.alt {float:left;margin:0;width:auto;padding:0;margin-right:25px;}
	#home #main_content p.gallery a {margin-right:6px;display:block;float:left;margin-bottom:5px;border-bottom:0;}
	#home #main_content h3 {clear:both;}
	#main_content ul li {font-size}
	
	/* Styles for Gallery */
	#gall #main_content .gallery {width:220px !important;margin:0;padding:0;margin-right:20px;float:left;border:0;}
	#gall #main_content .gallery h3 {font-size:1.6em;margin-top:0;padding-top:10px;}
	#gall #main_content .gallery h3 a {margin-top:0;}
	#gall #main_content .gallery p {font-size:1.2em;}
	#gall #main_content .gallery img, #gall #main_content .column img {margin-bottom:15px;}
	#gall #main_content .gallery a {border:0;font-weight:normal;}
	
	#gall #main_content div.section .photo {width:390px;float:left;}
	#gall #main_content div.section .desc {width:300px;float:left;}
	#gall #main_content div.section .photo a.sub img {padding:5px;background:#dde3e8;float:left;width:70px;height:57px;border:1px solid #87a2bd;margin-right:10px;margin-bottom:10px;}
	#gall #main_content div.section .photo a.main img {padding:5px;background:#dde3e8;border:1px solid #87a2bd;width:350px;height:220px;display:block;margin-bottom:10px;}
	#gall #main_content h3 {clear:both;padding-top:30px;}
	#gall #main_content h4 {clear:both;padding-top:20px;}
	
	#gall #main_content .section a.floor {padding:5px;background:#e7edf2;border:1px solid #a2bbd4;overflow:visible;margin-bottom:0;float:right;margin:0 0 5px 10px;color:#163b72;font-size:85%;text-align:center;text-decoration:none;font-weight:normal;}
	#gall #main_content .section a.floor img {margin:0;padding:0;}
	#gall #main_content .section a.floor {}
	
	#gall #main_content .column {width:230px;float:left;text-align:center;margin-right:5px;}
	
	/* Styles for Testimonial page */
	#test #main_content blockquote {float:right;margin:-10px 0 40px 40px;padding-left:20px;padding-bottom:10px;font-size:1.6em;font-style:italic;width:275px;line-height:140%;background:url(../i/quote.gif) no-repeat;padding-top:10px;clear:right;}
	#test #main_content blockquote:first-letter {text-transform:capitalize !important;}
	#test #main_content h3 {clear:both;}
	
	/* Styles for Contact page */
	#cont #main_content form#contactForm {padding-top:15px;width:50%;}
	#cont #main_content form#contactForm label {display:block;width:125px;float:left;clear:left;font-size:1.2em;margin-bottom:5px;font-weight:bold;}
	#cont #main_content form#contactForm input, #cont #main_content form#contactForm textarea {width:200px;float:left;margin-bottom:5px;}
	#cont #main_content form#contactForm textarea {height:50px;}
	#cont #main_content form#contactForm input#submit {width:125px;padding:5px;padding:4px;background:#e7edf2;border:1px solid #a2bbd4;color:#163b72;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.1em;font-weight:bold;}
	form#contactForm img {margin:10px;}

	/* Styles for Nav and Dropdown */
	#nav a {display: block;	width: auto;}
	#nav {margin-left:210px;margin-top:182px;}
	#nav li {float: left;width: auto;padding:10px 20px;padding-left:0;height:30px;}
	#nav li ul {position: absolute;	width: 240px;left: -999em;background:#94aac1;font-size:85%;margin-top:5px;border:1px solid #a2bbd4;}
	#nav li ul li {display:inline;padding:0;}
	#nav li ul li a {width:220px;padding:10px;float:left;clear:left;}
	#nav li ul li a:hover {background:#fffce8;color:#163b72;border:0;}
	#nav li:hover ul, #nav li.sfhover ul {left: auto;}