/* GENERAL STYLES */
body						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #C8CFD3; text-align: center; background: #163745; margin: 15px 0px; }
h1							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; color: #FFFFFF; text-align: left; margin: 0px 0px 12px 0px; }
h2							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #FFFFFF; text-align: left; margin: 0px 0px 12px 0px; }
h3							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #dce1e3; text-align: left; margin: 0px 0px 12px 0px; font-weight: normal; }
p, td						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #dce1e3; text-align: left; margin: 0px 0px 12px 0px; line-height: 1.35em; }
.small						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #bac3c8; margin: 0px 0px 6px 0px; line-height: 1.3em; }
ul							{ margin: 0px 20px 10px 20px; padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */ }
li							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #C8CFD3; margin: 0px 0px 5px 0px; text-align: left; }
a:link, a:visited, a:active	{ color: #dce1e3; text-decoration: underline; }
a:hover						{ color: #FFFFFF; text-decoration: underline; }
table, tr, td				{ margin: 0px; padding: 0px; }

form						{ margin: 0px; padding: 20px 20px 14px 20px; background-color: #395460; width: 570px; }
html>body form				{ padding: 20px 20px 17px 20px; width: auto; }
input						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; width: 450px; margin: 0px 0px 3px 0px; padding: 5px; background-color: #4d6671; border: none; height: 26px; }
textarea					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; width: 450px; margin: 0px 0px 3px 0px; padding: 5px; background-color: #4d6671; border: none; height: 73px; overflow: auto; }
html>body input				{ padding: 5px; height: auto; }
html>body textarea			{ padding: 5px; height: auto; }
.auto						{ width: auto; }


/* LAYOUT STYLES */
#outer						{ position: relative; width: 940px; margin-right: auto; margin-left: auto; padding: 0px 0px 0px 10px; }
html>body #outer			{ width: 930px; }
#logo						{ position: absolute; top: 24px; left: 10px; }
#header						{ height: 75px; }
.photobox, #map					{ position: relative; float: left; width: 610px; height: 300px; margin: 0px 10px 10px 0px; background: #22414E; }
.photosidebox				{ position: relative; float: left; width: 300px; height: 300px; margin: 0px 10px 10px 0px; background: #22414E; }
.mainbox					{ position: relative; float: left; width: 610px; height: 300px; margin: 0px 10px 10px 0px; padding: 20px; overflow: hidden; background: #22414E; }
html>body .mainbox			{ width: 570px; height: 260px; }
.sidebox					{ position: relative; float: left; width: 300px; height: 300px; margin: 0px 10px 10px 0px; padding: 20px; overflow: hidden; background: #395561; }
html>body .sidebox			{ width: 260px; height: 260px; }
.inner						{ position: absolute; bottom: 20px; left: 20px; width: 260px; height: 226px; background: #22414E; }
#outbox						{ position: absolute; bottom: 0px; left: 0px; width: 300px; }
div.column					{ float: left; width: 285px; }
.column li					{ font-size: 75%; line-height: 1.3em; }
.column span				{ font-size: 110%; color: #FFFFFF; }
.double						{ position: relative; float: left; width: 300px; height: 610px; margin: 0px 10px 10px 0px; padding: 20px; overflow: hidden; background: #395561; }
html>body .double			{ width: 260px; height: 570px; }


#footer						{ clear: both; padding: 12px 10px 0px 0px; }
#footer p					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #8B9BA2; margin: 0px 0px 6px 0px; line-height: 1.4em; }
#footer a:link, #footer a:visited, #footer a:active		{ color: #8B9BA2; text-decoration: none; }
#footer a:hover				{ color: #C8CFD3; text-decoration: underline; }
#footer span.fright			{ float: right; }
#footer span.highlight		{ color: #c8cfd3; }
#footer span.bold			{ font-weight: bold; color: #FFFFFF; }



/* NAV STYLES */
#nav						{ position: absolute; top: 29px; right: 0px; width: 533px; height: 31px; background: url(images/tabs2.gif) 0px 0px no-repeat; margin: 0px; padding: 0px; }
#nav span					{ display: none; }
#nav li, #nav a				{ height: 31px; display: block; }
#nav li						{ float: left; list-style: none; margin: 0px; }
#nav-home					{ width: 58px; }
#nav-whoweare				{ width: 101px; }
#nav-ourwork				{ width: 82px; }
#nav-whatweoffer			{ width: 118px; }
#nav-products				{ width: 82px; }
#nav-contactus				{ width: 92px; }
#nav-home a:hover, #nav-home a.on					{ background: transparent url(images/tabs2.gif) -0px -31px no-repeat; }
#nav-whoweare a:hover, #nav-whoweare a.on			{ background: transparent url(images/tabs2.gif) -58px -31px no-repeat; }
#nav-ourwork a:hover, #nav-ourwork a.on				{ background: transparent url(images/tabs2.gif) -159px -31px no-repeat; }
#nav-whatweoffer a:hover, #nav-whatweoffer a.on		{ background: transparent url(images/tabs2.gif) -241px -31px no-repeat; }
#nav-products a:hover, #nav-products a.on			{ background: transparent url(images/tabs2.gif) -359px -31px no-repeat; }
#nav-contactus a:hover, #nav-contactus a.on			{ background: transparent url(images/tabs2.gif) -441px -31px no-repeat; }



/* FADE STYLES */
img							{ filter:alpha(opacity=100);}
img.idupe					{ position:absolute; z-index:30000; visibility:hidden; }