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


@import url("#.css");

/* ---------------------------------------------------------------------------

	Body 

--------------------------------------------------------------------------- */

body {
	margin:0;
	background-color:#333;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#333;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 912px;
}

/* ---------------------------------------------------------------------------

	Header Section

--------------------------------------------------------------------------- */

#header {
	margin: 0px 0px 0px 0px;
	width:900px;
	height:200px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
}

#logo {
	float: left;
	width: 178px;
}

/* Logo Replace */

#logo a {
	display:block;
	text-decoration:none;
	width:178px;
	height:200px;
	margin:0px 0px 0px 0px;
}

#menu_container { 
	margin: 170px 0px 0px 0px;
	float: left;
	width: 722px;
	background-image:url(../images/main_nav_bg.jpg);
	background-repeat:no-repeat;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/* ---------------------------------------------------------------------------

	Banner Section

--------------------------------------------------------------------------- */

#banner {
	margin: 0px 0px 0px 0px;
	width:900px;
	height:229px;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:repeat-x;
}

#side_nav {
	float: left;
	width: 290px;
}

#rotating_banners { 
	margin: 14px 0px 0px 0px;
	float: left;
	width: 610px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


/* ---------------------------------------------------------------------------

	Main Content Divs

--------------------------------------------------------------------------- */

#main_content_container {
	margin: 0px 0px 0px 0px;
	width:900px;
	background-color:#D8E5CB;
	float:left;
}


#side_a {
	float: left;
	width: 590px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 10px 0px;
	background-color:#D8E5CB;
}

#side_b { 
	margin: 0;
	float: left;
	width: 290px;
	background-color:#D8E5CB;
	/* height: 1% Holly hack for Peekaboo Bug */
}


/* ---------------------------------------------------------------------------

	For 3 column design: Leave off if unneccessary

--------------------------------------------------------------------------- */

#side_c {
	margin: 0px 0px 0px 0px;
	width: 900px;
}


#logos {
	margin:0px;
	width:900px;
	height:65px;
	clear: both;
	background-image:url(../images/logo_bg.jpg);
}


#footer {
	margin:0px;
	width:900px;
	height:40px;
	clear: both;
	background: #333;
	color:#FFFFFF;
	text-align:center;
}



/* ---------------------------------------------------------------------------

	Titles

--------------------------------------------------------------------------- */

h1,h2,h3,h4 {
	margin:0px 0px 0px 0px;
}

#side_a h1 {
	margin:5px 0px 5px 0px;
	font-size:24px;
	color:#333333;
	font-weight:bold;
}

/* ---------------------------------------------------------------------------

	Text Declarations

--------------------------------------------------------------------------- */

#side_a .welcome_text {
	font-size:14px;
	width:525px;
}

/* ---------------------------------------------------------------------------

	General Declarations

--------------------------------------------------------------------------- */


.hide {
	visibility:hidden;
	display:none;
	text-indent:-8520px;
}

.pictureframe {
	border:#000 1px solid;
	padding:4px;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clear {
	clear: both;
	background-color:transparent;
	height:1px;
}

/* ---------------------------------------------------------------------------

	Horizontal Navigation

--------------------------------------------------------------------------- */

#menu {
	width:722px;
}

#menu li {
	float:left;
	list-style:none;
}

#menu a {
	text-decoration:none;
	display:block;
	text-indent:-8520px;
	float:left;
}

#menu #home {
	background-image:url(../images/css_nav.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:169px;
	height:30px;
}

#menu #about {
	background-image:url(../images/css_nav.jpg);
	background-repeat:no-repeat;
	background-position:-169px 0px;
	width:82px;
	height:30px;
}

#menu #contact {
	background-image:url(../images/css_nav.jpg);
	background-repeat:no-repeat;
	background-position:-251px 0px;
	width:103px;
	height:30px;
}

#menu #careers {
	background-image:url(../images/css_nav.jpg);
	background-repeat:no-repeat;
	background-position:-354px 0px;
	width:368px;
	height:30px;
}


#menu #home:hover {
	background-position:0px -30px;
}

#menu #about:hover {
	background-position:-169px -30px;
}

#menu #contact:hover {
	background-position:-251px -30px;
}

#menu #careers:hover {
	background-position:-354px -30px;
}


#logos_container {
	height:46px;
	width:890px;
	margin:5px 0px 0px 10px;
	float:left;
}

#logos img {
	margin:0px;
	padding:0px;
}


#logos ul{
   padding : 0;
   margin : 4px 0px 0px 0px;
}

#logos ul li{
   display : inline;
   margin : 0px 0px 0px 0px;
}

/* First logo */

#logos ul li .first a:link {
	padding : 4px 50px 0px 0px;
	text-decoration:none;
}


/* All other logos */


#logos ul li a:link {
	padding-left : 50px;
	text-decoration:none;
}





/* ---------------------------------------------------------------------------

	Unordered List Stylings

--------------------------------------------------------------------------- */

#side_nav_container {
	margin:15px 0px 0px 0px;
	padding:0px;
}

#side_nav_container ul {
	 padding-left:0px;
	 margin-left:0px;
	 margin-top:0px;
	 text-indent:-8521px;
	 list-style:none;
}

#side_nav_container li {
	border-bottom:#CCCCCC 0px dotted;
	width:95%;
	margin:12px 0px;
	padding:4px 0px;
}

#side_nav_container #expertise:link,#expertise:visited {
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	width:290;
	height:21px;
	background-image:url(../images/side_nav_expertise.jpg);
}

#side_nav_container #commercial_projects:link,#commercial_projects:visited {
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	width:290;
	height:21px;
	background-image:url(../images/side_nav_commercial_projects.jpg);
}

#side_nav_container #commercial_maintenance:link,#commercial_maintenance:visited {
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	width:290;
	height:21px;
	background-image:url(../images/side_nav_commercial_maintenance.jpg);
}

#side_nav_container #architectual_glass_design:link,#architectual_glass_design:visited {
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	width:290;
	height:21px;
	background-image:url(../images/side_nav_architectual_glass_design.jpg);
}

#side_nav_container #portfolio:link,#portfolio:visited {
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	width:290;
	height:21px;
	background-image:url(../images/side_nav_portfolio.jpg);
}

#side_nav_container #expertise:hover,#expertise:visited:hover {
	background-image:url(../images/side_nav_expertise_hover.jpg);
}

#side_nav_container #commercial_projects:hover,#commercial_projects:visited:hover {
	background-image:url(../images/side_nav_commercial_projects_hover.jpg);
}

#side_nav_container #commercial_maintenance:hover,#commercial_maintenance:visited:hover {
	background-image:url(../images/side_nav_commercial_maintenance_hover.jpg);
}

#side_nav_container #architectual_glass_design:hover,#architectual_glass_design:visited:hover {
	background-image:url(../images/side_nav_architectual_glass_design_hover.jpg);
}

#side_nav_container #portfolio:hover,#portfolio:visited:hover {
	background-image:url(../images/side_nav_portfolio_hover.jpg);
}



#license_number ul {
	 padding:0px 0px 0px 5px;
	 margin:3px 0px 0px 5px;
	 text-indent:1px;
	 list-style:none;
	 font-size:13px;
	 color:#333333;
}

#license_number li {
	border-bottom:#CCCCCC 1px dotted;
	width:95%;
	margin:0px 0px;
	padding:1px 0px;
}

#license_number a:link{
	font-size:13px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

#license_number a:hover{
	font-size:13px;
	color:#999;
	text-decoration:none;
	font-weight:bold;
}

#license_number a:visited{
	font-size:13px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

#license_number a:visited:hover{
	font-size:13px;
	color:#999;
	text-decoration:none;
	font-weight:bold;
}


/*
#side_b ul {
	 padding-left:5px;
	 margin-left:5px;
	 margin-top:0px;
	 text-indent:1px;
	 list-style:none;
}

#side_b li {
	border-bottom:#CCCCCC 1px dotted;
	width:95%;
	margin:0px 0px;
	padding:4px 0px;
}

#side_b a:link {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

#side_b a:hover {
	font-size:12px;
	color:#990000;
	text-decoration:none;
}

#side_b a:visited {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

#side_b a:visited:hover {
	font-size:12px;
	color:#990000;
	text-decoration:none;
}
*/


/* ---------------------------------------------------------------------------

	Forms

--------------------------------------------------------------------------- */
form {
width:500px;
margin:0px;
padding:0px;
}


.cssform  {
	width:500px;
	overflow:hidden;
}

.cssform p {
	width: 460px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 0px dotted #333333;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ 
	/*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}