/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
		font-size: 12px;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 18px;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 5%;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
		padding: .5em;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}


/* Flintridge Styling */
body {
background-color:#000;
color: #FAF5EA;
}

#header {
display:block; 
height:116px; 
background:#000; 
}

#logo{
display:block; 
position: absolute;
left: 10%;
top: 62px;
width: 361px;
float: left;
}

#nav {
display:block; 
width: 360px;
position: absolute;
left: 10%;
top: 94px;
margin-left: 434px;
}

a:link, a:visited {
font-size: 12px;
color: #cc9933;
text-decoration: none
}

a:hover, a:active {
font-size: 12px;
color: #FFF;
text-decoration:underline;
}


/*

margin-top: 82px;
margin-left: 475px;

height: 20px;
*/

#nav img {
border: none;
margin: 0;
}

.headfoot div {
position: relative;
left: 46px;
top: 60px;
}

#fullwidth {
diplay: block;
background-color:#660000;
width:100%;
height: 311px;
}

#content {
diplay: block;
background-color:#660000;
width:900px;
height: 311px;
position: absolute;
left: 10%;
}

#pics {
diplay: block;
top: 440px;
width:650px;
height: 160px;
position: absolute;
left: 19%;
}

.flash {float: left;}

.maintext {
display:block;  
margin-left: 20px;
width:296px; 
float: left; 
margin-top: 170px;
}

.abouttext {
display:block; 
width: 756px;
background-color:#480101;
float: left;
height: 311px;
overflow: auto;
}

.abouttext p {
padding-top: 50px;
padding-left: 70px;
padding-right: 20px;
}

.aboutpic {
display:block;  
width: 301px; 
float: left; 
}

#foot {
display: block;
position: absolute;
width: 300px;
left: 10%;
top: 600px;
}

#foot  a:link, #foot a:visited {
font-size: 9px;
color: #FFF;
text-decoration: none
}

#foot  a:hover, #foot  a:active {
font-size: 9px;
color: #cc9933;
}

.contacttext {
display:block; 
width: 355px;
background-color:#480101;
float: left;
height: 311px;
overflow: auto;
}

.contacttext p {
padding-top: 50px;
padding-left: 70px;
padding-right: 10px;
}

.contacthead {
font-size: 16px;
line-height: 24px;
}

.contactform {
display:block;  
width: 401px; 
background-color:#480101;
height: 271px;
float: left; 
padding-top: 30px;
padding-bottom: 10px;
}

.contactform  table {
border-left: 1px #FFF solid;
}

.style1 {
padding-left: 40px;
}

.projecttext {
display:block; 
width: 756px;
background-color:#480101;
float: left;
height: 311px;
margin-bottom: 0px;
}

.projecttext p {
padding-top: 30px;
padding-left: 70px;
padding-right: 20px;
}

.projecttext table {
margin-left: 70px;
margin-top: 10px;
line-height: 14px;
}

.projecttext td {
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px #660000 solid;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
}

td.prodetails {
	border-bottom: 0px;
}

a.protext:link, a.protext:visited {
font-size: 11px;
color: #cc9933;
text-decoration: none;
line-height: 11px;
}

a.protext:hover, a.protext:active {
font-size: 11px;
color: #FFF;
text-decoration:none;
line-height: 11px;
}

.window {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}

.blacktext {
color: #000;
}

.toppad {
padding: 4px;
font-size:14px;
}

.proimg {
margin: 3px;
}

.projectwindows {
margin: 10px;
background-color: #480101;
}

.servicepic {
display:block;  
width: 419px; 
background-color:#480101;
height: 311px;
float: left; 
}

.proj_icon {
	border: 1px solid #666666;
	margin: 2px;
}
.proj_icon_ovr {
	border: 1px solid #FFFFFF;
	margin: 2px;
}

.proj_name {
	padding: 0 0 0 0px;
}