/* CSS Document */

/* force a vertical scroll in firefox (prevents page jumping) */
html { min-height: 100%; margin-bottom: 1px; }

body
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}


#content
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 760px;
}

#container
{
	float: left;
	margin: 0px;
	width: 760px;
	padding: 0px;
	background-color: #FFFFFF;
}

#left
{
	float: left;
	margin: 0px;
	width: 169px;
	padding: 0px;
	background-color: #FFFFFF;

}

#logo
{
	float: left;
	margin: 0px;
	width: 164px;
	height: 147px;
	padding: 0px 5px 5px 0px;
	overflow: hidden;
}

#right
{
	float: left;
	margin: 0px;
	width: 588px;
	padding: 0px;
}

#topNav
{
	float: left;
	margin: 0px;
	width: 588px;
	padding: 0px;
	background-image: url(images/top_nav.gif);
	background-repeat: no-repeat;
	height: 39px;
	overflow: hidden;
}

#homeBottom
{
	float: left;
	margin: 0px;
	width: 370px;
	padding: 5px 0px 0px 0px;
}

#mainContent
{
	float: left;
	margin: 0px;
	width: 588px;
	padding: 5px 0px 0px 0px;
}

#homeRightText
{
	float: left;
	margin: 0px;
	width: 213px;
	padding: 0px 0px 0px 5px;
}



.imageContainer
{
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	border: 0px;
}

.readMore
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 274px;
	height: 91px;
	background-image: url(images/bg_readmore.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
	
}


.textContainerShort
{
	float: left;
	width: 280px;
	padding: 15px 10px 0px 4px;
	margin: 0px;
}


.textContainerLong
{
	float: left;
	width: 588px;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}

.textContainerCallBack
{
	float: left;
	width: 588px;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	background-color: #ECECEC;
}

/* form table build */

.formLeft
{
	width: 150px;
}

.formLeft p 
{
	font-size: 12px;
	margin: 0px;
	padding: 3px 10px 0px 0px;
	line-height: 13px;
	color: #666;
}

.formRightColums
{
	width: 219px;
	height: 24px;
}

.formRight
{
	width: 438px;
}

.formRightColums p 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 13px;
	color: #666;
}

.formBottomBorder
{
	background-color: #FFFFFF;
	height: 5px;
	font-size: 1px;
}

.inputBox
{
	width: 210px;
}


/* newsroom */

.textContainerNewsroom
{
	float: left;
	width: 400px;
	padding: 15px 10px 0px 4px;
	margin: 0px;
}

.textContainerNewsroomRight
{
	float: left;
	width: 120px;
	padding: 35px 10px 0px 4px;
	margin: 0px;
}

.downloadList ul
{
   padding: 5px;
   margin: 0px;
}

.downloadList li
{
   list-style: url(images/bullet2.gif);
	display: list-item;
	list-style-position: outside;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}

.downloadList a
{
   padding: 0px;
   margin: 0px;
}


/* flash containers */


#flashcontentHome
{
	width: 588px;
	height: 108px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#noflashHome
{
	width: 588px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#flashContentBig
{
	width: 588px;
	height: 364px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#noflashContentBig
{
	width: 588px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


#flashGeneralTop
{
	width: 370px;
	height: 267px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#noflashGeneral
{
	width: 370px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


#homeFlashBanner
{
	float: left;
	margin: 0px;
	width: 588px;
	padding: 0px;
}

#banner
{
	float: left;
	margin: 0px;
	width: 588px;
	height: 364px;
	padding: 0px;
}

#homeFlashGeneralContainer
{
	float: left;
	margin: 0px;
	width: 370px;
	padding: 0px;
}


#topGraphic
{
	float: left;
	margin: 0px;
	width: 588px;
	height: 108px;
	padding: 0px;
}


/* main nav here */

#mainMenu
{
	margin: 0px;
	padding: 0px 0px 0px 22px;
	float: left;
	width: 566px;
	height: 39px;
}


#mainMenu ul, #mainMenu li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
	font-size: 9px;
	text-indent: -9999px;
}


.home a
{
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 35px;
	height: 34px;
}

.home a:hover
{
	border-bottom: solid 5px #F40B17;
}

.home a.active, .home a.active:hover
{
	color: #000000;
}

.home a.selected, .home a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}

.about a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 29px;
	text-decoration: none;
	width: 59px;
	height: 34px;
}

.about a:hover
{
	border-bottom: solid 5px #F40B17;
}

.about a.active, .about a.active:hover
{
	color: #000000;
}

.about a.selected, .about a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}

.callBack a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 30px;
	text-decoration: none;
	width: 117px;
	height: 34px;
}

.callBack a:hover
{
	border-bottom: solid 5px #F40B17;
}

.callBack a.active, .callBack a.active:hover
{
	color: #000000;
}

.callBack a.selected, .callBack a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}

.services a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 29px;
	text-decoration: none;
	width: 53px;
	height: 34px;
}

.services a:hover
{
	border-bottom: solid 5px #F40B17;
}

.services a.active, .services a.active:hover
{
	color: #000000;
}

.services a.selected, .services a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}

.newsroom a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 29px;
	text-decoration: none;
	width: 74px;
	height: 34px;
}

.newsroom a:hover
{
	border-bottom: solid 5px #F40B17;
}

.newsroom a.active, .newsroom a.active:hover
{
	color: #000000;
}

.newsroom a.selected, .newsroom a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}

.contact a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 29px;
	text-decoration: none;
	width: 57px;
	height: 34px;
}

.contact a:hover
{
	border-bottom: solid 5px #F40B17;
}

.contact a.active, .contact a.active:hover
{
	color: #000000;
}

.contact a.selected, .contact a.selected:hover
{
	border-bottom: solid 5px #F40B17;
}



/*left nav build 

#leftNav
{
	float: left;
	margin: 0px;
	width: 164px;
	padding: 5px 5px 0px 0px;
	background-color: #FFFFFF;

}*/

#leftNavMenu
{
	float: left;
	margin: 0px;
	width: 164px;
	background-color: #FFFFFF;
}

/*  normal left subnav display  */

#nav2
{
	float: left;
	width: 164px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
}

#nav2 ul, #nav2 li
{
	list-style: none;
	display: inline;
	margin : 0px 0px 0px 0px;
	padding: 0px;

}


#nav2 a
{
	float: left;
	width: 148px;
	padding: 4px 5px 6px 5px;
	margin: 0px 0px 1px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-left: 6px solid #FE0000;
	font-size: 10px;
	background-color: #708090;
}

#nav2 a:hover
{
	color: #FE0000;
	background-color: #CED6DE;
}

#nav2 a.active, #nav2 a.active:hover
{
	color: #EF0383;
}

#nav2 a.selected, #nav2 a.selected:hover
{
	color: #FE0000;
	background-color: #F4F4F4;
}



/* about nav system here list me right Up!!!!! */

subNavContainer
{
	float: left;
	width: 588px;
}


#subNav
{
	float: left;
	width: 588px;
	height:19px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #708090;
}

#subNav ul, #subNav li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#subNav a
{
	float: left;
	padding: 4px 4px 3px 4px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	font-size: 10px;
	background-color: #708090;
	text-transform: uppercase;
}

#subNav a:hover
{
	color: #FFF;
	background-color: #FE0000;
}

#subNav a.active, #subNav a.active:hover
{
	color: #EF0383;
}

#subNav a.selected, #subNav a.selected:hover
{
	color: #FFF;
	background-color: #FE0000;
}





/* services nav system here list me right Up!!!!! */

sevicesListContainer
{
	float: left;
	width: 280px;
}


#servicessubNav
{
	float: left;
	width: 280px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 12px;
}

#servicessubNav ul, #servicessubNav li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#servicessubNav a
{
	float: left;
	width: 280px;
	padding: 4px 0px 3px 0px;
	margin: 0px;
	color: #708090;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}

#servicessubNav a:hover
{
	color: #FE0000;
}

#servicessubNav a.active, #servicessubNav a.active:hover
{
	color: #EF0383;
}

#servicessubNav a.selected, #servicessubNav a.selected:hover
{
	color: #708090;
}

/* partners */


#partners
{
	float: left;
	width: 588px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#partners ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#partners li
{
	list-style: none;
	display: inline;
	float: left;
	width: 90px; 
	margin : 0px;
	padding: 0px 20px 20px 0px;
}


.partnersImage
{
	border: solid 3px #708090;
}

#partners p 
{
	font-size: 10px;
	margin: 0px;
	padding: 3px 5px 0px 0px;
	line-height: 12px;
	color: #666;
}

/* partners end */



/* clients and general list - no bullet */

#clients
{
	float: left;
	width: 266px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#clients ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#clients li
{
	list-style: none;
	display: inline;
	float: left;
	width: 240px; 
	margin : 0px;
	padding: 0px 0px 4px 0px;
}

#clients p 
{
	font-size: 14px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	line-height: 14px;
	color: #666;
}

#clientsRight
{
	float: left;
	width: 266px;
	margin: 35px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#clientsRight ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#clientsRight li
{
	list-style: none;
	display: inline;
	float: left;
	width: 240px; 
	margin : 0px;
	padding: 0px 0px 4px 0px;
}

#clientsRight p 
{
	font-size: 14px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	line-height: 14px;
	color: #666;
}


/* list - WITH bullet */

.bullets
{
	float: left;
	width: 280px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

.bullets ul
{
	margin : 0px;
	padding: 0px;
}

.bullets li
{
	list-style: url(images/bullet.gif);
	display: list-item;
	list-style-position: outside;
	margin : 0px 0px 0px 12px;
	padding: 0px 0px 2px 0px;
}

.bullets p 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	line-height: 12px;
	color: #666;
	font-weight: normal;
}



/* services */

#servicesColumnLeft,#servicesColumnRight
{
	float: left;
	width: 294px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#servicesColumnLeft ul,#servicesColumnRight ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#servicesColumnLeft li, #servicesColumnRight li
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	padding: 0px 40px 15px 4px;
}

#servicesColumnLeft p, #servicesColumnRight p
{
	font-size: 11px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	line-height: 11px;
	color: #666;
	font-weight: normal;
}

/* newsRoom List */

#newsroomList
{
	float: left;
	width: 588px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#newsroomList ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#newsroomList li
{
	list-style: none;
	display: inline;
	float: left;
	width: 588px; 
	margin : 0px 0px 5px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: solid 2px #CCC;
}

#newsroomList p 
{
	font-size: 11px;
	margin: 0px;
	padding: 2px 5px 4px 0px;
	line-height: 11px;
	color: #666;
	font-weight: normal;
}

#newsroomList p a
{	
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

#newsroomList p a:hover
{
	color: #666666;
	text-decoration: none;
}

#newsroomList p a.active
{
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

#newsroomList p a.visited
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}


/* contact */

#contactPage
{
	float: left;
	width: 588px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFF;
}

#contactPage ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

#contactPage li
{
	list-style: none;
	display: inline;
	float: left;
	width: 250px; 
	margin : 0px;
	padding: 0px 40px 15px 4px;
}


#contactPage p 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	line-height: 14px;
	color: #666;
	font-weight: normal;
}

#contactPage p a
{	
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

#contactPage p a:hover
{
	color: #666666;
	text-decoration: none;
}

#contactPage p a.active
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

#contactPage p a.visited
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}





.greyBox
{
	float: left;
	width: 588px;
	background-color: #708090;
	height: 19px;
}

.imageGeneralBorder
{
	border: 3px solid #708090;
	padding: 0px;
	margin: 0px 4px 0px 0px
}


img
{
	border: 0px;
}

.clear 
{
	clear: both;
	font-size: 1px;
}


/* general list styling */


.textContainerNewsroom ul
{
	list-style: url(images/bullet.gif);
	display: list-item;
	list-style-position: outside;
	margin : 0px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}

.textContainerNewsroom ul a
{	
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerNewsroom ul a:hover
{
	color: #000;
	text-decoration: underline;
}

.textContainerNewsroom ul a.active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerNewsroom ul a.visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerNewsroom ol
{
	color: #666666;
	list-style-position: outside;
	margin : 0px 0px 0px 21px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}

.textContainerNewsroom ol a
{	
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerNewsroom ol a:hover
{
	color: #000;
	text-decoration: underline;
}

.textContainerNewsroom ol a.active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerNewsroom ol a.visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerShort ul
{
	list-style: url(images/bullet.gif);
	display: list-item;
	list-style-position: outside;
	margin : 0px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}

.textContainerShort ul a
{	
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerShort ul a:hover
{
	color: #000;
	text-decoration: underline;
}

.textContainerShort ul a.active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerShort ul a.visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}


.textContainerShort ol
{
	color: #666666;
	list-style-position: outside;
	margin : 0px 0px 0px 21px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}

.textContainerShort ol a
{	
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerShort ol a:hover
{
	color: #000;
	text-decoration: underline;
}

.textContainerShort ol a.active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.textContainerShort ol a.visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}





.textContainerLong ul
{
	list-style: url(images/bullet.gif);
	display: list-item;
	list-style-position: outside;
	margin : 0px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}



.textContainerLong ul
{
	color: #666666;
	list-style-position: outside;
	margin : 0px 0px 0px 21px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
}









/* em italics */

{
	font-style: italic
}

/* strong bold setting */

bold
{
	font-weight: bold;
}

/* xhtml basic formatting here */

p 
{
	font-size: 12px;
	margin: 0px;
	padding: 3px 22px 14px 0px;
	line-height: 13px;
	color: #666;
}

p a
{	
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

p a:hover
{
	color: #000;
	text-decoration: underline;
}

p a.active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

p a.visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}



h1
{
	color: #FF0000;
	padding: 10px 10px 0px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}

h2
{
	color: #FF0000;
	padding: 3px 10px 4px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 a
{	
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

h2 a:hover
{
	color: #666666;
	text-decoration: none;
}

h2 a.active
{
	color: #FF0000;
	font-weight: bold;
}

h2 a.visited
{
	color: #FF0000;
	font-weight: bold;
}

h3
{
	color: #FF0000;
	padding: 3px 10px 0px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 a
{	
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

h3 a:hover
{
	color: #FE0000;
	text-decoration: none;
}

h3 a.active
{
	color: #FFFFFF;
	font-weight: bold;
}

h3 a.visited
{
	color: #FFFFFF;
	font-weight: bold;
}

h4
{
	color: #FFFFFF;
	padding: 4px 10px 8px 4px;
	margin: 0px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}

h4 a
{	
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

h4 a:hover
{
	color: #FE0000;
	text-decoration: none;
}

h4 a.active
{
	color: #FFFFFF;
	font-weight: bold;
}

h4 a.visited
{
	color: #FFFFFF;
	font-weight: bold;
}

h5
{
	color: #666;
	padding: 0px 10px 15px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

h5 a
{	
	text-decoration: none;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}

h5 a:hover
{
	color: #FE0000;
	text-decoration: none;
}

h5 a.active
{
	color: #666;
	font-weight: bold;
}

h5 a.visited
{
	color: #666;
	font-weight: bold;
}

h6
{
	color: #FFF;
	padding: 5px 10px 0px 8px;
	margin: 0px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}