/* ----------- */
/* CSS IMPORTS */
/* ----------- */


/* Stylesheet JCAROUSEL */
@import url(jcarousel/jquery.jcarousel.css);
@import url(jcarousel/skins/atlantica/skin.css);

/* Stylesheet for GALLERY - PRETTYPHOTO */
@import url(prettyPhoto.css);



/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	line-height:140%;
	background-image: url(../images/glass_bg.jpg);
}

ul { list-style: none;
	margin-bottom:5px;
 }

ul li {
	padding:5px 0;
	padding-left:15px;
	position:relative;
}


a {
	color:#CFB967;
}

a:hover {
	text-decoration:none;
	color: #FFFFFF;
}

p {
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 140%;
	font-size: 13px;
}

h1, h2, h3 {
	font-size:24px;
	letter-spacing:-1px;
	color:#CFB967;
	font-weight:bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	line-height: 140%;
}

h2 {
	font-size:18px;
	padding:5px 0 0;
}

h3 {
	font-size:16px;
	color:#FFFFFF;
	padding:5px 0 0;
}

h4 {
	font-size:13px;
	color:#000000;
	padding:0px;
}



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
	background-image: url(../images/bk_mainwrapper_green.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#wrapper {
	width:1000px;
	background-color: #025835;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	height:175px;
	position:relative;
	margin:0 auto;
	padding:0;
	background-color: #025835;
}

#navigation {
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	width: 1000px;
	background-color: #009933;
	height: 38px;
	z-index: 999;
}

#content {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

/* FOOTER   */
#footer{
	width: 100%;
	height: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	background-color: #029835;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#footer h2{
	padding: 0;
	margin: 0;
	color: #FFF;
	height:20px;
	font-size: 14px;
}

#footer .footerList{
	margin-top: 30px;
	margin-left: 10px;
	padding-right: 3px;
	padding-top: 0px;
	float: left;
	width: 130px;
}

#footer .footerWrap{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
}

#footer .footerList li{
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#footer .copyright{
	clear: both;
	color: #FFFFFF;
	padding-top: 25px;
	font-size: 11px;
	text-align: center;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:absolute;
	top:15px;
	left:50px;
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	width:150px;
	height:150px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
	background-image: url(../images/greenwood_glass_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#topheadline {
	position:absolute;
	top:57px;
	left:337px;
	width:600px;
	height:73px;
	background-position: 0 0;
	background-image: url(../images/top_headline5.gif);
}



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

#content p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

#colLeft {
	float:left;
	width:650px;
	padding-right:20px;
	margin-top:15px;
	padding-left:20px;
	padding-bottom: 80px;
	background-color: #025835;
	background-image: url(../images/bk_vertline.jpg);
	background-repeat: repeat-y;
	background-position: 100% 0;
	padding-top: 20px;
}

#colLeft2 {
	float:left;
	width:900px;
	padding-right:80px;
	margin-top:15px;
	padding-left:20px;
	padding-bottom: 80px;
	background-color: #025835;
	background-repeat: repeat-y;
	background-position: 100% 0;
	padding-top: 20px;
}

#colRight {
	float:left;
	width:270px;
	margin-left:20px;
	margin-top:15px;
	padding-bottom: 20px;
	background-color: #025835;
	padding-top: 20px;
}

#colRight p.line {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	display:block;
	margin:0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#colRight p img {
	vertical-align:middle;
	padding-right:5px;
}

#colRight .featured {
	margin:10px 0;
}

#colRight .featured img{
	background:#fff;
	padding:6px;
	border:none;
}

.portfolioItem {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	padding:15px 0;
	position:relative;
	
}

.portfolioItem img {
	background:#fff;
	padding:6px;
	border:none;
	float: left;
}

.portfolioItem .itemDetails {
	float:left;
	width:370px;
	padding-left:10px;
}

.portfolioItem .title {
	font-size:16px;
	font-weight:bold;
	color:#009933;
}

.portfolioItem .ribbonType {
	position:absolute;
	top:14px;
	left:223px;
	width:45px;
	height:43px;
}

.thumbnail {
	float:right;
	margin-top: 15px;
	margin-left: 15px;
	border: thin solid #CFB967;
	padding: 0px;
}

#map_canvas{
	width: 500px;
	height: 400px;
	margin-left: 5px;
	margin-top: 20px;
}


.clear{
	clear: both;
}

.shopfronts {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}
.mirrors {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}
.glazing {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}




/* FORMS
-------------------------------------------------*/
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}




/* Menu
----------------------------------------------- */

ul.menu {
	list-style:none;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1em;
	position:absolute;
	z-index: 500;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
		}

ul.menu * {	
		margin:0;
		padding:0;
		}

ul.menu a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	letter-spacing:0.1em;
	padding:0;
		}

ul.menu li {
	position:relative;
	float:left;
	background-color: #009933;
		}

ul.menu ul {	
		position:absolute;
		left:0;
		display:none;
		opacity:0;
		list-style:none;
		}

ul.menu ul li {
	position:relative;
	width:120px;
	margin:0;
	padding:0;
		}

ul.menu ul li a {
	display:block;
	display:block;
	padding:0;
	color:#FFF;
	text-transform:none;
	letter-spacing:0em;
	font-size:11px;
	padding:9px 0 11px 0 !important;
	background-color: #009933;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
		}

ul.menu ul li a:hover {
	background-color: #005834;
		}

ul.menu ul ul {
	left:120px;
	top:-1px;
		}

ul.menu .menulink {
	width:120px;
	padding:13px 0 0 0;
	height:25px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/header.gif);
		}

ul.menu .active {
	color:#005834;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/header_active.gif);
		}

ul.menu .menulink:hover, 
ul.menu .menuhover {
	color:#FFF;
	background-image: url(../images/header.gif);
	background-repeat: repeat-x;
	background-position: left -43px;
		}

ul.menu .sub {
	background-color: #009933;
	background-repeat: no-repeat;
	background-position: 120px 50%;
	background-image: url(../images/arrow.gif);
		}

ul.menu a.sub:hover {
	background-color: #005834;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 120px 50%;
		}

ul.menu .topline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
		}


/* Second Menu
----------------------------------------------- */
ul.second-menu {
	font-size:11px;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	}

ul.second-menu * {	
	margin:0;
	padding:0;
		}

ul.second-menu li a {
	display:block;
	width:148px;
	padding:6px 0 7px 12px;
	text-decoration:none;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left 50%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009933;
	}

ul.second-menu li a:hover,
ul.second-menu li a.active {
	color:#FFFFFF;
	background-color: #005834;
	background-image: url(../images/bull.gif);
	background-repeat: no-repeat;
	background-position: -242px 50%;
	}

ul.second-menu li ul {
	font-size:11px;
	list-style:none;
	margin:0;
	padding:0 0 15px 0;
	display:block;
	width:160px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}

ul.second-menu li ul a {
	display:block;
	width:148px;
	padding:1px 0 2px 12px;
	background:none;
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	}

ul.second-menu li ul a:hover {
	color:#FFF;
	background-color: #005834;
	}



/* Third Menu
----------------------------------------------- */
ul.third-menu {
	font-size:11px;
	list-style:none;
	margin:-5px 0 0 0;
	padding:0;
	display:block;
	}

ul.third-menu * {	
	margin:0;
	padding:0;
		}

ul.third-menu li a {
	line-height:1.2em;
	display:block;
	width:160px;
	padding:6px 0 7px 0;
	text-decoration:none;
	color:#FFFFFF;
	}

ul.third-menu li a:hover,
ul.third-menu li a.active {
	color:#005834;
	}

/* --------------------------- */
/*     1024 Browser Sizing     */
/* --------------------------- */

#wrap{width: 998px !important;}
#page .header{width: 940px !important;}
.navigation{width: 940px !important;}
#page .navigation ul {width:660px !important;}

#content{
	width: 1000px !important;
}
#content .info_bar .twitter {width:560px !important;}
#content .info_bar .twitter p {margin-left:145px;width:400px !important;}

.jcarousel-skin-atlantica .jcarousel-container-horizontal {width:860px !important;}
.jcarousel-skin-atlantica .jcarousel-clip-horizontal {width:878px !important;}
.jcarousel-skin-atlantica .jcarousel-item {width:289px !important; overflow: hidden;}

.jcarousel-skin-atlantica-small .jcarousel-container-horizontal {width:860px !important;}
.jcarousel-skin-atlantica-small .jcarousel-clip-horizontal {width:878px !important;}
.jcarousel-skin-atlantica-small .jcarousel-item {width:142px !important; overflow: hidden;}

.jcarousel-skin-atlantica-gallery .jcarousel-container-horizontal {width:860px !important;}
.jcarousel-skin-atlantica-gallery .jcarousel-clip-horizontal {width:878px !important;}
.jcarousel-skin-atlantica-gallery .jcarousel-item {width:140px !important; overflow: hidden;}
.jcarousel-skin-atlantica-gallery .jcarousel-item-horizontal img {margin-bottom:4px !important;}

#content .content_wrap .entries, #content .content_wrap .full-entry {width:570px !important;}
#sidebar .sidebar_wrap {margin-left:22px !important; width:260px !important;}

.footer_nav{width: 940px !important;} 
.footerWrap{width: 940px !important;}
#footer .footerList {width:120px !important;}


/* FORM AND MAPS */


#GMap{
	width: 635px;
	height: 350px;
	margin-left: 5px;
	margin-top: 10px;
	border:1px solid #999;
	padding-bottom: 40px;
	margin-bottom: 10px;
}

.single {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 430px;
	height: 35px;
	background-image: url(../images/input_single.jpg);
	color: #000000;
	display: block;
	background-repeat: no-repeat;
}


.formsingle {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 200px;
	height: 25px;
	color: #333333;
	border: 0px none; 
	background-color: transparent;
}


.green {
		color: #439561;
		}
		
.map {
	color: #000000;
	font-weight: bold;
}