@charset "utf-8";
/*  CSS Document for Creative Business */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		15.12.2008

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto 0 auto;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#333; /*change font color*/
	background: #f5f5f5; /*background color*/
}

div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#0061a7; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */
a:hover{ color:#000;}

txt a{ color:#0061a7;}
txt a:hover()

h1 { border:none; margin:10px 0 0 20px; padding-left:20px;}
h2 {
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	
}/**/
h3 {
	font-size: 2.6em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	width:610px;
	margin:0 0 10px 10px;
	padding:0;
	float:left;
	color:#25448e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}/**/
h4 {font-size: 1.6em; border:none; margin:0; padding:0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;}/**/
h5 {font-size: 1.8em; line-height:1.2em; border:none; margin:0; padding:0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic; color:#0c4a8a;}/**/
h6 {font-size: 2.6em; line-height:1em; font-weight:normal; border:none; width:320px; margin:0 0 20px 0; padding:0; float:right;}/**/
p  {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em;}/**/
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 2.2em; padding:0; line-height:1.4em; color:#666666;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.heading {font-size: 1.4em; font-weight:normal; border:none; margin:0; padding:0;}
.hr{
	border-bottom:1px solid #8daaef;
	border-left:none;
	border-right:none;
	border-top:none;
	margin:10px 0 10px 0;
}
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:-50px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}
/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

.center{
	width:960px;
	height:100%;
	padding:0;
	margin:0 auto;
}

/*------------------------------CONTENT--------------------------------*/

/*HEADER*/

#header{
	width:100%;
	height:339px;
	background:transparent url(../images/bg_header.jpg) top left repeat-x;
}
#home #header{
	width:100%;
	height:486px;
	background:transparent url(../images/bg_homeheader.jpg) top left repeat-x;
}
#products #header{
	width:100%;
	height:226px;
	background:transparent url(../images/bg_productheader.jpg) top left repeat-x;
}
#search #header{
	width:100%;
	height:226px;
	background:transparent url(../images/bg_productheader.jpg) top left repeat-x;
}
#glasschart #header{
	width:100%;
	height:226px;
	background:transparent url(../images/bg_productheader.jpg) top left repeat-x;
}
#compositedoors #header{
	width:100%;
	height:226px;
	background:transparent url(../images/bg_productheader.jpg) top left repeat-x;
}
#news #header{
	width:100%;
	height:226px;
	background:transparent url(../images/bg_productheader.jpg) top left repeat-x;
}

#header_holder{
	width:960px;
	height:377px;
	background:transparent url(../images/img_header.jpg) top center no-repeat;
}
#home #header_holder{
	width:960px;
	height:377px;
	background:transparent url(../images/img_header.jpg) top center no-repeat;
}
#products #header_holder{
	width:960px;
	height:226px;
	background:transparent url(../images/img_productheader.jpg) top center no-repeat;
	
}
#search #header_holder{
	width:960px;
	height:226px;
	background:transparent url(../images/img_searchheader.jpg) top center no-repeat;
	
}
#glasschart #header_holder{
	width:960px;
	height:226px;
	background:transparent url(../images/img_productheader.jpg) top center no-repeat;
	
}
#compositedoors #header_holder{
	width:960px;
	height:226px;
	background:transparent url(../images/img_productheader.jpg) top center no-repeat;
	
}
#news #header_holder{
	width:960px;
	height:226px;
	background:transparent url(../images/img_productheader.jpg) top center no-repeat;
	
}
#header_holder img{
	float:left;
}
#showreel{
float:right; padding-right:3px; padding-top:3px;
color:#fff;
font-weight:bold;
}

/*BREADCRUMB*/
#breadcrumb{
	background:#221e1f url(../images/bg_breadcrumb.jpg) no-repeat top left;
	height:34px;
	clear:both;
	width:960px;
	float:left;
	
}
/*LOGIN*/
#login{
	float:right;
	height:34px;
	color:#FFF;
	width:520px;
}


/*NAVIGATION*/
#navbar{
	height:56px;
	background:none;
	margin-top:31px;
	text-align:center;
	width:720px;
	overflow:hidden;
	float:right;
}

#navigation {
padding:0;
margin: 0 auto;
height:56px;
text-align:justify;
overflow:hidden;
list-style: none;
 display:inline;
 text-align:center;
}

#navigation li{
margin: 0; 
 padding: 0;
 display:inline;
 overflow:hidden;
	}
#navigation a{
	margin:0;
	float:left;
	padding-top:56px;
	overflow: hidden;
	height: 56px !important; 
	height /**/:56px; /* for IE5/Win only */
	}	
#navigation a:hover{
background-position: 0px -56px;
}
#navigation a:active, #navigation a.selected {
	background-position: 0px -112px;
	}
#buthome a  {
	width: 62px;
	background:url(../images/navigaition_01.gif)  no-repeat;
	}
#butnews a  {
	width: 58px;
	background:url(../images/navigaition_02.gif)  no-repeat;
	}
#butabout a  {
	width: 77px;
	background:url(../images/navigaition_03.gif)  no-repeat;
	}
#butproducts a  {
	width: 78px;
	background:url(../images/navigaition_04.gif)  no-repeat;
	}
#butservices a  {
	width: 68px;
	background:url(../images/navigaition_05.gif)  no-repeat;
	}	
#butdesigner a  {
	width: 100px;
	background:url(../images/navigaition_062.gif)  no-repeat;
	}
#buttechnical a  {
	width: 98px;
	background:url(../images/navigaition_07.gif)  no-repeat;
	}
#butsupport a  {
	width: 71px;
	background:url(../images/navigaition_08.gif)  no-repeat;
	}	
#butcontact a  {
	width: 78px;
	background:url(../images/navigaition_09.gif)  no-repeat;
	}			

#prodnavbar{
	height:84px;
	background:none;
	margin-top:21px;
	text-align:center;
	width:940px;
	overflow:hidden;
	float:left;
	margin-left: 10px;
}

#prodNav {
padding:0;
margin: 0 auto;
height:84px;
text-align:justify;
overflow:hidden;
list-style: none;
display:inline;
text-align:center;
}

#prodNav li{
margin: 0; 
 padding: 0;
 display:inline;
 overflow:hidden;
	}
#prodNav a{
	margin:0;
	float:left;
	padding-top:84px;
	overflow: hidden;
	height: 84px !important; 
	height /**/:84px; /* for IE5/Win only */
	}	
#prodNav a:hover{
background-position: 0px -84px;
}
#prodNav a:active, #prodNav a.selected {
	background-position: 0px -168px;
	}
#butdoors a  {
	width: 317px;
	background:url(../images/prod-nav_01.jpg)  no-repeat;
	}
#butglass a  {
	width: 312px;
	background:url(../images/prod-nav_02.jpg)  no-repeat;
	}
#butcassettes a  {
	width: 311px;
	background:url(../images/prod-nav_03.jpg)  no-repeat;
	}


/* Sub nav
--------------------------------------------------------------------------- */
#sidenav_01{
	list-style:none;
	margin:0 0 18px 0;
	padding:0;
	width:250px;
	clear: both;
}
#sidenav_01 li{background:none 20px center; margin:0; padding:0;}
#sidenav_01 li a{
	background:url("../images/bg_sidenav_01.png") no-repeat left top;
	border-bottom:1px dotted #c5c3c6;
	color:#504a51;
	display:block;
	font-weight:normal;
	line-height:26px;
	padding-left:30px;
	margin-left:15px;
	font-size:1.2em;
	height:28px;
}
#sidenav_01 li a:hover{background-position:left center; color:#005b9a; text-decoration:none;}
#sidenav_01 .current a{background:transparent url("../images/bg_sidenav_01.png") no-repeat 0 -249px; border-bottom:none; border-bottom:1px solid #fff; border-top:none; color:#fff; cursor:default; font-weight:bold; line-height:27px; margin:-1px 0 0 4px; padding-left:40px; text-shadow: 0 -1px 0 #2188a0, 0 1px 0 #fff; }
#sidenav_01 .current a:hover{background-position:0 -249px; color:#fff;}
#sidenav_01 em{
	font-size:0.8em;
	font-style:normal;
}


#sidenav_02{
	list-style:none;
	margin:0 0 18px 0;
	padding:0;
	width:250px;
	clear: both;
}
#sidenav_02 li{background:none 20px center; margin:0; padding:0;}
#sidenav_02 li a{
	background:url("../images/bg_sidenav_01.png") no-repeat left top;
	border-bottom:1px dotted #c5c3c6;
	color:#504a51;
	display:block;
	font-weight:normal;
	line-height:26px;
	padding-left:30px;
	margin-left:15px;
	font-size:1.2em;
}
#sidenav_02 li a:hover{background-position:left center; color:#005b9a; text-decoration:none;}
#sidenav_02 .current a{background:transparent url("../images/bg_sidenav_01.png") no-repeat 0 -249px; border-bottom:none; border-bottom:1px solid #fff; border-top:none; color:#fff; cursor:default; font-weight:bold; line-height:27px; margin:-1px 0 0 4px; padding-left:40px; text-shadow: 0 -1px 0 #2188a0, 0 1px 0 #fff; }
#sidenav_02 .current a:hover{background-position:0 -249px; color:#fff;}
#sidenav_02 em{
	font-size:0.8em;
	font-style:normal;
}
/*PRODUCTS*/
#elegance{
	background:url(../images/products/bg-elegance.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#esteem{
	background:url(../images/products/bg-esteem.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#eclat{
	background:url(../images/products/bg-eclat.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#renown{
	background:url(../images/products/bg-renown.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#classical{
	background:url(../images/products/bg-classical.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#eminence{
	background:url(../images/products/bg-eminence.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#vogue{
	background:url(../images/products/bg-vogue.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}
#prestige{
	background:url(../images/products/bg-prestige.jpg) no-repeat;
	height:571px;
	width:617px;
	padding:0;
	margin:0 0 2px 0;
	float:left;
	overflow:hidden;
	text-align:right;
	display:inline;
}

#controls{
width:42px;
float:right;
overflow:hidden;
display:block;
margin-top:18px;

}

.colour{
	display:block;
	line-height:2em;
	background:url(../images/products/bg-doorcolours.jpg) no-repeat;
	width:621px;
	height:140px;
	clear:both;
	padding-top:40px;
	
}
.colour img{
	float:left;
	margin:0;
	padding:0;
}

/*FOOTER NAVIGATION*/

#f_nav ul {
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
	float:left;
	border-right:1px solid #35518b;
	padding-right:12px;
	
}
#f_nav ul li,
#f_nav ul li a {float: left; display: block;}
#f_nav ul li a {margin: 15px 3px 0 3px; padding: 5px;font-size: 1.2em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#f_nav ul li a:hover,
#f_nav ul li a.selected {
	background-color: #3257a6;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*Teaser with headings and icons*/
#teaser{
	width:940px;
	height:166px;
	margin:-200px 0 0 12px;
	overflow: hidden;
}
#home #teaser{
	width:940px;
	height:166px;
	margin:-200px 0 0 12px;
	overflow: hidden
}
#home #teaser img{
	float:right;
}
.teaser_box{
	width:280px;
	padding:10px;
	margin:0 5px 0 5px;
	color:#fff;
	font-size:1em;
	float:left;
	display:inline;
	overflow:hidden;
}



/*MAIN CONTENT*/

.main{ width:100%; background: transparent url(../images/bg_main.jpg) top left repeat-x; padding:0; margin:0;}
#home .main{ width:100%; background: transparent url(../images/bg_homemain.jpg) top left repeat-x; padding:0; margin:0;}
#products .main{ width:100%; background: transparent url(../images/bg_productsmain.jpg) top left repeat-x; padding:0; margin:0;}
#search .main{ width:100%; background: transparent url(../images/bg_productsmain.jpg) top left repeat-x; padding:0; margin:0;}
#glasschart .main{ width:100%; background: transparent url(../images/bg_productsmain.jpg) top left repeat-x; padding:0; margin:0;}
#compositedoors .main{ width:100%; background: transparent url(../images/bg_productsmain.jpg) top left repeat-x; padding:0; margin:0;}
.main_wrapper{ width:960px; height:100%; padding:40px 0 40px 0; margin:0;}
#home .main_wrapper{ width:960px; height:100%; padding:0px 0 40px 0; margin:0;}
.breadcrumb{
	width:300px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:0;
	float:left;
}
.login{
	width:56px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:0;
	float:right;
	background:url(../images/login-title.png) top left no-repeat;
}
#default #breadcrumb {background:url(../images/breadcrumb-home.png) top left no-repeat;}
#news #breadcrumb {background:url(../images/breadcrumb-news.png) top left no-repeat;}
#about #breadcrumb {background:url(../images/breadcrumb-about.png) top left no-repeat;}
#support #breadcrumb {background:url(../images/breadcrumb-support.png) top left no-repeat;}
#contact #breadcrumb {background:url(../images/breadcrumb-contact.png) top left no-repeat;}
#technical #breadcrumb {background:url(../images/breadcrumb-technical.png) top left no-repeat;}
#products #breadcrumb {background:url(../images/breadcrumb-products.png) top left no-repeat;}
#glasschart #breadcrumb {background:url(../images/breadcrumb-products.png) top left no-repeat;}
#services #breadcrumb {background:url(../images/breadcrumb-services.png) top left no-repeat;}
#designer #breadcrumb {background:url(../images/breadcrumb-designer.png) top left no-repeat;}
#search #breadcrumb{background:url(../images/breadcrumb-title.png) top left no-repeat;}
#video{
	width:523px;
	height:335px;
	
	float:right;
	margin-top:27px;
	display:inline;
}
.consulting{
	width:154px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:12px 0 10px 0;
	background:url(../images/consulting.png) top left no-repeat;
}
.education{
	width:180px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:12px 0 10px 0;
	background:url(../images/education.png) top left no-repeat;
}
.finance{
	width:146px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:12px 0 10px 0;
	background:url(../images/finance.png) top left no-repeat;
}

.more{ float:right; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent  url(../images/button_more.png) no-repeat; text-transform:uppercase;}

.readmore{
	float:right;
	width:82px;
	height:30px;
	display:block;
	overflow:hidden;
	padding:8px 0 0 13px;
	margin:6px 12px 0 0;
	color:#006ea1;
	font-size:0.9em;
	background:transparent url(../images/button_morebg.png) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
}

.more_left{ float:left;
	width:96px;
	height:30px;
	display:block;
	overflow:hidden;
	padding:8px 0 0 13px;
	margin:6px 0 0 0;
	color:#006ea1;
	font-size:0.9em;
	background:transparent url(../images/button_morebg.png) no-repeat;
	text-transform:uppercase;
	font-weight:bold;}
.view_left{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 18px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}

/*BOXES*/

.grey_box{
	width:558px;
	background:#dadada;
	border:1px solid #a6a6a6;
	padding:20px;
}
.grey_box2{
	width:240px;
	background:#dadada;
	border:1px solid #a6a6a6;
	padding:20px;
}
.blue_box{
	width:558px;
	background:#e3f0f9;
	border:1px solid #a6a6a6;
	padding:20px;
}
.blue_box p{
	padding:8px 0;
}
.docbox{
	width:580px;
	float:left;
	border-bottom:1px solid #CCC;
	padding:15px 0;
	clear:both;
}
.docbox img{
	float:left;
}
.docbox .title {
	font-size: 1.4em;
	line-height:1.2em;
	border:none;
	margin:0;
	padding:0;
	font-weight:normal;
	font-weight:bold;
}/**/
.docbox.right{ border-left:1px solid #CCC; }
.docbox .readmore{margin-right:20px;}
.welcome{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/welcome.png) top left no-repeat;
	
}
.compositedoors{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/thedist-collection.png) top left no-repeat;
	
}
.ourservice{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/services-title.png) top left no-repeat;
	
}
.container{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/container-title.png) top left no-repeat;
	
}
.privacy{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/privacy-title.png) top left no-repeat;
	
}
.warehouse{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/warehouse-title.png) top left no-repeat;
	
}
.prepped{
	width:550px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/preppedblanks-title.png) top left no-repeat;
	
}
.preppedglazed{
	width:550px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/preppedglazed-title.png) top left no-repeat;
	
}
.doorsets{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/doorsets-title.png) top left no-repeat;
	
}
.technicalserv{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/technical-title.png) top left no-repeat;
	
}
.marketing{
	width:520px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/service-titles/marketing-title.png) top left no-repeat;
	
}
.ourservice{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 10px;
	background:url(../images/services-title.png) top left no-repeat;
	
}
.products{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/productshome_title.png) top left no-repeat;
	margin-left: 10px;	
}
.miniblindtitle{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/miniblind-title.png) top left no-repeat;
	margin-left: 10px;	
}
.glassrange{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/glasschart-title.png)top left no-repeat;
	margin-left: 10px;	
}
.radiuslocks{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/radiuslocks-title.png)top left no-repeat;
	margin-left: 10px;	
}
.cassettes{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/glazing-titlebig.png) top left no-repeat;
}
.glasstitle{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/glass_title.png) top left no-repeat;
	margin-left: 10px;	
}
.technical{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/technical_page_title.png) top left no-repeat;
	margin-left: 10px;
}
.about{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	background:url(../images/about_page_title.png) top left no-repeat;
	margin-left: 10px;
}
.classic{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	background:url(../images/classicserviceTitle.png) top left no-repeat;
	margin-left: 10px;
}
.staff{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	background:url(../images/staff_title.png) top left no-repeat;
	margin-left: 10px;
}
.contact{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/contact_page_title.png) top left no-repeat;
	margin-left: 10px;
}
.news{
	width:450px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:left;
	margin:0 0 2px 0;
	background:url(../images/news_page_title.png) top left no-repeat;
	margin-left: 10px;
}
.firstimpressions{
	width:390px;
	display:block;
	text-indent:-9999px;
	line-height:9.8em;
	float:left;
	background:url(../images/first-last.gif) top left no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}
.news_events{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:right;
	margin:10px 40px 0 0;
	background:url(../images/latest_news.png) top left no-repeat;
}
.theteam{
	width:320px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:right;
	margin:10px 0 0 0;
	background:url(../images/the_team.png) top left no-repeat;
}
.address{
	width:320px;
	display:block;
	text-indent:-9999px;
	line-height:2em;
	float:right;
	margin:10px 0 0 0;
	background:url(../images/address.png) top left no-repeat;
}
.categories{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2.6em;
	float:right;
	margin:0 65px 0 0;
	background:url(../images/categories.png) top left no-repeat;
	height: 35px;
}
.related{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2.6em;
	float:right;
	margin:0 80px 0 0;
	background:url(../images/related-title.png) top left no-repeat;
	height: 35px;
	
}
#news .categories{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2.6em;
	float:right;
	margin:0 30px 0 0;
	background:url(../images/categories.png) top left no-repeat;
	height: 35px;
}
.therange{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2.6em;
	float:right;
	margin:0 65px 0 0;
	background:url(../images/therange.png) top left no-repeat;
	height: 35px;
}
.related{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:2.6em;
	float:right;
	margin:0 65px 0 0;
	background:url(../images/related_documents.png) top left no-repeat;
	height: 35px;
}
.filetypes{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:1em;
	float:right;
	margin:10px 65px 0 0;
	background:url(../images/filetypes.png) top left no-repeat;
	height: 35px;
}
.plugins{
	width:220px;
	display:block;
	text-indent:-9999px;
	line-height:1em;
	float:right;
	margin:10px 65px 0 0;
	background:url(../images/plugins.png) top left no-repeat;
	height: 35px;
}
.print a{
	overflow:hidden;
	height:32px;
	background:url(../images/printer.png) no-repeat top center;
	padding-top:32px;
	width:32px;
	 height: 0px !important;
    height /**/:32px;
	float:right;
	margin-right:20px;
	margin-top:-30px;
}
.separator_top{ width:960px; height:21px; background:transparent url(../images/sep_top.png) top center no-repeat;}
.separator_mid{ width:960px; height:21px; background:transparent url(../images/sep_mid.png) top center no-repeat; margin:20px 0 0 0;}
.separator_bot{ width:960px; height:21px; background:transparent url(../images/sep_bot.png) top center no-repeat;}

.intro{ width:100%; margin:0 0 40px 0;}
.tagline{ margin:0 0 20px 30px;}

#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}
#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	

/*individual content holder*/
#news .box{
	border-right:none;
}
#technical .box{
	padding:0 0 10px 10px;
}
#compositedoors .box{
	padding:0 0 10px 0;
}
#technical .box_2{
	padding-top:0px;
}
#products .box_2{
	padding-top:0;
	margin-top: -40px;
}
#products .box{
	border-right:1px solid #b6b6b6;
}

#products .box_2{
	border-left:none;
}
.box{
	width:625px;
	height:inherit;
	float:left;
	border-right:1px solid #b6b6b6;
	border-left:none;
	border-bottom:none;
	border-top:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	
}
.boxGreen{
	background:#e6f1d5;
	width:625px;
	height:inherit;
	float:left;
	border-right:1px solid #b6b6b6;
	border-left:none;
	border-bottom:none;
	border-top:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.boxGreen .title{
	font-weight:bold;
	color:#000;
	font-size:190%;
	margin-top:10px;
}
#glasschart .box{
	width:940px;
	height:inherit;
	float:left;
	border-right:none;
	border-left:none;
	border-bottom:none;
	border-top:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box img{ float:left; margin:0 15px 15px 0;}
.box a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:20px 20px 20px 0;}
#products .redtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	color:#900;
	font-style:normal;
	font-weight:normal;
	margin-top:20px;
	
}
#about .redtitle{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
	font-size:180%;
	border-bottom: 1px solid #CCC;
	padding-bottom:6px;
	margin-right:30px;
	clear:both;
	color:#900;
}
.cassettetitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	font-style:normal;
	font-weight:normal;
	color:#1a3557;
	font-weight:bold;
	line-height:1em;
	margin-bottom:12px;
	
}
.cassettetitle strong{
	font-weight:bold;
	color:#851919;
}
.cassetteprotitle img{
	float:left;
	
}
.cassettetitle em{
	font-style:normal;
	font-size:80%;
	color:#000;
	font-weight:normal;
	
}
.glassprotitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	font-style:normal;
	font-weight:normal;
	color:#1a3557;
	font-weight:bold;
	line-height:1em;
	margin-bottom:12px;
	clear:both;
}
.glassprotitle img{
	float:left;
	
}
.glassprotitle em{
	font-style:normal;
	font-size:80%;
	color:#000;
	font-weight:normal;
	clear:both;
}
.glassProd{
	width:100px;
	height:268px;
	padding:28px;
	float:left;
	padding-bottom:10px;
}
.glassProd img{
	margin:0;
	margin-bottom:5px;
}
.glassProdDesc{
	color:#fff;
	font:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	clear:both;
	height:22px;
	background:#333;
	padding-top:3px;
	
}
.glasslayout{
	background:url(../images/bg-glass-layout.jpg);
	height:auto;
	clear:both;
	float:left;
	padding-top:36px;
}
#compositedoors .glasslayout{
	padding-top:6px;
}
.box_2{
	width:299px;
	height:100%;
	float:right;
	padding:10px;
	display:inline;
	overflow:hidden;
	
}
.box_2 a{ color:#333;}
.box_2 a:hover{
	color:#0062a9;
}
.box_2 a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}
.box_3{ width:300px; height:100%; float:left; padding:10px; display:inline; overflow:hidden;}

.services{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/services.png) top left no-repeat;}
.featured{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/featured.png) top left no-repeat;}
.glazing{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/glazing-title.png) top left no-repeat;}
.proposal{
	width:171px;
	display:block;
	text-indent:-9999px;
	line-height:3em;
	margin:20px 0 10px 0;
	background:url(../images/proposal.png) top left no-repeat;
}

ul.listing{ padding:20px; margin:0;}
ul.listing li{
	list-style-image: none;
	background-image:url(../images/ico_li.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:1.2em;
	padding-top: -15px;
	padding-right: 0;
	padding-bottom: 5px;
	line-height:1.8em;
	padding-left: 25px;
}

.img_border{ width:294px; height:80px; background-color:#b6b6b6; padding:2px; margin:20px 0 0 0;}
.row{
	float:left;
	clear:both;
}
#footer .row{
	width:300px;
	margin-bottom:5px;
		
}
#news .main .row{
	clear:both;
	width:626px;
	margin-bottom:0px;
	padding-bottom:50px;

	background:url(../images/bg_news-row.jpg) bottom center no-repeat;
}
#footer .row p{
	font-size:1.1em;
}
#footer .row a{
	
	text-decoration:none;
	border-bottom:1px solid #8daaef;
	color:#cbd8f3;

}
#footer .row a:hover{
	text-decoration:none;
	border-bottom:none;
	color:#fff;
}
#footer .title{
	font-size:1.4em;
	line-height:1.6em;
	font-weight:bold;
	color:#FFF;
	margin-bottom:7px;
}
.img_border2{
	width:133px;
	height:83px;
	background-color:#fff;
	padding:2px;
	margin:0 10px 10px 0;
	float:left;
	
}
.img_border3{
	width:100px;
	height:100px;
	background-color:#b6b6b6;
	padding:1px;
	margin:5px 10px 0 0;
	float:left;
}
.img_border4{
	width:598px;
	height:339px;
	background-color:#b6b6b6;
	padding:1px;
	margin:0;
}
.img_border5{
	width:598px;
	height:269px;
	background-color:#b6b6b6;
	padding:1px;
	margin:0;
}

.stroke_main{display:block; border:2px solid #b6b6b6; margin:20px 0 0 0; padding:0; }
.stroke_footer{display:block; border:2px solid #fff; margin:0 10px 10px 0; padding:0; float:left; }

/*NEWS*/

.news{}
.ico_date{ display:block; width:46px; height:51px; background:url(../images/ico_date.png) no-repeat; float:left; margin:0 10px 20px 0;}
.month{ font-size:0.9em; text-transform:uppercase; padding:3px 12px 3px 12px; color:#fff;}
.day{font-size:2em; text-transform:uppercase; padding:1px 12px 10px 11px; color:#666;}
.status{font-size:1em; float:left; width:560px;}

/*FOOTER*/

#footer{
	overflow: hidden;
	width:100%;
	background:transparent url(../images/bg_footer.jpg) top left repeat-x;
	background-color: #192e5b;
	color:#fff;
	padding:0;
	margin:0;
	display:block;
	height:535px;
}
#footer #footer_holder{
	width:960px;
	height:456px;
	background:transparent url(../images/img_footer.jpg) top center no-repeat;
	} 
#footer .center{
	height:410px;
	background:transparent url(../images/img_footer.jpg) top center no-repeat;
	margin-bottom:0;
	padding-bottom:0;
}
.footer_cont{ padding:20px 0 0 0;}
.archive a{color:#fff; font-weight:bold;}
.archive a:hover{color:#0061a7; font-weight:bold;}
.date{ margin:0 10px 0 0;}
.cc{
	margin: 25px 0 0 0;
	font-size:1.1em;
	float:right;
}
	.cc a{
		color:#b4ccfe;
	}
		.cc a:hover{
		color:#e9eef8;
		text-decoration:underline;
	}

/*------------------------------MAIL FORM--------------------------------*/

form#one {
	width:100%;
	padding:0;
	margin:0;
	float: left;
	clear: both;
}
form#one fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#one input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#one label{font-family:Arial, sans-serif; color:#333; padding:0;}
form#one textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#one #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family: Arial, sans-serif;font-size: 11px;}
form#one #button1:hover{margin:10px 0 0 0;color:#034057;font-family: Arial, sans-serif;font-size: 11px;border:1px solid #b6b6b6; background:#fff; width:50px;}

form#three {width:100%;padding:0;margin:0;}
form#three fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#three input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:150px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background: #fff top left repeat-x;}
form#three label{font-family:Arial, sans-serif; color:#333; padding:0; font-weight:bold;}
form#three textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#three #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family: Arial, sans-serif;font-size: 11px;}
form#three #button1:hover{margin:10px 0 0 0;color:#034057;font-family: Arial, sans-serif;font-size: 11px;border:1px solid #b6b6b6; background:#fff; width:50px;}

form#bread {padding:0;margin:0; clear:none; float:right;}
form#bread fieldset {padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#bread input {
	border:1px solid #454545;
	padding:0.3em 0 0 0.3em;
	margin:5px 0 5px 0;
	width:150px;
	height:16px;
	font-family:Arial,  sans-serif;
	font-size:1em;
	color:#b6b6b6;
	background: #1f1b1c top left repeat-x;
}
form#bread label{font-family:Arial, sans-serif; color:#333; padding:0; font-weight:bold;}

form#bread #button1 {  color:#b6b6b6;padding:0;cursor:pointer;width:50px; background:#1f1b1c;border:1px solid #454545;font-family: Arial, sans-serif;font-size: 11px;height:21px;
padding:0;}
form#bread #button1:hover{
color:#fff;padding:0;cursor:pointer;width:50px; background:#1f1b1c;border:1px solid #454545;font-family: Arial, sans-serif;font-size: 11px;height:21px;

	
}

form#four {
	width:320px;

	padding:0;
	margin:0;
}
form#four fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#four input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:150px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background: #fff top left repeat-x;}
form#four label{font-family:Arial, sans-serif; color:#333; padding:0; font-weight:bold;}
form#four textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#four #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family: Arial, sans-serif;font-size: 11px;}
form#four #button1:hover{margin:10px 0 0 0;color:#034057;font-family: Arial, sans-serif;font-size: 11px;border:1px solid #b6b6b6; background:#fff; width:50px;}

/*footer form*/

form#two {width:100%;padding:0;margin:0;}
form#two fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#two input {
	border:none;
	padding:0.5em 0 0 0.5em;
	margin:5px 0 5px 0;
	width:220px;
	height:20px;
	font-family:Arial,  sans-serif;
	font-size:1em;
	color:#132040;
	background-color:#cfdaf2;
}
form#two label{font-family:Arial, sans-serif; color:#fff; padding:0;}
form#two textarea {
	width:300px;
	height:15em;
	border:none;
	padding:0.2em;
	margin:10px 0 0 0;
	overflow:auto;
	font-family:Arial, sans-serif;
	font-size:1em;
	color:#132040;
	background-color:#cfdaf2;
}
form#two #button1 { float:left; color:#132040;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0;border:none;font-family: Arial, sans-serif;font-size: 11px;}
form#two #button1:hover{
	margin:10px 0 0 0;
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 11px;
	border:none;
	background-color:#284A92;
	color:#d7e3ff;
	width:50px;
}
#cse-search-box{
	padding-top:4px;
}
.newsLink{
	background:url(../images/newsDocicon.png) no-repeat top left;
	min-height:30px;
	clear:both;
	padding-left:28px;

}
.newsLink span{
		
	 color:#999;
	 margin-top:5px;
 }
 .newsLink a{
	font-size:140%;
	color:#333;
	font-weight:bold;
	line-height:1.4em;
		margin-bottom:4px;
}
.newsLink a:hover{

	text-decoration:underline;
}
#newsHome{
	width:960px;
	clear:both;
	padding:15px;
}
#newsHome p{
	clear:none;
	float:left;
}
#homebox{
	width:930px;
	margin-bottom:20px;
	padding:15px;
	background:#eaeaea;
}
/*2010 NAV*/
ul#topnav {
	margin: 0;
	padding: 0;
	float:right;
	width: 540px;
	list-style: none;
	font-size: 1.1em;
	background:url(../images/2010rownav_02.jpg) repeat-x;
	height:42px;
	margin-right:3px;
	z-index:100;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 42px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background:url(../images/2010rownav_01.jpg) no-repeat;
	width: 67px;
	margin-right:15px;
}
ul#topnav a.navproducts {
	background: url(../images/2010rownav_03.jpg) no-repeat;
	width: 92px; 
	margin-right:15px;
}
ul#topnav a.navservices {
	background: url(../images/2010rownav_05.jpg) no-repeat;
	width: 81px; 
	margin-right:15px;
}
ul#topnav a.navdesigner {
	background: url(../images/2010rownav_07.jpg) no-repeat;
	width: 124px; 
	margin-right:15px;
}
ul#topnav a.navdownloads {
	background: url(../images/2010rownav_11.jpg) no-repeat;
width: 109px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 42px; left: 0;
	background: #0f283e  url(../images/sub_bg.jpg) bottom repeat-x;
	padding: 20px 20px 10px;
	float: left;
	
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	border-top:5px solid #0f283e;
	
	z-index:999;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #0d3e5b;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; 
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 5px 12px;
	padding: 3px 5px 3px 15px;
	display: block;
	text-decoration: none;
	color: #e5f6ff;
}
ul#topnav .sub ul li a:hover {color: #afdaf0; background-position: 5px 12px ; text-decoration:underline;}

#rightlinks{
	float:right;
	width:200px;
	text-align:center;
	color:#313131;
	height: 35px;
	padding-top: 10px;
}
#rightlinks a{
	color:#313131;
	font-size:120%;
	margin-left:5px;
}
#rightlinks a:hover{
	text-decoration:underline;
}

#top-search {
	height:60px;
	width:325px;
	float:right;
}
#top-search form {
	background:url(../images/search_top.png) no-repeat;
	width:262px;
	height:30px;
	padding:5px 0 0 40px;
	
}
#top-search .box {
	width:195px;
	background:transparent;
	border:0;
	margin-left:5px;
}
#top-search .btn {
	margin-left:10px;
	width:35px;
	background:transparent;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}


/*====================*/
/*=== Input Styles ===*/
/*====================*/
#top-search input,
textarea,
select {
  padding: 2px;
  font: 400 1em Verdana, Sans-serif;
  color: #666;
  background:#ffffff;
  border: 1px solid #999;
  margin:2px;
}

#top-search input:focus,
textarea:focus,
select:focus {
  color: #000;


}

#top-search input.button {
  color: #000;
  background: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}
/* Get rid of Safari and Chrome focus outlines */
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}