html, body
{
	background:#fff;
	color:#666;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	position:absolute;
	top: 40px;
	left: 5px;
	margin: 0 0 0 5px;
	font: 32px Arial, Helvetica, sans-serif;
	color: #D8D8D8;
}

h2
{
	width:auto;
	height:100px;
	text-indent:-20000px;
}

h2#about
{
	background:url(../images/about.png) 0 50% no-repeat;
}

h2#network
{
	background:url(../images/network.png) 0 50% no-repeat;
}

h2#serviceOverview
{
	background:url(../images/services.png) 0 50% no-repeat;
	clear: left;
}

h2#cases
{
	background:url(../images/cases.png) 0 50% no-repeat;
	clear: left;
}

h2#contact
{
	background:url(../images/contact.png) 0 50% no-repeat;
}



h3
{
margin: 0 0 5px 0;
}

p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}


/************************ headerBody ***/
/******************* Site Navigation ***/
#mainNav
{
	width:695px;
	height:277px;
	float:left;
	background:url(../images/header.jpg) 0 0 no-repeat;
}

#mainNav ul
{
	float:left;
	margin: 100px 0 0 5px;
}

#mainNav ul li
{
	width:114px;
	background:url(../images/dot-line.gif) 0 100% repeat-x;
}

#mainNav ul li a
{
	display:block;
	width:102px;
	background:url(../images/bullet1.gif) 0 9px no-repeat;
	font:12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	padding:0 0 0 12px;
}

#mainNav ul li a:hover
{
text-decoration:underline;
background:url(../images/bullet2.gif) 0 9px no-repeat;
} 

#mainNav ul li.mainNavBottomItem
{
	width:114px;
	background:none;
}


/********************* Right Panel Top Part ***/
/********************* Short Nav ***/
#panelTop
{
	width:264px;
	height:277px;
	float:left;
	background:url(../images/right-bg.gif) 100% 0 no-repeat #fff;
	color:#000;
}

#panelTop ul
{
	width:198px;
	margin:0 0 0 20px;
}

#panelTop ul li
{
	width:99px;
	height:277px;
	float:left;
}

#panelTop ul li.home
{
	width:99px;
	height:277px;
}

#panelTop ul li.home a
{
	width:99px;
	height:277px;
	display:block;
	background:url(../images/home-normal.jpg) 0 0 no-repeat;
	text-indent:-20000px;
}

#panelTop ul li.home a:hover
{
	width:99px;
	height:277px;
	background:url(../images/home-hover.jpg) 0 0 no-repeat;
}

#panelTop ul li.contact a
{
	width:99px;
	height:277px;
	display:block;
	background:url(../images/contact-normal.jpg) 0 0 no-repeat;
	text-indent:-20000px;
}

#panelTop ul li.contact a:hover
{
	width:99px;
	height:277px;
	background:url(../images/contact-hover.jpg) 0 0 no-repeat;
}


/************* Right Panel Bottom Part ***/
#panelBottom
{
	float:left;
	width:273px;
	padding: 20px 0 0 0;
	background:url(../images/rightpanbg.gif) 0 0 repeat-y;
}

#panelBottomBorder
{
	width:273px;
	height:24px;
	background:url(../images/rightbottompan.gif) 0 0 no-repeat;
}

#panelBottom h2
{
	float: right;
	width: 200px;
	height: auto;
	margin: 0 20px 20px 0;
	text-align: right;
}

p.imgClustrMap
{
	width: 100%;
	text-align: center;
}

#clustrMap
{
	clear: both;
	display: block;
	margin: 0 auto;
}

dl#news
{
	clear: both;
	margin: 0 8px;
	font-family: georgia, times, serif;
}

#news dt
{
float: left;
	width: 40px;
	margin: 0 3px 0 0;
	padding: 0 3px;
	text-align: center;
	font-weight: bold;
	border-right:  1px solid #000;
}

#news dd
{
	width: 245px;
	text-align: left;
}

#news dd.article
{
	width: 245px;
	margin: 0 0 16px 0;
	text-align: left;
}

#panelBottom p
{
	text-align: right;
	padding: 0 20px 0 0;
}

/*----footerBody----*/
#footerBody ul#footerBodyNav
{
	margin: 0 auto;
	padding: 0 16px;
	list-style: none;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 10px;
	letter-spacing: 1px;
}

#footerBody ul#footerBodyNav li
{
	display: inline;
	margin: 0;
	padding: 0 3px 0 8px;
	border-left: 1px solid;
	color: #fff;
}

#footerBody ul#footerBodyNav li.footerNavFirstItem
{
	padding-left: 0;
	border: 0;
}

#footerBody ul#footerBodyNav li a
{
	color:#fff;
	text-decoration: none;
}

#footerBody ul#footerBodyNav li a:hover
{
	text-decoration: underline;
}

#footerBody ul#w3cValidation
{
	text-align: left;
	padding: 0 16px;
	list-style: none;
}

#footerBody ul#w3cValidation li
{
	display: block;
	margin: 0;
	padding: 0 3px 0 8px;
	border: none;
}

#footerBody ul#w3cValidation li img
{
	border: none;
	width: 88px;
	height: 31px;
}

#footerBody p
{
font: 9px Tahoma, Arial, Helvetica, sans-serif;
line-height: 10px;

}


/************************** Start Page ***/
/************************** Service Overview ***/
.serviceOverviewWrapper
{
	float: left;
	width: 30%;
	margin: 0 3% 2em 0;
}


/************************* Case Studies ***/
.caseWrapper
{
	float: left;
	width: 46%;
	margin: 0 3% 2em 0;
	text-align: center;
}

.caseWrapper h3
{
	text-align: center;
	margin: 0 0 2em 0;
}

.caseWrapper p
{
	text-align: left;
	padding: 0 5px;
}

.caseWrapper p span
{
	font-weight:bold;
}

.caseWrapper p.more
{
	float: right;
	width: 70px;
	height: 23px;
}

.caseWrapper p.more a
{
	width:70px;
	height:23px;
	display:block;
	background:url(../images/document.gif) 0 0 no-repeat #fff;
	color:#046CB8;
	font:14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 23px;
	text-decoration:none;
	padding:0 0 0 36px;
}

.caseWrapper p.more a:hover
{
	background:url(../images/document.gif) 0 0 no-repeat #fff;
	color:#589B02;
	text-decoration:none;
}


/**************** Start Page ***/
/************** Client Login ***/
form#clientLogin
{
	width: 225px;
	margin: 5em auto 0 auto;
	padding: .4em;
	font-size: .7em;
	background: #046CB8;
	color: #D2FFFF;
}

form#clientLogin fieldset
{
	display: block;
	border: none;
	padding: 1em 2%;
}

form#clientLogin legend
{
	font-size: 1.5em;
	font-weight: bold;
}

form#clientLogin label
{
	clear: both;
	float: left;
	display: inline;
	width: 70px;
	margin: 0 3px 0 0;
	padding: 2px 0 0 0;
	font-size: 1.2em;
}

form#clientLogin input
{
	display: inline;
	width: 120px;
	margin: 0 0 5px 0;
	padding: 2px 0;
	border: 1px solid #D2FFFF;
	font-size: 1.2em;
}

form#clientLogin input.login
{
	clear: left;
	display: block;
	width: auto;
	margin: 10px auto 0 auto;
	padding: 5px 10px;
	font-size: 1em;
	letter-spacing: .15em;
}


/************** Network Page ***/
/************** Network List ***/
dl#network
{
	float: left;
	width: 650px;
	margin: 1em 0;
	padding: 0;
}

dl#network dt
{
	clear: left;
	float: left;
	width: 100px;
	margin: 0 0 25px 0;
}

dl#network dd
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 5px;
}

dl#network dd span
{
	font-weight: bold;
}


/************** Contact Page ***/
/************** Contact Form ***/
form#contact
{
	width: 80%;
	margin: 2em 0 20px;
	border: none;
}

form#contact fieldset
{
  padding: .5% .75%;
	border: none;
}

form#contact legend
{
	display: none;
}

form#contact label /** standard label **/
{
	clear: left;
	float: left;
	width: 4.5em;
	font-size: 1em;
}

form#contact input /** standard text fields **/
{
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
}

#contact input.submit
{
	clear: left;
	width: auto;
}

form#contact textarea
{
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
}


/************************ Thank You Page ***/
p.thankyou
{
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	margin: 0 0 .5em 0;
}