/* CSS Document */

/*
-------------------------------------
Website: GMB Engineers & Planners, Inc.
Author: Wilson De Jesus www.gmb.cc
Contact: wdejesus@gmb.cc
Date: January 5, 2009
------------------------------------*/
/*
--------------------------------------
This is the main body-here you can modify you work space
------------------------------------*/

body{
	background-color: #000000;
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	SCROLLBAR-FACE-COLOR: #066;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #CCC;
	background-attachment: fixed;
	background-image: url(images/GNB_Web_Background.gif);
}

/*
--------------------------------------
This is the where you will modify your main header
------------------------------------*/

#container{
	width: 800px;
	margin: auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
}

/*
--------------------------------------
This is the where you will modify your main header
------------------------------------*/

#header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 148px;
	width: 800px;
	background-image: url(images/GMB_Header_Main.jpg);
}

/*
--------------------------------------
This is the where you will modify your main navigation
------------------------------------*/

#navigation{
	background-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

/*
--------------------------------------
This is the where you will modify your middle banner
------------------------------------*/

#middlebanner{
	width: 790px;
	float: left;
	height: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(images/GMB_MainBanner_Ad.gif);
}

/*
--------------------------------------
This is the where you will modify your middle content
------------------------------------*/

#middlecontent{
	border: 1px solid #000000;
	margin: 2px;
	width: 790px;
	float: left;
	padding: 2px;
	height: 50px;
	background-color: #CCCCCC;
}

/*
--------------------------------------
This is the where you will modify your right column
------------------------------------*/

#maincolumn{
	width: 800px;
	float: left;
	background-image: url(images/GNB_Content_Background.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-top: 7px;
	margin-left: 0px;
	margin-right: 0px;
}

#maintitle{
	width: 800px;
	float: left;
	height: 58px;
	background-repeat: no-repeat;
	background-image: url(images/GMB_Title_ProjectProfiles.gif);
}

#rightcontainer {
	width: 484px;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(images/GMB_Title_Background_Welcome.gif);
	background-repeat: repeat;
	padding: 0px;
}

/*
--------------------------------------
This is the where you will modify your left column
------------------------------------*/

#leftcolumn{
	width: 269px;
	float: left;
	margin-left: 10px;
}

#lefttitle{
	width: 287px;
	float: left;
	background-image: url(images/GMB_Title_News_Small.gif);
	height: 58px;
}

#leftcontainer {
	width: 287px;
	float: left;
	margin-right: 6px;
	margin-left: 5px;
	background-image: url(images/GMB_Title_Background_News_Small.gif);
	clear: both;
	height: 288px;
}
#leftcolumnbreak {
	width: 269px;
	float: left;
	margin-left: 10px;
	background-image: url(images/GNB_ColumnBreak.gif);
	height: 18px;
}

/*
--------------------------------------
This is the where you will modify your footer column
------------------------------------*/

#footercolumn{
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #59595A;
	width: 800px;
	height: 50px;
	background-image: url(images/GMB_Footer_Background.gif);
}

#footercontent {
	text-align:center;
	clear: both;
	padding: 5px;
}

/*
--------------------------------------
This is the where you will modify text attributes
------------------------------------*/

.pwhite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.pblack{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*
--------------------------------------
This is the where you will modify top main navigation
------------------------------------*/

#home{
	display: block;
	width: 52px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Home.gif);
	background-repeat: no-repeat;
}

#home:hover{
	background-image: url(images/GMB_Button_Home_Over.gif);
	background-repeat: no-repeat;
}

#home span{
  display: none;
}

#about{
	display: block;
	width: 67px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_About.gif);
	background-repeat: no-repeat;
}

#about:hover{
	background-image: url(images/GMB_Button_About_Over.gif);
	background-repeat: no-repeat;
}

#about span{
  display: none;
}

#services{
	display: block;
	width: 68px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Services.gif);
	background-repeat: no-repeat;
}

#services:hover{
	background-image: url(images/GMB_Button_Services_Over.gif);
	background-repeat: no-repeat;
}

#services span{
  display: none;
}

#careers{
	display: block;
	width: 65px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Careers.gif);
	background-repeat: no-repeat;
}

#careers:hover{
	background-image: url(images/GMB_Button_Careers_Over.gif);
	background-repeat: no-repeat;
}

#careers span{
  display: none;
}

#staff{
	display: block;
	width: 49px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Staff.gif);
	background-repeat: no-repeat;
}

#staff:hover{
	background-image: url(images/GMB_Button_Staff_Over.gif);
	background-repeat: no-repeat;
}

#staff span{
  display: none;
}

#contact{
	display: block;
	width: 82px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Contact.gif);
	background-repeat: no-repeat;
}

#contact:hover{
	background-image: url(images/GMB_Button_Contact_Over.gif);
	background-repeat: no-repeat;
}

#contact span{
  display: none;
}

#add{
	display: block;
	width: 326px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_Add.gif);
	background-repeat: no-repeat;
}

#CID{
	display: block;
	width: 91px;
	height: 36px;
	float: left;
	background-image: url(images/GMB_Button_CID.gif);
	background-repeat: no-repeat;
}

#CID:hover{
	background-image: url(images/GMB_Button_CID_Over.gif);
	background-repeat: no-repeat;
}

#CID span{
  display: none;
}

/*
--------------------------------------
This is the where you will modify the navigation column
------------------------------------*/

#newscolumn {

	border: 1px solid #000000;
	margin: 5px;
	width: 285px;
	float: left;
	padding: 2px;
	height: 170px;
}

/*
--------------------------------------
This is the where you will modify the address location
------------------------------------*/

#addressboxes {
	width: 250px;
	float: left;
	padding: 2px;
	margin-right: 2px;
	margin-left: 2px;
}
#mapbutton {
	width: 88px;
	float: left;
	margin-left: 200px;
}

/*
--------------------------------------
This is the where you will modify small buttons
------------------------------------*/

#map{
	display: block;
	width: 88px;
	height: 29px;
	background-image: url(images/GMB_Button_Small_Map.gif);
	background-repeat: no-repeat;
}

#map:hover{
	background-image: url(images/GMB_Button_Small_Map_Over.gif);
	background-repeat: no-repeat;
}

#map span{
  display: none;
}

#client{
	display: block;
	width: 214px;
	height: 29px;
	background-image: url(images/GMB_Button_ClientProfile.gif);
	background-repeat: no-repeat;
}

#client:hover{
	background-image: url(images/GMB_Button_ClientProfile_Over.gif);
	background-repeat: no-repeat;
}

#client span{
  display: none;
}

#contentcontainer {
	width: 100%;
	background-image: url(images/GMB_Title_Background_Content.gif);
	background-repeat: repeat;
	float: left;
}
#mainlinktitle {
	width: 750px;
	margin-top: 44px;
	margin-left: 17px;
}
#maincontent {
	width: 400px;
	float: right;
	margin-bottom: 0px;
}
#maincontent2 {
	width: 300px;
	float: left;
	background-image: url(images/GMB_Title_Background_CompanyLocations.gif);
	height: 1600px;
}

/*
-------------------------------------------
This is where you will style your list properties
------------------------------------------*/

ul{
	margin-left: 20px;
}

li{

}
#titleboxes1 {
	width: 400px;
	margin-bottom: 5px;
	float: left;
}
#titleboxes2 {
	background-repeat: no-repeat;
	width: 444px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}
#positionbox {
	background-repeat: no-repeat;
	width: 438px;
	padding: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}
#companytitle {
	background-repeat: no-repeat;
	width: 300px;
	float: left;
	background-image: url(images/GMB_Title_CompanyLocations.gif);
	height: 57px;
}
#companyinfo {
	background-repeat: no-repeat;
	width: 280px;
	float: left;
	padding-left: 15px;
}

/*
-------------------------------------------
This is where you will style your Unordered List
------------------------------------------*/

#contentlist {
	width: 400px;
	bottom: 0;
	background-image: url(images/two-rows.gif);
	background-position: 0 21px;
	top: 56px;
	line-height: 20px;
}

ul{
	list-style-type: none;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-left: 1px;
}

li a {
	display: block;
	color: #222222;
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	line-height: 26px;
}
li a:hover {
	color: #FFF;
	background-repeat: repeat-x;
	text-decoration: none;
	background-image: url(images/listrollover_GMB.gif);
}
li span {
	display: block;
	color: silver;
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}