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

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* ------------- Layout --------------------------------------------------------------------------------------------------- */

body {
	position : relative;
	width : 990px;
	margin : 0 auto;
	text-align : left;
	background: rgb(233,233,233);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
	}
	
#mainContent {
	width: 990px;
	background: white;
	}
	
#header {
	margin-bottom:15px;
	font-size:0px; /*-- corrects space below images for IE --*/
	}
	
.blockImage {
	display:block; /*-- corrects space below images for IE --*/
	margin:0px;
}

/*--------- sidebar ---------*/
	
#sidebar {
	position:absolute;
	top:100px;
	width:295px;
	text-align:center;
	z-index:10;
	margin-left:30px;
	}
	
#branding {
	background:#000 url(images/brand-bkgd.gif) no-repeat;
	height:446px;
	margin-bottom:20px;
	border-bottom:#888 outset 2px;
	border-right:#888 inset 2px;
	}
	
/*--------- trying to get this hack to work for transperant png's in IE6 (tinyurl.com/594aps) ---------*/
	
#logo {
	position:relative;
	top:-50px;
	height:160px;
	width:295px;
	background:url(images/sikora-logo.png) no-repeat center 0;
	/*_background:none;*/
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/preview/sikora/images/sikora-logo.png');
	}
	
	
#sidebar blockquote{
	width:250px;
	margin:0 20px;
	}	
	
/*--------- content ---------*/

#content {
	float:right;
	width:627px;
	margin-bottom:80px;
	}	
	
#imageGallery {
	margin-bottom:20px;
	}
	
/*--------- footer ---------*/
		
#footer {
	clear:both;
	background:#999;
	font-size:10px;
	color:#FFF;
	line-height:20px;
	text-align:right;
	padding:0px 0px 0px 0px;
	text-align:center;
	border-top:#777 1px solid;
	}
	
#footer p {
	margin:0px 10px 0px 0px;
	}
	
/* --------------------- Layout Intro ---------------------*/

#main-into-image {
	width:990px;
	height:351px;
	background:url(images/bkgrnd-intro.jpg) no-repeat;
	}

 #home #copy{
	width:470px;
	float:left;
	}
	
 .button {
	float:right;
	height:120px;
	width:120px;
	/*text-indent:-9999;*/
	text-indent:-9999px;
	margin-right:20px;
	padding:0px;
	}
	
.button a{
	top:0;
	margin: 0;
	padding: 0;
	display: block;
	height:120px;
	background:url(images/button.gif) no-repeat 0 -120px;
	overflow: hidden;
	font-size:1px;
	}
	
.button a:hover {
	background:url(images/button.gif) no-repeat 0 0;
	}
	
	
/* ---------------------Layout Windows ---------------------*/

#window-into-image {
	width:990px;
	height:351px;
	background:url(images/windows-intro.jpg) no-repeat;
	}

#body-windows #copy, #body-doors #copy {
	width:550px;
	margin-bottom:15px;
	}
	
.section {
	width:550px;
	border-top:#999 1px solid;
	min-height:115px; 
	margin-bottom:25px;
	}
	
.section-intro {
	float:right;
	width:400px;
	}

.section img {
	float:left;
	border:1px #999 solid;
	border-bottom:2px #333 solid;
	border-right:2px #333 solid;
	margin:0 15px 0 0;
	}
	
	/* --------------------- Layout european design ---------------------*/






#Europeandesign-intro{
	margin-bottom:25px;
}

.image-section-1 {
	margin-bottom:25px;
	min-height:120px;
}



.image-section-1 img {
	float:left;
	margin:0 15px 10px 0px;
	border:1px solid #666666;
	
}

.image-section-2 {
	margin-bottom:25px;
	min-height:120px;
}

.image-section-2 img {
	float:right;
	margin:0 0 10px 15px;
	border:1px solid #666666;
}
	
.image-section-3 img {
	float:right;
	margin:0 100px 10px 0px;
	border:0px solid #666666;
}	
	
	














/* ------------- contact-us form ------ */

fieldset {
	float:left;
	clear:left;
	width:85%;
	margin:15px 0px 0px 0px;
	padding:15px 0px 25px 5px;
	border:1px solid #5b85ad;
	font-size:11px;
	}
	

	
fieldset ul {
	margin: 0 0 0 0em;
	padding: 0;
	}


	
label {
	float:left;
	width:165px;
	margin-right:12px;
	text-align:right;
	font-size:11px;
	}
	
legend {
	margin-left: 12px;
	color:#000;
	font-weight:bold;
	padding:0px;
	}	
	


select {
	 background-color: #fff;
	 color: #000;
	 border:1px solid #ccc;
	 margin:0px 0px 0px 0px;
	 font-size:10px;
	}	


	
	
.spacedLabel {
	margin-left:5px;
	float:left;
	width:50px;
	text-align:left;
	}
	
.floatLeft {
	float:left;
	}
	
	
	
	
	
	
	
	
	
	

#questionsAndInquiries textarea {
	margin-left:180px;
	width:300px;
	height:100px;
	}

fieldset.submit {
	border-style:none;
	float:none;
	width:auto;
	margin-left:0px;
	}
	
.single-field label {
	margin-left:25px;
	margin-top:20px;
	width:150px;
	font-size:11px;
	}
	
.single-field select {
	margin-top:20px;
	}

	
	
.submit input{
	color: #fff;
	font-weight:bold;
	font-size:10px;
	background: #5b85ad;
	border: 2px outset #000;
	margin:15px 0px 0px 185px;
	width:60px;
	clear:both;
	}




fieldset p {
	clear:both;
	}


fieldset .radio_button_box {
	margin-left:180px;
	margin-bottom:50px;
	}
	
.formErrors, .formSuccess {
	border:1px solid #F00;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
	width:85%;
	margin-bottom:10px;
	}
.formSuccess {
	border:1px solid #009933;
}
.fieldError {
	background-color:red;
	color:white;
}
.Reserved {
	visibility:hidden;
}

.radio_button_box #lowerQuantity {
	width:300px;
	margin:10px 0px -25px 0px;

}


/* ------------- contact-us page ------ */


#contact-us-intro {
	margin-bottom:25px;
	}
	
.designCenter, .headOffice {
	margin-bottom:25px;
	}
	
	
#phoneNumbers {
	/*width:155px;
	height:75px;
	border:1px solid #5b85ad;
	padding:15px 15px 30px 50px;*/
	font-size:13px;
	
	}


#phoneNumbers h3 {
	color:#7e3838;
	}
	
/* ------------- sitemap page ------ */

#leftColumn {
	float:left;
	width:35%;
	margin:0px 5px 0px 0px;
	}
	
#rightColumn {
	float:right;
	width:35%;
	margin-right:23%;
	margin-top:22px
	}/
	
#leftColumn h2, #rightColumn h2 {
	margin-bottom:5px;	
	}	
	
	
	
/* ------------- navigation --------------------------------------------------------------------------------------------------- */

/* --------------------- main navigation ---------------------*/

a {
	text-decoration:none;
	color:#FFF;
	}

#mainNav{
	text-align:center;
	line-height:25px;
	margin-top:15px;
	padding:0px;
	}
	
#mainNav a{
	color:#FFF;
	}
	
#mainNav a:hover{
	color:#f5aa3f;}
	
#selected a, #body-windows #nav-windows a, #body-doors #nav-doors a{
	color: #f5aa3f;
	text-decoration: none;
	}
	
	
/* ---------------------secondary navigation ---------------------*/

	
#secondNav {
	height: 30px;
	width:640px;
	background:#f5aa3f url(images/band-bkgd.gif) top repeat-x;
	border-top:3px solid #444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 350px;
	font-size:10px;
	}
	
 #secondNav li{
	float: left;
	}
	
 #secondNav a{
	float: left;
	line-height:30px;	
	padding: 0px 10px 0 10px;
	color:#fff;
	background:url(images/divider.gif) no-repeat right center;
	}
	
 #secondNav a:hover{
	color:black;
	}
#secondNav #lastItem a {
	background: none;
	width:100px;
}
	
	
.last-list-item {
	background: no-repeat right center;
	}
	
	
	
	
/* ---------------------breadcrumbs --------------------- */	
	
#breadcrumbs {
	height:20px;
	background:#5b85ad url(images/brd-bkg.gif) repeat-x top;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 360px;
	font-size: 10px;
	}
	
#breadcrumbs li{
	float: left;
	}
	
#breadcrumbs li a{
	float: left;
	line-height:20px;
	padding: 0px 5px 0px 0px;
	color:#fff;
	}
	
#breadcrumbs li a:hover{
	color:black;
	}
	
/* ---------------------learn more + sections ---------------------*/	

.more {
	text-transform:uppercase;
	background:url(images/arrow.gif) left no-repeat;
	text-indent:15px;
	font-weight:bold;
	}

.more a {
	text-decoration:none;
	color:#753838;
	font-size:10px;
	}
	
.more a:hover {
	color:#000;
	}
	
.section h2 a {
	color:#0f5876;
	text-transform:uppercase;
	}
	
.section a:hover {
	color:#000;
	text-decoration:underline;
	}
	
/* ---------------------footer navigation ---------------------*/	

#footer {
	font-size:12px;
	line-height:15px;
	padding:15px 0px 15px 0px;
	}
	
#companyInfo {
	font-size:10px;
	margin-top:10px;
	}

#footer p a {
	font-weight:bold;
	}
	
#footer p a:hover {
	font-weight:bold;
	color:black;
	}
	
#footer a {
	font-weight:bold;
	}
	
#footer a:hover {
	font-weight:bold;
	color:black;
	}	
	
	
	
/* ---------------------misc navigation ---------------------*/	

#content a {
	color:black;
	font-weight:bold;
	}

#content a:hover {
	color:black;
	text-decoration:underline;
	}






	
/* -------------typography --------------------------------------------------------------------------------------------------- */

h1 {
	color:#7e3838;
	font-size:20px;
	margin-bottom:10px;
	font-weight:normal;
	}
	
h2 {
	text-transform:uppercase;
	}
	
h3 {
	font-size:16px;
	color:#5b85ad;
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	}
	
h4 {
	margin-bottom:5px; 
	}
		
	
.section h2 {
	margin:10px 0px 5px 0px;
	}
	
p {
	margin-bottom:10px;
	}
	
	
.specification_list li {
	list-style-type:disc;
	list-style-position:inside;
	}

/* SRC - remove separator on last menu item for quote page 

TED -- newsletter id has been removed
#body-quote #newsletter a { background: none; }
*/
/* SRC - align copy with the form below it 
#body-quote #quote-copy { width:85%; }
TED -- No need for body-quote body id.. just using home same as other pages
*/
#home #quote-copy{ width:85%; }

/* SRC - override list padding for browser compatibility 
TED -- ordered lists removed from form
#body-quote ol { padding-left: 40px; }
*/

/* SRC - remove multiple margins/padding, this just confuses things 
TED- body-quote not being used, fieldset margin and padding both zero'd at top of css anyhow
#body-quote fieldset fieldset { margin-left: 0; padding-left: 0; }
*/