/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif; font-size:11px; color:#ffffff;
	border:0px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-color:#4f4f4f;
	background-image:url(../_images/body-bg.jpg);
	background-repeat:repeat-x; background-position:0px 0px;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { line-height:18px; margin:0px 0px 15px 0px; }

a { color:#ffffff; text-decoration:none; }

a:hover { text-decoration: underline; }

h1 { font-size:12px; margin:0px 0px 15px 0px; }

h2 { font-size:11px; margin:0px 0px 15px 0px; }

h3 { font-size:12px; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display:block; /*float:left;*/ list-style:none;
	padding:0px 0px 15px 23px; margin:0px 0px 0px 0px;
	line-height:18px; clear: right;
}

ul.normal li {
	display:block; line-height:18px;
	margin:0px 0px 10px 0px; padding:0px 0px 0px 15px;
	background-image:url(../_images/ul_bullet.gif);
	background-repeat:no-repeat; background-position:0px 4px;
	line-height:18px; 
}

ol.normal { 
	line-height:18px;
	padding-bottom: 15px;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; margin-bottom:15px; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:820px; text-align:left; margin:0px auto 0px auto;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width:820px; float:left;
	background-image:url(../_images/wrapper-bg.gif);
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:820px; height:113px;
	background-color:#000000;
	background-image:url(../_images/header-bg.jpg);
}

div#header h1, div#header h1 a {
	display:block; width:260px; height:40px;
}

div#header h1 {
	position:absolute; margin:60px 0px 0px 40px;
}

div#header h1 a span { display:none; }

div#header p#header-tel { display:none; }

div#header p#header-email {
	position:absolute; width:104px; height:10px;
	margin:35px; margin-left:610px;
}

div#header p#header-email a {
	display:block; width:165px; height:10px;
}

div#header p#header-email a span { display:none; }


/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float:left; width:796px; padding:14px 0px 0px 24px;
	background-image:url(../_images/main-content-bg.gif);
	background-position:top left; background-repeat:no-repeat;
}


div#main-content-home {
	float:left; width:820px;
	background-image:url(../_images/main-content-bg.gif);
	background-position:top left; background-repeat:no-repeat;
}

div#main-content-i {
	float:left; width:769px;
	background-image:url(../_images/main-content-i.jpg);
	background-repeat:repeat-x;
}

div#main-content-ii {
	float:left; width:723px; padding:23px 23px 0px 23px;
	background-image:url(../_images/main-content-ii.gif);
	background-repeat:no-repeat;
}

div#main-content-iii {
	float:left; width:723px;
}

div#main-content-iiii {
	float:left; width:679px; margin-left:11px;
}

html>body div#main-content-iiii { margin-left:22px; }

div#main-content h1.graphic-h1 {
	display:block; height:10px;
	background-repeat:no-repeat;
	background-position:left top;
}

div#main-content h1.graphic-h1 span { display:none; }

div#main-content h1#services-h1 { background-image:url(../_images/h1-services.gif); }
div#main-content h1#gallery-h1 { background-image:url(../_images/h1-gallery.gif); }
div#main-content h1#projects-h1 { background-image:url(../_images/h1-projects.gif); }
div#main-content h1#links-h1 { background-image:url(../_images/h1-links.gif); }
div#main-content h1#contact-h1 { background-image:url(../_images/h1-contact.gif); }

div.separator {
	float:left; width:100%; height:10px; margin:-8px 0px 27px 0px;
	border-bottom:1px solid #4d4d4d;
}

/******************************************************************************
* section-nav
*****************************************************************************/
p.section-nav {
	display:block; float:left; width:100%; text-align:center;
	border-bottom:1px solid #4d4d4d; line-height:24px;
	padding:23px 0px 24px 0px; margin-bottom:20px;
}

p.section-nav a {
	color:#ffffff; font-weight:bold; text-decoration:none;
}

p.section-nav a:hover {
	color:#2b559f;
}

p.section-nav a.current {
	color:#2b559f;
}

div.section-nav ul li a.current:hover {
}

p.section-nav-sub {
	display:block; float:left; width:100%; text-align:center;
	border-bottom:1px solid #4d4d4d; line-height:24px;
	padding:0px 0px 24px 0px; margin-bottom:40px;
}

p.section-nav-sub a {
	color:#ffffff; font-weight:bold; text-decoration:none;
}

p.section-nav-sub a:hover {
	color:#ff2a00;
}

p.section-nav-sub a.current {
	color:#ff2a00;
}

div.section-nav-sub ul li a.current:hover {
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float:left; width:820px; height:37px; background-color:#4f4f4f; padding-top:15px;
	background-image:url(../_images/footer-bg.jpg);
	background-position:top left; background-repeat:no-repeat;
}

div#footer-i {
	float:left; width:800px;
}

div#footer p, div#footer p a {
	font-size:10px; color:#ffffff; margin:0px 0px 0px 0px; line-height:normal;
}

div#footer a.validation {  }

div#footer p a { text-decoration:none; }

div#footer p a:hover { text-decoration:underline; }

div#footer p#footer-left {
	float:left; width:650px; margin-left:7px;
}

html>body div#footer p#footer-left { margin-left:14px; }

div#footer p#footer-right, div#footer p#footer-right a {
	display:block; float:right; width:68px; height:31px;
}

div#footer p#footer-right a {
	background-image:url(../_images/infozure.gif);
}

div#footer p#footer-right a span { display:none; }

/******************************************************************************
* debug
*****************************************************************************/
p.debug {
	background-color:red;	padding:2px; margin:0px;
}

/******************************************************************************
* gallery
*****************************************************************************/
div.gallery { text-align:center; margin-bottom:15px; margin-left:60px; }

div.gallery-row  {
	float:left;
	margin-bottom:14px; margin-bottom:13px;
}

div.gallery-row a {
	display:block; float:left; width:174px; height:114px; padding:5px 0px 0px 0px;
	background-image:url(../_images/dummy-gallery-image.gif);
}

/******************************************************************************
* contact
*****************************************************************************/
img#contact-image {
	float:right;
}