/* Page Layouts CSS Document  For Advanced Composite Technologies
	Author: Timothy A. nealon of Nealon Web Designs
	No part of this file may be copied or otherwise reproduced without direct written permission from Nealon Web Designs
	Copyright 2008 Nealon Web Designs and Advanced Composite Technologies
*/

/*----------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>      Global Elements        <<<<<<<<<<<<<<<<<<<<<<<<
	-------------------------------------------------------------------------------------*/
	
body{
background:url(images/body.jpg) top left no-repeat;
}

#wrapper{
width:980px;
margin:0 auto;
}

#wrapper-top{
width:100%;
height:75px;
margin:0;
border:0;
padding:0;
background:url(images/wrapper-top.png) no-repeat;
}

#main-content{
width:980px;
margin:0 0 0 0;
border:0;
padding:20px 0px 0px 0px;
background:url(images/wrapper-body.png) repeat-y;
}

#right-column{
width:685px;
float:right;
margin-left:10px;
padding:10px 10px 10px 0;
background:transparent;
}

#left-column{
width:270px;
float:left;
border-right:#999999 solid 1px;
padding-top:15px;
margin-top:15px;
background:transparent;
}

/*-------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>>>                  Footer            <<<<<<<<<<<<<<<<<<<<<<<
	-----------------------------------------------------------------------------------------*/

#footer{
height:125px;
width:980px;
margin:0 auto;
background:url(images/footer-background.png) no-repeat top;
border-top:#999 solid 1px;
}

.footer-left{
width:325px;
margin:5px 10px 10px 10px;
float:left;
}

.footer-right{
width:250px;
margin:5px 10px 10px 10px;
float:right;
}

/*------------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>>>          Navigation Bar         <<<<<<<<<<<<<<<<<<<<<<<<<
	--------------------------------------------------------------------------------------------*/

#nav-bar{
width:940px;
height:28px;
margin-left:10px;
margin-right:15px;
border-bottom:#666 solid 1px;
border-top:#666 solid 1px;
}

#nav-bar ul{
margin:0; 
list-style:none; 
position:relative;
}

#nav-bar li{
float:left;
}


#nav-bar li a{
display:block; 
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#046380; 
text-decoration:none; 
font-size:14px; 
font-weight:100; 
cursor:pointer;
margin-left:35px;
padding-top:5px;
text-align:center;
}

#nav-bar li a:hover{
color:#59d2ff; 
}

#nav-bar li a.current{
color:#59d2ff; 
}

/*-----------------------------------------------------------------------------
	>>>>>>>>>>>>      Side Navigation          <<<<<<<<<<<<<<<<<<<<
	--------------------------------------------------------------------------*/

.menutitle{
color: #000066;
border-bottom: 1px solid #999;
margin:0 20px;
padding: 1px 0;
padding-left: 5px;
background-color: transparent;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.side-menu{
list-style-type: none;
margin: 5px 20px;
padding: 0;
width: 230px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.side-menu li a{
background:url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}

* html .side-menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 220px;
}

.side-menu li a:visited, .glossymenu li a:active{
color: white;
}

.side-menu li a:hover{
background-image: url(images/glossyback2.gif);
}



/*---------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>   Generic Classes          <<<<<<<<<<<<<<<<<<<
	------------------------------------------------------------------------------*/
.clear{
clear:both;
}

.float-right{
float:right;
margin:10px 10px 20px 20px;
}

/*--------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>              Lightview        <<<<<<<<<<<<<<<<<<<<<<<
	---------------------------------------------------------------------------------*/
	
.lightview-pictures a img{
border:#999 5px solid;
}

.lightview-pictures a:hover img{
border:#357c98 5px solid;
}

/*------------------
Form Elements
*/

label{ position:absolute; display:block; font-size:12px; line-height:20px; text-indent:5px; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}
input, textarea, select{margin-left:200px; margin-bottom:10px;}

#contactpage textarea{width:300px;}