* {margin: 0; padding: 0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.image-left {float: left; margin-right: 10px;}
.image-right {float: right; margin-left: 10px;}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #666666 url(img/bg.jpg) 0 0 repeat-x;
	}
	
a { color: #222; text-decoration: none; }	
p a:hover { color: #9B0000; }
#content p a {text-decoration: underline;}
	
p {
	font-size: 14px;
	color: #000000;
	line-height: 150%;
	margin-bottom: 15px;
	}	

#optionA p {font-size: 14px; font-family: Arial; }
#optionB p {font-size: 14px; font-family: Verdana; }
#optionC p {font-size: 14px; font-family: Tahoma; }
#optionD p {font-size: 14px; font-family: Georgia; }
#optionE p {font-size: 14px; font-family: Times; }
#optionF p {font-size: 14px; font-family: Trebuchet; }
#optionG p {font-size: 14px; font-family: 'Lucida Grand'; }
	
h2, h2 a {
	font-size: 20px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #A40000;
	background: #DFDFE1;
	padding: 0 4px;
	}
	h2 span, h2 a span {color:#340000;}
#home #main h2, #home #main h2 a {background: none;}
	
h3 {
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #A40000;
	}	
	h3 span, h3 a span {color:#340000;}

h4, h4 a {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #9C0000;
	}	
	h4 a {text-decoration: none;}

h5, h5 a {
	font-size: 13px;
	font-weight: bold;
	color: #9C0000;
	}	
	h5 a {text-decoration: none;}
	
#wrapper {
	margin: 0 auto;
	width: 960px;
	}
	
/* HEADER
------------------------------*/	
	
#head {
	height: 160px;
	position: relative;
}
	
#logo {
	width: 254px;
	height: 72px;
	text-indent: -99999px;
	background: url(img/affinity-logo.png) 0 0 no-repeat;
	float: left;
	margin-top: 62px;
	}
#logo a {
	display: block;
	width: 254px;
	height: 72px;
	}	

/* NAV
------------------------------*/
		
#nav {
	list-style-type: none;
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 28px;
	/*padding-bottom: 18px;*/
	}
	#nav li { float:left; margin-left: 20px; padding-bottom: 18px; }
	#nav li a {
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		}
	#nav li a:hover { color: #999; }
	#nav li.active { background: url(img/arrow.png) center bottom no-repeat;}
	#nav li.active a:hover {color: #fff;}	
		
	li#contact-nav a {
		background: url(img/bg-contact.jpg) 0 0 no-repeat; 
		height: 28px; 
		width: 122px;
		padding-left: 14px;
		display: block;
		}	
	li#contact-nav a:hover {background-position-y: -28px; color: #fff;}
	
/* CONTENT
------------------------------*/	

#content {
	padding: 15px;
	background: #FFFFFF url(img/bg-content-bottom.png) center bottom no-repeat;
	}
	
#subheader {
	background: url(img/blueprint.jpg) 0 0 no-repeat;
	height: 26px;
	padding-top: 74px;
/*	position: relative;*/
	}	
	#subheader h2 {
		/*position: absolute;
		bottom: -10px;
		left: 14px;*/
		float: left;
		margin: 0 0 0 14px;
		height: 26px;
		}	
		#subheader ul {
		/*position: absolute;
		bottom: 0;*/
		list-style-type: none;
		list-style-position: inside;
		line-height: 26px;
		}
		#subheader ul li {float: left;margin-left: 10px; /*margin-left: 5px;*/}
		#subheader ul li a {
			font-size: 14px;
			color: #273548;
			border-right: 1px solid #273548;
			padding-right: 10px;
/*padding-left:5px;*/
			}
		#subheader ul li a:hover {color: #9B0000;}
		#subheader ul li:last-child a {border-right: none;padding-right:0;}
		#subheader ul li.current, #subheader ul li#multi-family_project_gallery, #subheader ul li#retail_project_gallery {font-weight: bold;background: url(img/arrow.png) center 20px no-repeat;}


#main {
	float: left;
	padding: 15px;
	width: 630px;
	}
#sidebar {
	background: url(img/bg-sidebar.jpg) 0 0 no-repeat;
	margin-top: 15px;
	float: right;
	text-align: left;
	width:235px;
	padding-left: 30px;
	}	
#sidebar p {
color: #111;
font-size: 12px;
line-height: 120%;
}
#sidebar-testimonial {
background: url(img/bg-testimonial.png) left bottom no-repeat;
width: 201px;
padding: 10px 12px 15px 12px;
}
#sidebar-testimonial-wide {
background: url(img/bg-testimonial-wide.jpg) left bottom no-repeat;
width: 590px;
padding: 15px 20px 15px 20px;
}
p#sidebar-credit {
margin-left: 45px;
font-size: 11px;
}

#content #main ul { 
	 list-style-position: inside; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #111;
	margin-bottom: 15px;
	}
#content #main ul li { margin-bottom: 8px; }



#sidebar ul {list-style-type: none;}
#sidebar ul li {margin-bottom: 8px; font-size:13px; }
#sidebar ul li a:hover { color: #9B0000; }
#sidebar ul li.gallery-current {font-weight: bold; }
#sidebar ul li.gallery-current a:hover {color: #000;}

.member-list { line-height: 110px; }
.member-list-short { line-height: 100%; padding-top: 40px; }
.member-list-short a img {padding-top: 0; margin-top: -40px;}


#home-left {
float: left;
width: 462px;
height: 240px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
#home-right {
float: right;
width: 462px;
height: 240px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
}

#home-left h2 {position: absolute; top: 43px;}
#home-right h2 {position: absolute; top: 43px; right: 0;}

div#home-left div.items, div#home-right div.items {
width: 200000em;
position: absolute;
}
div#home-left div.items div {float: left; }
div#home-right div.items div {float: right; }

/* Hover Gallery
-----------------------------*/
#hovergallery {position:relative; width:400px; /*height:700px;*/ margin:10px auto; }
 
#hovergallery a.pics {float:left; display:inline; color:#000; text-decoration:none; width:90px; height:90px; cursor:default;}
#hovergallery a.pics img.thumb {display:block; }
#hovergallery a.pics span {display:none; border:0; width:380px; text-align:center;}
#hovergallery a.pics span img {margin:10px auto;}
 
#hovergallery a.pics:hover {white-space:normal;}
#hovergallery a.pics:hover img.thumb {border:1px solid #fff;}
#hovergallery a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; /*height:500px;*/}
 
#hovergallery a.pics:active img.thumb {border:1px solid #fc0;} 
#hovergallery a.pics:active span {display:block; position:absolute; left:9px; top:0px; z-index:5; /*height:500px;*/}
 
#hovergallery a.pics:focus {outline:0;}
#hovergallery a.pics:focus img.thumb {border:1px solid #fc0}
#hovergallery a.pics:focus span {display:block; position:absolute; left:9px; top:0px; z-index:5; outline:0; /*height:500px;*/}
 
#hovergallery span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding: 0px 0 0 0; width:380px; height: 380px; text-align:center; color:#eee; z-index:1;}
#hovergallery span.info a {color:#000;}
#hovergallery span.info a:hover {text-decoration:none;}



/* Gallery
------------------------------*/
#gallery {position: relative; }
#gallery a.btn-left {position: absolute; top: 65px; left: -20px; width: 38px; height: 38px; background: url(img/arrow-left.jpg) 0 0 no-repeat; }
#gallery a.btn-right {position: absolute; top: 65px; right: 0; width: 38px; height: 38px; background: url(img/arrow-right.jpg) 0 0 no-repeat; }
#gallery a.btn-left:hover {background: url(img/arrow-left-hover.jpg) 0 0 no-repeat; }
#gallery a.btn-right:hover {background: url(img/arrow-right-hover.jpg) 0 0 no-repeat; }

#gallery h5 {
font-size: 13px;
color: 999px !important;
font-weight: normal;
}
#gallery div.left a img {margin-top: 6px; }

#gallery .left {float: left; width: 400px; padding-left: 20px;}
#gallery .right {float: left; width: 155px; padding-left: 20px;}
#gallery .right h5 {margin-bottom: 15px;}

/*#image_wrap {border: 1px solid green;}*/

/*ul.thumbs {list-style-type: none;}
ul.thumbs li {float: left; }*/

/* FOOTER
------------------------------*/

#footer {
	background: url(img/bg-footer.jpg) 0 0 repeat-x;
	height: 60px;
	padding: 8px;
	margin-bottom: 40px;
	}

/*#foot-rotator {float: left;width: 247px; margin-right: 15px; height: 54px; display: block; background: url(img/temp-footer-thing.png) 0 0 no-repeat;}*/
#foot-rotator {float: left; width: 247px; margin-right: 15px; height: 54px; display: block;}

#left-foot {float: left; height:60px; }
#left-foot p {padding-left: 6px;font-family: helvetica, verdana, arial, sans-serif; clear:both; color: #777; font-size: 11px;}
#left-foot p a {color: #777;} #left-foot p a:hover { color: #9B0000; }
#left-foot ul {
/*	float: left;*/
	list-style-type: none;
	margin: 10px 0 0 0px;
	}
	#left-foot ul li {float: left;}
	#left-foot ul li a {
		font-size: 11px; 
		color: #333; 
		font-weight: normal; 
		border-right: 1px solid #333; 
		padding-right: 6px; 
		margin-left: 6px;
		text-transform: uppercase;
		}
	#left-foot ul li a:hover {color: #9B0000;}
	#left-foot ul li:last-child a, #left-foot ul li.nav_contact_us a {border-right: none;}

	#right-foot {float: right; margin:7px 4px 0 0;}
	#right-foot a.credit {font-style: italic; font-family: georgia, "Times New Roman", Times, serif; font-size:12px; color:#555;}
	#right-foot a.credit strong {font-family:helvetica,arial,verdana,sans-serif; text-transform:uppercase; font-style: normal; font-size:10px; color:#555;}


/* FORM STUFF ------------------*/
/* FORM */

.hiddenFields {display:none;}

#form-left {float: left; width: 496px; border: 1px solid red;}
#form-right {float: left; width: 250px; border: 1px solid green;}

#request-form {width: 830px; background: url(http://affinitygc.com/_media/img/beauty.jpg) top right no-repeat;}
form {
	width: 496px;
	text-align: left;
	
	}

.hiddenFields {display:none;}

fieldset {
	margin: 0;
	border: none;
	padding: 25px 0 15px 0;
	background: url(img/hr.gif) left bottom repeat-x;
}
.last-fieldset {background: none; padding-bottom: 0;}
.submit-fieldset {background: none; padding: 0; margin: 0;}

legend {
	display: none;
}

form label {
	display: block;
	width: 228px;
	font-size: 14px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 5px;
	height: 30px;
	border: 1px solid #bbb;
}
form input.submit {
	border: none;
	height: auto;
	}

form select {
	float: left;
	display: block;
}

form label.field-clear {
	clear: left;
}

form label.field-left {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 228px;
}

form label.field-left input {
	float: left;
	width: 228px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}
form label.field-wide {
	float: left;
	margin-right: 20px;
	width: 228px;
}

form label.field-wide select {
	width: 228px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-full {
	float: left;
	width: 476px;
	margin: 0px 0px 0px 0px;
}

form label.field-full input {
	float: left;
	width: 476px;
	padding: 0px;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
/*	display: block;*/
	border: 1px solid #E1D9C7;
	width: 476px;
	}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 8px;
}

#cu3er-container {width:247px; outline:0;}