*						{margin: 0; padding: 0; background-repeat: no-repeat; background-position: left top;}
html						{width: 100%; height: 100%;}
body						{width: 100%; padding: 15px 0 15px 0; background: #454545 url('../images/gfx_main/gfx_main/bg_body.gif') left top repeat-x !important;}


/* Main container */

#main_container					{margin: 0 auto; padding: 20px; width: 955px; background: #434343; border: 1px solid #696969;}


/* Header */

#header						{width: 955px; height: 149px; background: #373737 url('../images/gfx_main/bg_header.jpg') left top no-repeat; z-index: 2; font-family: georgia, times, serif;}
#header span					{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#header a					{position: relative; display: block; z-index: 3;}
#header a span					{cursor: pointer;}
#header ul					{position: absolute; margin: 0;}
#header ul li					{position: relative;}
#header ul li a					{color: #fff; font-weight: bold; white-space: nowrap;}


/* Logo and slogan */

h1, h2						{position: absolute; top: 0; overflow: hidden;}

h1						{left: 785px; width: 170px; height: 94px;}
h1 a						{width: 170px; height: 60px; padding-top: 34px; text-align: center;}
h1 a span					{width: 170px; height: 94px; background-image: url('../images/gfx_main/bg_h1_logo.gif');}

h2						{left: 0; width: 343px; height: 58px; padding: 40px 0 0 20px; font-size: 24px; color: #fff; font-weight: normal;}
h2 span						{width: 363px; height: 98px; background-image: url('../images/gfx_main/bg_h2.gif');}


/* Section title */

h3						{position: absolute; top: 94px; left: 0; width: 915px; height: 54px; padding: 10px 20px 0 20px; font-size: 35px; font-weight: normal; color: #fff; letter-spacing: -0.06em; overflow: hidden;}
h3 span						{position: absolute; top: 0; left: 0; overflow: hidden; width: 955px; height: 64px; background-position: right top;}
body.services 			h3 span		{background-image: url('../images/gfx_main/bg_h3_services.gif');}
body.estimating_tendering	h3 span		{background-image: url('../images/gfx_main/bg_h3_estimating_tendering.gif');}
body.gallery  			h3 span		{background-image: url('../images/gfx_main/bg_h3_gallery.gif');}
body.contact_us  		h3 span		{background-image: url('../images/gfx_main/bg_h3_contact_us.gif');}


/* Main menu */

ul#menu						{width: 955px; height: 55px; top: 94px; left: 0; background-color: #7a7a7a; font-size: 12px; text-align: center;}
ul#menu li					{width: 158px; height: 53px; margin: 1px 0 1px 1px; padding: 0; float: left; display: inline; background-color: #565656; background-image: none;}
ul#menu li a					{width: 158px; height: 33px; padding-top: 20px;}
ul#menu li a span				{width: 158px; height: 53px;}

ul#menu li a:hover				{background-color: #696969;}
ul#menu li a:focus				{background-color: #696969;}
ul#menu li a:active				{background-color: #696969;}
ul#menu li a.selected				{background-color: #696969;}

ul#menu li a:hover 			span	{background-position: 0 -53px;}
ul#menu li a:focus 			span	{background-position: 0 -53px;}
ul#menu li a:active			span	{background-position: 0 -53px; height: 66px;}
ul#menu li a.selected			span	{background-position: 0 -53px; height: 66px;}

ul#menu li a#home 			span	{background-image: url('../images/gfx_main/bg_a_menu_home.png');}
ul#menu li a#services 			span	{background-image: url('../images/gfx_main/bg_a_menu_services.png');}
ul#menu li a#estimating_tendering 	span	{background-image: url('../images/gfx_main/bg_a_menu_estimating_tendering.png');}
ul#menu li a#current_projects 		span	{background-image: url('../images/gfx_main/bg_a_menu_current_projects.png');}
ul#menu li a#electronic_plansroom 	span	{background-image: url('../images/gfx_main/bg_a_menu_electronic_plansroom.png');}
ul#menu li a#gallery 			span	{background-image: url('../images/gfx_main/bg_a_menu_gallery.png');}
ul#menu li a#contact_us 		span	{background-image: url('../images/gfx_main/bg_a_menu_contact_us.png');}
ul#menu li a#safety 		span	{background-image: url('../images/gfx_main/bg_a_menu_safety.png');}

/* Dropdown menus left justified */

ul#menu li.over ul				{display: block; z-index: 5; left: -1px;}
ul#menu li.over div.menu_arrow			{display: block;}
ul#menu li.over a				{background-color: #696969;}
ul#menu li.over a span				{background-position: 0 -53px;}

ul#menu li:hover ul				{display: block; z-index: 5; left: -1px;}
ul#menu li:hover div.menu_arrow			{display: block;}
ul#menu li:hover a				{background-color: #696969;}
ul#menu li:hover a span				{background-position: 0 -53px;}

ul#menu li ul li a				{background-color: #565656 !important;}
ul#menu li ul li a:hover			{background-color: #696969 !important;}
ul#menu li ul li a:focus			{background-color: #696969 !important;}
ul#menu li ul li a.selected			{background-color: #696969 !important;}
ul#menu li ul li a.selected:hover		{background-color: #c1c1c1 !important; color: #696969;}
ul#menu li ul li a.selected:focus		{background-color: #c1c1c1 !important; color: #696969;}

ul#menu li div					{position: absolute;}
ul#menu li div.menu_shadow			{display: none; z-index: 4;}
ul#menu li div.menu_arrow			{display: none; top: 53px; left: 74px; width: 11px; height: 6px; z-index: 6; line-height: 1px; overflow: hidden; font-size: 1px; background-image: url('../images/gfx_main/bg_menu_arrow.gif');}

ul#menu li ul					{top: 53px; left: -3000px; width: 181px; padding: 1px 6px 6px 0; margin: 0; background: transparent url('../images/gfx_main/bg_menu_shadow.png') left top no-repeat; font-family: arial, verdana, tahoma, sans-serif; font-size: 11px; text-align: left;}
ul#menu li ul li				{width: 179px; height: 26px !important; padding: 0 1px 1px 1px; margin: 0; float: none; display: block; background-color: #7a7a7a;}
ul#menu li ul li a				{width: 153px; height: 14px !important; padding: 6px 13px 6px 13px;}

/* Dropdown menus right justified */

ul#menu li#right_justified.over ul				{display: block; z-index: 5; left: -103px;}
ul#menu li#right_justified.over div.menu_arrow			{display: block;}
ul#menu li#right_justified.over a				{background-color: #696969;}
ul#menu li#right_justified.over a span				{background-position: 0 -53px;}

ul#menu li#right_justified:hover ul				{display: block; z-index: 5; left: -103px;}
ul#menu li#right_justified:hover div.menu_arrow			{display: block;}
ul#menu li#right_justified:hover a				{background-color: #696969;}
ul#menu li#right_justified:hover a span				{background-position: 0 -53px;}

ul#menu li#right_justified ul li a				{background-color: #565656 !important;}
ul#menu li#right_justified ul li a:hover			{background-color: #696969 !important;}
ul#menu li#right_justified ul li a:focus			{background-color: #696969 !important;}
ul#menu li#right_justified ul li a.selected			{background-color: #696969 !important;}
ul#menu li#right_justified ul li a.selected:hover		{background-color: #c1c1c1 !important; color: #696969;}
ul#menu li#right_justified ul li a.selected:focus		{background-color: #c1c1c1 !important; color: #696969;}

ul#menu li#right_justified div					{position: absolute;}
ul#menu li#right_justified div.menu_shadow			{display: none; z-index: 4;}
ul#menu li#right_justified div.menu_arrow			{display: none; top: 53px; left: 74px; width: 11px; height: 6px; z-index: 6; line-height: 1px; overflow: hidden; font-size: 1px; background-image: url('../images/gfx_main/bg_menu_arrow.gif');}

ul#menu li#right_justified ul					{top: 53px; width: 261px; left: -3000px;  padding: 1px 6px 6px 0; margin: 0; background: transparent url('../images/gfx_main/bg_menu_shadow3.png') left top no-repeat; font-family: arial, verdana, tahoma, sans-serif; font-size: 11px; text-align: left;}
ul#menu li#right_justified ul li				{width: 260px; height: 26px !important; padding: 0 1px 1px 1px; margin: 0; float: none; display: block; background-color: #7a7a7a;}
ul#menu li#right_justified ul li a				{width: 234px; height: 14px !important; padding: 6px 13px 6px 13px;}



/* Content */

body				#content		{width: 955px; margin: 0; background: url('../images/gfx_main/bg_content.gif') left top repeat; z-index: 1;}
body				#content_bg		{width: 955px; padding-top: 159px; background: url('../images/gfx_main/bg_content_bg.jpg') left top repeat-x;}
body				#content_shadow		{position: absolute; left: 0; top: 0; width: 955px; height: 6px; line-height: 1px; font-size: 1px; background-image: url('../images/gfx_main/bg_content_shadow.png'); overflow: hidden;}
body				#content_container	{width: 436px; min-height: 276px; margin-left: 319px; padding: 15px 180px 20px 20px; background-color: #696969; background-repeat: no-repeat; background-position: left top;}

/* Flash */

body				#flash_home_movie	{margin: -53px;}


/* Sections backgrounds and composition rules */

body.home			#content		{height: 475px;}
body.home			#content_bg		{height: 475px; padding: 0; background: #81cef4 url('../images/gfx_main/bg_content_container_home.jpg') left top no-repeat;}
body.home			#content_container	{width: 371px; height: 52px; margin: 0; padding: 53px; background: none;}

body.services			#content_container	{margin-left: 319px; padding-right: 180px;}
body.design_build		#content_bg		{background: url('../images/gfx_main/bg_cb_services_design_build.jpg') left top no-repeat;}
body.design_build		#content_container	{background-image: url('../images/gfx_main/bg_cc_services_design_build.jpg');}
body.leed_designs		#content_bg		{background: url('../images/gfx_main/bg_cb_services_leed.jpg') left top no-repeat;}
body.leed_designs		#content_container	{background-image: url('../images/gfx_main/bg_cc_services_leed.jpg');}
body.renovations		#content_bg		{background: url('../images/gfx_main/bg_cb_services_renovations.jpg') left top no-repeat;}
body.renovations		#content_container	{background-image: url('../images/gfx_main/bg_cc_services_renovations.jpg');}
body.new_builds			#content_bg		{background: url('../images/gfx_main/bg_cb_services_new_builds.jpg') left top no-repeat;}
body.new_builds			#content_container	{background-image: url('../images/gfx_main/bg_cc_services_new_builds.jpg');}
body.construction_management	#content_bg		{background: url('../images/gfx_main/bg_cb_services_construction.jpg') left top no-repeat;}
body.construction_management	#content_container	{background-image: url('../images/gfx_main/bg_cc_services_construction.jpg');}
body.site_work			#content_bg		{background: url('../images/gfx_main/bg_cb_services_sitework.jpg') left top no-repeat;}
body.site_work			#content_container	{background-image: url('../images/gfx_main/bg_cc_services_sitework.jpg');}

body.estimating_tendering	#content_bg		{background: url('../images/gfx_main/bg_cb_estimating_tendering.jpg') left top no-repeat;}
body.estimating_tendering	#content_container	{width: 915px; margin-left: 0px; padding: 20px;}

body.gallery			#content_bg		{padding-bottom: 50px; background: url('../images/gfx_main/bg_cb_gallery.jpg') left top no-repeat;}
body.gallery			#content_container	{width: 595px; padding: 20px; margin-left: 160px; min-height: 437px;}

body.contact_us			#content_bg		{background: url('../images/gfx_main/bg_cb_contact_us.jpg') left top no-repeat;}
body.contact_us			#content_container	{margin-left: 319px; padding-right: 180px;}
