/* CSS Document - Oldham Design LLC */

/*============================= BEGIN STRUCTURE ===========================*/

html,body {
	margin:0;
	padding:0;
	min-width:810px;
	background-color:#410A03;
	background-image:url(../images/bkgrnd_grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:  Arial, Helvetica, sans-serif;
	}
#ie5fix	{
	height: 1px;
	voice-family: "\"}\"";
	voice-family: inherit;
	display: none;
}

/* MSIE Win hack ~ height acts like min-height */ 
* html #wrap {height: 100%;  } 

#header {
	width: 810px;
	background-color:#000000;
	color:#FFFFFF;
	background-image:url(../images/wood_rule.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}	
div#wrap {
	margin:15px auto;
	width:810px;
	background-color:#FEFFC5;
	border: thin solid #000000;
	}
#main {
	width:810px;
	height: 100%;
	}

/* ============================= BEGIN SIDEBAR ======================== */
	
#sidebar {
	height: 100%;
	float: right;
	width: 210px;
	background-color:#FEFFC5; 
	}
	
html>body #sidebar {
	width:210px;	
	height: 100%;
	background-color:#FEFFC5;
	}

#sidebardata {
	height: 100%;
	text-align:left;
	width: 190px;
	margin:15px 0px 10px 10px;
	border:1px solid #410A03;
	}
	
/* ============================= END SIDEBAR ======================== */	
	
#content {
	width: 600px;
	float:left;
	}

#contentdata {
	margin:0 0 0 10px;
	}	

/* ========================= BEGIN CONTENT DOORS ==================== */

#contentdoors {
	width: 590px;
	text-align:left;
	}
	
/* ========================= END CONTENT DOORS ==================== */


/* ======================== BEGIN CONTENT WINDOWS =================== */

#contentwindow_a {
	width: 590px;
	text-align:left;
	}

/* ======================== END CONTENT WINDOWS =================== */
	
/* ======================== BEGIN INSTRUCTIONS =================== */

#instructions {
	clear:both;
	height:20px;
	width: 580px;
	padding:0px 0 0 20px;
	}	

/* ======================== END INSTRUCTIONS =================== */

/* =================== BEGIN DOOR IMAGE & QUOTE FORM ============== */

#contentdoor_a {
	width:590px;
	background-image:url(../images/preview_bkgd.gif);
	}	
#contentdoorimage_a {
	width: 588px;
	border:1px solid #410A03;
	margin:15px 0px 15px 0px;
	text-align:left;
	}
#contentquote {
	clear:both;
	width:590px;
	}	
#contentquoteform_a {
	width: 588px;
	height:240px;
	border:1px solid #410A03;
	margin:10px 0px 10px 0px;
	text-align:left;
	}
#contentquoteleft {
	font-size:11px;
	text-align:right;
	float:left;
	width:250px;
	color:#410A03;
	padding: 0px 8px 8px 0;
	}
#contentquoteright {
	font-size:11px;
	text-align:right;
	float:right;
	width:230px;
	color:#410A03;
	padding: 0px 8px 8px 0;
	margin-right:30px;
	}
#quoteform {
	font-size:11px;
	line-height:120%;
	text-align:left;
	color:#410A03;
	padding: 6px 8px 2px 8px;
	}

/* =================== END DOOR IMAGE & QUOTE FORM ============== */

/* =================== PROCESS QUOTE FORM ============== */

#contentsuccesscont {
	width:600px;
	}	

#contentsuccessbox {
	line-height:180%;
	text-align:left;
	color:#410A03;
	float:left;
	width: 350px;
	margin:80px 10px 90px 10px;
	border:1px solid #410A03;
	}

#contentsuccessdata {
	font-size:100%;
	line-height:120%;
	text-align:center;
	color:#410A03;
	padding: 6px 8px 2px 8px;	
	}	

/* =================== END PROCESS QUOTE FORM ============== */

/* ======================== BEGIN CONTENT ADMIN =================== */

#contentadmincont {
	clear:both;
	width:600px;
	}	

#contentloginbox {
	font-size:11px;
	line-height:180%;
	text-align:left;
	color:#410A03;
	float:left;
	width: 270px;
	margin:80px 10px 90px 10px;
	border:1px solid #410A03;
	}

#contentlogindata {
	font-size:11px;
	line-height:120%;
	text-align:center;
	color:#410A03;
	padding: 6px 8px 2px 8px;	
	}	
	
#contentadminbox {
	font-size:11px;
	line-height:180%;
	text-align:left;
	color:#410A03;
	float:left;
	width: 578px;
	margin:15px 10px 10px 10px;
	border:1px solid #410A03;
	}
	
#contentadmindata {
	font-size:11px;
	line-height:120%;
	text-align:left;
	color:#410A03;
	padding: 6px 8px 2px 8px;	
	}	

/* ======================== END CONTENT ADMIN =================== */

/* ======================== BEGIN FOOTER =================== */
	
#footer {
	width:800px;
	padding:10px 0 0 0;
	margin-top:40px;
	color:#410A03;
	font-size:11px;
	line-height:20%;
	clear:both;
	}
	
	
#footerdc {
	width:800px;
	padding:10px 0 0 0;
	margin:0px;
	color:#410A03;
	font-size:11px;
	line-height:20%;
	clear:both;
	}	

/* ======================== END FOOTER =================== */

/*======================= END STRUCTURE =======================*/


/*======================= BEGIN STYLEING =======================*/

.title {
	padding:2px 0 0 4px;
	}

.contentp {
	margin:0 8px 10px 8px;
	}

div#contentdoorimage_a div {
	margin: 8px 0px 16px 12px;
	}
div#contentdoorimage_a img {
	width: 276px; 
	}
div#contentdoorimage_a img.title {
	width: 85px;
	height: 19px;
	}
div#contentdoorimage_a .top {
	height: 76px;
	border-top: 1px solid #410A03;
	}
div#contentdoorimage_a .left {
	border-left: 1px solid #410A03;
    }
div#contentdoorimage_a .right {
	border-right: 1px solid #410A03;
	}
div#contentdoorimage_a .btm {
	height: 154px;
	border-bottom: 1px solid #410A03;
	}
div#contentdoorimage_a .top, .left {
	border-right: 1px solid #410A03;
	}
div#contentdoorimage_a .btm, .left {
	border-right: 1px solid #410A03;
	}
	
.viewdouble {
	text-align:center;
	}

#footer li {
	display:inline;
	margin:0;
	padding:0 .3em 0 .5em;
	color:#410A03;
	font-family:  Arial, Helvetica, sans-serif;
	border-left:1px solid #410A03;
	}

#footer li.first {
	border-left-width:0;
	color:#410A03;
	padding-left:0;
	}

#footer a:link a:visited {
	color:#410A03;
	text-decoration:underline;
	}

#footer a:hover {
	color:#410A03;
	text-decoration:none;
	}

#footer a.first {
	border-left-width:0;
	padding-left:0;
	color:#410A03;
	}


#footerdc li {
	display:inline;
	margin:0;
	padding:0 .3em 0 .5em;
	color:#410A03;
	font-family:  Arial, Helvetica, sans-serif;
	border-left:1px solid #410A03;
	}

#footerdc li.first {
	border-left-width:0;
	color:#410A03;
	padding-left:0;
	}

#footerdc a:link a:visited {
	color:#410A03;
	text-decoration:underline;
	}

#footerdc a:hover {
	color:#410A03;
	text-decoration:none;
	}

#footerdc a.first {
	border-left-width:0;
	padding-left:0;
	color:#410A03;
	}

/*======================= End Navigation =======================*/

/*============================== Links ==============================*/

.underline {
border-bottom: dashed #410A03 1px;
}

a:LINK {
	font-weight:bold;
	color: #410A03;
	text-decoration:underline;}
	
a:VISITED {
text-decoration:underline;
	font-weight:bold;
	color: #410A03;
	}
	
a:HOVER {
	text-decoration: none;
	color: #410A03;
	}


.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  color:#410A03;
  font-style:oblique;
  font-size:100%;
  }
  

.more a:LINK {
	font-weight:bold;
	font-style:oblique;
	color: #410A03;
	text-decoration:underline;
	}
	
.more a:VISITED {
	text-decoration:underline;
	font-style:oblique;
	font-weight:bold;
	color: #410A03;
	}
	
.more a:HOVER {
	text-decoration: none;
	font-style:oblique;
	font-weight:bold;
	color: #410A03;
	}

/*============================ End Links =============================*/


/*============================ End Lists =============================*

/*=============================== Content ===================================*/

#contentfull {
	width: auto;
	padding-left:20px;
	padding-right: 35px;
	}
	
#semicust {
	width: auto;
	padding-left:20px;
	padding-right: 45px;
	}

/* top & bottom door selection tabs */
.doorthumb img {
    display: inline;
    margin: 0 3px 1px 0;
    border: 1px solid transparent;
	}		
.doorthumb a:hover img {
    padding: 0px;
	border: 1px solid #410A03;
	}
div#windowdivcontainer .doorthumb img {
	width: 90px;
	height: 25px;
	}	
p.doormodels {
	text-align: left;
	margin: 0;
	}
div#doordivcontainer .doorthum img {
	width: 63px;
	height: 53px; 
	}

/*=============================== Content ===================================*/

/* Header fonts begin...*/
h1 {
	margin:0px 0px 0px 0px;
	padding:4px 0 10px 12px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
h2 {
	z-index:3;
	margin:-10px 0 0 0;
	padding:0px 0 0 4px;
	}

/* Para style */
p {
	background:transparent;
	text-align:left;
	color:#410A03;
	font-size:75%;
	left: auto;
	}
.type_ko_contact {
	color: #410A03;
	font-weight:bold;
	padding-left: 40px;
	}
.boldbrn {
	font-weight: bold;
	color: #410A03;
	}
.em {
	font-style:italic;
	}
.center {
	text-align: center;
	}
.first {
	text-indent: 0em;
	}
.comments {
	text-indent: 0em; color:#5A5A5A; font-size:70%;
	}
.smallfont {
	margin:0 0 5px 10px;
	font-size:75%;
	color:#410A03;
	text-align:left;
	font-family:  Arial, Helvetica, sans-serif;
	text-indent:0em;
	}
.smallfontitalic {
	margin:0 0 5px 10px;
	font-size:80%;
	color:#410A03;
	text-align:left;
	font-family:  Arial, Helvetica, sans-serif;
	text-indent:0em;
	font-style:oblique;
	}
.floatright {
	float: right;
	}
.floatleft {
	float: left;
	}

/* global tweaks */
.invisible {
	display: none;
	}
img.visible {
	display: inline;
	}
p.none {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	}

/* form tweaks */
#dc.empty {
	font-weight: bold;
	}
#contentquote_err {
	margin-left: 3em; 
	font-size:11px;
	line-height: 150%;
	}
#contentquote_err ul {
	display: inline; 
	padding-left: 0px; }
#contentquote_err ul li {
	display: inline; }
.fldleft {
	float: left;
	width: 31px;
	text-align: right;
	margin: 0 3px 0 3px;
}
input {
	background-color: #FEFFC5;
	color: #410A03;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt;
	}
	
input.v2 {
	background-color: #FFFFFF;
	color: #410A03;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt;
	}	
textarea {
	background-color: #FFFFFF;
	border: black 1px solid;
	color: #410A03;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt;
	font-weight: normal;
	}
.altButtonFormat {
	background-color: #FFFFFF;
	font-family: verdana;
	border: #000000 1px solid;
	font-size: 10px;
	color: #778899;
	}
.altTextField {
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 10pt;
	color: #09c09c
	}
button.submit {
	border: 1px solid #410A03;
	background-color: #ffffff;
	margin-top: 3px;
	}