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

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:url(../images/background.jpg) top left repeat-x #dbdbdb;
 letter-spacing:.5px;
 color:#000000;
}

a:link { color: #194b8f; text-decoration: none; border:0; font-family: Arial, Helvetica, sans-serif; }
a:visited { color: #194b8f; text-decoration: none; border:0; font-family: Arial, Helvetica, sans-serif; }
a:active { color: #194b8f; text-decoration: none; border:0; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #194b8f; text-decoration: underline; border:0; font-family: Arial, Helvetica, sans-serif; }

a.pdf { color:#ff0000; }

img { border: 0; }


h1, h2, h3, h4, h5, h6 { letter-spacing:0; }

h1 { 
	color:#194b8f; 
	font-size: 20px; 
	font-weight: normal; 
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
}

h2 { 
	color:#194b8f; 
	font-size: 18px; 
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
}

h3 { 
	color:#194b8f; 
	font-size: 14px; 
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 5px 0;
}

h3.portfolio {
	color:#194b8f; 
	font-size: 14px; 
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0 5px 0; 
	text-decoration: underline;
}

h4 { 
	color:#194b8f; 
	font-size: 12px; 
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 5px 0;
}

#wrapper { 
 margin: 0px auto;
 width: 990px; 
 background-color: #ffffff;
 padding:0px;
}

#bg-content {  background: url(/images/city-background.jpg) left bottom no-repeat #fff;
}

#header {
 color: #a8c7f0;
 padding: 0px;
 height: 125px;
 width: 990px;
 margin: 0 auto; 
 background: url(/images/banner.jpg) top left no-repeat; 
}

#logo { 
	padding:0;
	margin: 0;
	width: 283px; 
	float:left;
}

#headline { 
	width:665px;
	margin-top: 20px;
	text-align: right; 
	float:right; 
}

.menu {
	width:990px;
	height:30px;
	position:relative;
	z-index:100;
	font-family:arial, sans-serif;
	top: 0px;
	background-color:#c9cdce;
	padding-left:20px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:1px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	/* color:#666668; */
	color:#000000;
	height:30px;
	background:#c9cdce;
	padding-left:6px;
	padding-right: 6px;
	line-height:29px;
	border-right: 1px solid #fff;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:138px;}

/* second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd 120px center;}

/* second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 120px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 120px center;}

/* second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d9dae3; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:130px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#0f3d7b;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#0f3d7b;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


#content { 
	height:100%; 
	/* from old style sheet
	
	width: 970px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background: #CBE2EF;
	border: 2px solid #738567;
	border-top: none;
	position: relative;
	right: 2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 128px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
*/
}

#content p {
	padding-bottom: 5px;
	color: #000000;
}
#content ul {padding-bottom: 10px; margin-left: 25px;}

#clear { clear:both; padding-top:15px; display:block; }

hr#reset {
	border: 0;
	color: #e7e7e8;
	background-color: #e7e7e8;
	height: 1px;
}

#rightcolumn { 
	margin: 0px;
	padding: 20px;
	/* color: #525252; */
	font-size:12px;
	line-height: 16px;
}


.leftcol { width:230px; float:left; padding-right: 20px; margin-top:10px; }
.rightcol { width:690px; float:right; margin-top: 10px; }

hr {
	border: 0;
	color: #e7e7e8;
	background-color: #e7e7e8;
	height: 5px;
}

#footer { width:960px; margin: 0px; height: 100px; padding:15px; padding-top: 10px; clear:both; font-size:10px; font-weight: normal; color: #a8c7f0; background:url(/images/footer.jpg) top left no-repeat #194c90; }
#footer p { padding-top: 10px; padding-bottom: 10px; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: underline;}

#footer ul {
	margin: 0px 0px 0px 0px;
	list-style-type: none; 
	list-style-image: none; 
}

#footer ul li {
	float: left; 
	padding-right: 7px; 
}


#welcome a#nav-welcome,
#portfolio a#nav-portfolio { color:#fff; background:#0f3d7b; }

#welcome a#footer-welcome,
#portfolio a#footer-portfolio { color: #fff; text-decoration: underline; }

img#thumbnail { border:1px solid #000; }


ol { margin-left: 25px; }

/* @override 
	http://fogcitydrafting.com/tierra_dev/css/screen.css
	http://fogcitydrafting.com/css/screen.css
*/

/* @group Generic */


/* ---- FROM OLD WEBSITE ---*/
blockquote {
	/* background: #C0DDAB;
	border-left: 1px solid #738567; */
	padding: .5em 1em;
	margin: 1em 0;
}

.testimonial  {
	background: #CBE2EF; 
	border-left: 1px solid #738567;
	padding: .5em 1em;
	margin: 1em 0;
}



/* @end */

/* @group Classes */

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

dt .adjunct {
	font-weight: normal;
	color: #555;
}
dt .bright{
	font-weight: bold;
	color: #a97278;
}
.citation {
	margin-left: 1em;
	margin-top: -.5em;
	color: #555;
}

.gallery {
	width: 480px;
	margin: 0 auto;
}

.cell {
	float: left;
	width: 150px;
	margin: 0 5px;
}

.cell img {
	border: 1px solid #738567;
}

.cell img:hover {
	border: 1px solid #51373A;
}

.cell a {
	border: none;
}

.caption {
	color: #555;
	text-align: center;
	font-size: .9em;
}

.error {
	font-weight: bold;
	color: #8C000F;
}

.success {
	font-weight: bold;
	color: #084184;
}

.req {
	
}

input.req, textarea.req, div.req label {
	font-weight: normal;
}

input.error, textarea.error, fieldset.error, div.error {
	border-color: #8C000F;
	background: #FFFED9;
	color: #000;
	font-weight: normal;
}

/* @end */

/* @group Specific */



/* @group Quotes form */

form {
	text-align: left;
}

fieldset {
	border: none;
	border-top: 1px solid #738567;
	width: 370px;
	padding: 5px;
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

legend {
	font-weight: bold;
	color: #51373A;
}

fieldset div {
	clear: both;
	width: 360px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

label, .label {
	float: left;
	width: 90px;
	text-align: right;
	padding: 7px 5px 0 0;
	margin: 0;
}

.checkboxes .controls {
	width: 195px;
	margin: 0 0 0 95px;
	padding: 5px 0 0 0;
	clear: none;
}

.checkboxes .controls label {
	float: none;
	width: auto;
	text-align: left;
	padding: 0;
	display: block;
	margin: 2px 0;
}

input, textarea {
	width: 180px;
	border: 3px double #738567;
	background: #fff;
	padding: 3px;
}

#footage_controls {
	width: 195px;
	padding: 5px 0 0 0;
	margin: 0;
	float: right;
	clear: none;
}

#footage_controls label {
	width: 50px;
}

#footage_controls input {
	margin: 2px 0;
}


.controls input {
	margin: 0 0 4px 0;
	border: none;
	padding: 0;
	background: none;
	vertical-align: middle;
}

textarea {
	height: 3.8em;
}

input.default {
	width: auto;
}

input.sm {
	width: 3em;
}

#plans_form {
	float: none;
	clear: both;
	width: 900px;
	padding-top: 10px;
}

#plans_form p {
	margin-top: 0;
}

#plans_form label, #plans_form .label {
	float: none;
	width: auto;
	text-align: left;
	padding: 0;
	display: block;
}

#plans_form input {
	width: auto;
	margin: 2px 0;
	border: none;
	background: none;
	vertical-align: middle;
}

#plans_form div {
	clear: none;
	margin: 0;
	width: 340px;
	padding-left: 8px;
}

#plans_form div.indent {
	margin: 0 0 10px 15px;
	width: auto;
}

#plans_form input#plans_other_detail {
	margin: 2px 0 2px 20px;
	width: 180px;
	border: 3px double #738567;
	background: #fff;
	
}

#submit_button {
	margin-left: 20px;
	font-weight: bold;
}

#invalid_form {
	display: none;
}

/* @end */


/* @end */
.required { color:#990033;}
.h3_tight .h3_tight h3 { margin-bottom: 0px; padding-bottom: 0px; }
.blockquote_tight { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }