﻿body 
{
	padding: 0px;
	min-height: 600px;
	background-color:White;
	margin:0px;
	line-height: 1.22em;
	color:#414141; 
	min-width:1000px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10pt;
    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#414141;
}

/*
---------------------------------------------
03. header
---------------------------------------------
*/

 
#header { width:971px; 
height:160px; 
float:left; padding-top:9px; padding-right:22px
}
#header, #content, #footer { font-size:0.75em;}

#dvMenu {float:left;
    height: 35px;
}
/*
---------------------------------------------
03.1 header - logo
---------------------------------------------
*/


#header .logo { float:left; padding-left:30px; padding-top:0px}

/*
---------------------------------------------
03.2 header - top box
---------------------------------------------
*/ 

#header .topbox { width:270px; height:80px; float:right; background:#F7FCFF url(../images/bg_topbox.gif) no-repeat top left; border:1px solid #C5D4E7; padding:8px 12px 0 14px}

#header .topbox ul { width:50px; float:right;  border-left:1px solid #ABD9ED; padding:17px 5px 6px 6px}
#header .topbox ul li { width:50px; float:left; font-size:10px; color:#0488BB}
#header .topbox ul li a { color:#0488BB; text-decoration:none}
#header .topbox ul li a:hover { color:#0488BB; text-decoration:underline}
/*
#header .topbox h1 { font-size:20px; font-weight:bold; color:#2f3d5e; text-align:right; float:right;line-height:1em; padding:17px 10px 0 0}
#header .topbox h1 a { font-size:15px}
*/
/*#header .topbox fieldset { width:270px; float:left; padding-top:12px}*/
#header .topbox .input { width:185px; height:18px; float:left; font-size:14px; color:#464647; border:1px solid #CCCECF; padding:2px 4px; padding-top:4px}
#header .topbox .button_search { cursor:pointer; width:69px; height:30px; float:left; background:url(../images/bg_button_search.gif) no-repeat top left; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:6px; border:none;z-index:0;}
#header .topbox .button_search a { cursor:pointer; width:69px; height:30px; float:left; background:url(../images/bg_button_search.gif) no-repeat top left; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:6px; border:none;z-index:0;}

/*
---------------------------------------------
11. inner page - subnav
---------------------------------------------
*/

#content .subnav { width:940px; float:left; padding-bottom:10px}

#content .subnav ul li { float:left; font-size:11px; color:#7E8082; background:url(../images/arrow.gif) no-repeat left center; padding-left:10px; padding-right:3px}
#content .subnav ul li.home { background:none; padding-left:18px; text-align:left}
#content .subnav ul li a { color:#7E8082}

ul li.home { background:none; padding-left:18px}

/*#divBanner {float:left; padding-top:9px; padding-right:22px}*/

/*#footer { width:942px; height:140px; float:left; background:#F8F8F8 url(../images/bg_footer.gif) repeat-x top left; border-top:1px solid #DDDEDF; padding:0 18px}*/
#footer { width:942px; height:140px; float:left; padding:0 18px}
#footer p { font-size:11px; color:#6E7072; line-height:1.4em}

#footer .footer_nav { width:942px; float:left; padding:10px 0}
#footer .footer_nav p { font-size:10px}
#footer .footer_nav p a { color:#6E7072}

#footer .footer_leftcontent { float:left}
#footer .footer_leftcontent .map { float:left; border:1px solid #B2B3B4;width:150px;height:99px}
#footer .footer_leftcontent .address { float:left; padding-left:10px; padding-top:5px}
#footer .footer_leftcontent .address p { float:left}
#footer .footer_leftcontent .address p a { color:#0488BB; text-decoration:underline}
#footer .footer_leftcontent .address p span { font-size:13px}
#footer .footer_leftcontent .address .phone { float:left; padding-top:16px; padding-left:23px}

#footer .footer_rightcontent { float:right}
#footer .footer_rightcontent ul li { float:left; padding-left:10px}
#footer .footer_rightcontent ul li.in { padding-left:4px}


#adminHeader
{
	background-color: #2f3d5e;
	width: 900px;
	margin: 5px 5px 20px 5px;
}
#mainBackground
{
	padding: 0 0 0 0;
	text-align: center;
}
#mainPage
{
	background-color: #FFFFFF;
	width: 1000px;
    margin: 0 auto;
    padding: 1px 0 2px 0;
	text-align: center;
	position:relative;
    top: 0px;
    left: 0px;
    height:auto;
    min-height:950px;
    overflow:visible;
}
#banner { width:940px; float:left; padding-bottom:15px}

/*
#banner img {
		display: block;
        height: 700px;
        width: 100%;
}
*/	
#banner .info {
		width: 280px;
		height: 320px;
		background: url(../images/banner_overlay.png);
		position: relative;
		top: -320px;
		color: #ffffff;
    bottom: 329px;
}

#banner .info div {
			padding: 35px;
}

#banner .info div h1 {
				font: 1.9em Arial, Helvetica, sans-serif;
				font-weight:bold;
				margin-bottom: 10px;
				color:#FFFFFF;
}

#banner .info div p {
				font: 1.2em Arial, Helvetica, sans-serif;
				line-height: 1.7em;
				margin-bottom: 10px;
				color:#FFFFFF;
}

#banner .info div p strong {
				font: 1.3em Arial, Helvetica, sans-serif;
}

#banner .info a.more {
				display: inline-block;
				padding: 5px 10px;
				background: #f4682d;
				color: #ffffff;
}


#controls {
	position: relative;
	left: 700px;
	top: -50px;
	width: 226px;
}
	
#slider {
	z-index:-1; }	
	#slider ul, #slider li {
		z-index:-1;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slider li { 
		width: 993px;
		height: 320px;
		overflow: hidden;
	}	

#rightpanel { width:300px; float:left}


/*
---------------------------------------------
09.1 right panel - your company
---------------------------------------------
*/

#yourcompany { width:262px; float:left; background:#F7FCFF url(../images/bg_yourcompany.gif) no-repeat top left; border:1px solid #B3CDE6; padding:7px 18px; margin-bottom:28px}

#yourcompany h2 { color:#E86E34; background:url(../images/bg_dottedborder.gif) repeat-x bottom left; padding:5px 0; margin-bottom:8px} 
#yourcompany p { color:#6E7072; padding-bottom:10px}

#yourcompany ul li { width:232px; float:left; font-size:12px; color:#153257; background:url(../images/li_tick.gif) no-repeat; padding:3px 0 5px 30px}
#yourcompany ul li a { color:#153257; text-decoration:none}
#yourcompany ul li a:hover { color:#153257; text-decoration:underline}


/*
---------------------------------------------
09.2 right panel - tab content
---------------------------------------------
*/


#tabcontent { width:300px; float:left} 
#tabcontent p { color:#0488BB; line-height:1.4em; padding-bottom:5px} 

#tabcontent p a { color:#0488BB; text-decoration:none}
#tabcontent p a:hover { color:#0488BB; text-decoration:underline}
				
.mainHeader
{
	background-color: #2f3d5e;
	text-align:left;
	width: 1000px;
	
}
.mainContent
{
    position: relative;
	padding: 0px;
	text-align:left;
	width: 1000px;
	float:left;
    min-height: 450px;
    top: 9px;
    left: 0px;
}

.sectionContent
{
	padding: 0px;
	text-align:left;
	width: 984px;
	float:none;
    min-height: 25px;
}
.homepageContentLeft
{
	text-align: left;
	width: 250px;
	float: left;
	padding-left:10px;
	background-color: #FFFFFF;
    margin-left: 3px;
}

.homepageContentRight
{
	text-align: left;
	width: 250px;
	float: right;
	padding:0px;
	background-color: #FFFFFF;
}
.homepageContent
{
	color:#7c6f5d;
	text-align:left;
}
.leftContent
{
	float:left;
	width:275px;
	height:25px;
	text-align:left;
	margin-right:25px
}
.rightContent
{
	float:left;
	width:560px;
    height: 22px;
}
s/header-bg.jpg) no-repeat left top;*/
}

/*.br {background: url(../images/br.gif) 100% 100% no-repeat; width: 27em; height: 42em; float: left; padding-left:.5em} 
.br2 {background: url(../images/br2.gif) 100% 100% no-repeat; width: 25em; height: 42em; float: left} 
*/
.ContentTitle {
	color:#656565;
	font-family:"trebuchet MS", Helvetica, sans-serif;
	font-size:large;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1em;
	border-bottom:1px solid #ededed;
	padding-bottom:14px;
	margin-bottom:17px;
}

.ContentTitle {
	color:#656565;
	font-family:"trebuchet MS", Helvetica, sans-serif;
	font-size:large;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1em;
	border-bottom:1px solid #ededed;
	padding-bottom:14px;
	margin-bottom:17px;
}

.TestimonialTitle {     font-size:8pt;
    font-weight:bold;
    color:#0488BB;
    line-height:1.1em;}
    
.TestimonialDetail{ font-size:8pt; line-height:1.1em; color:#001c5e;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-top-right { background:url(images/tail-top-right.gif) repeat-x right top; width:50%; position:absolute; right:0; top:0; height:359px;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

/* controls */
a.link
{
	font-weight:normal;
	text-decoration:none;
	color:#2f3d5e;
}
a.link:visited
{
	font-weight:normal;
	color:#2f3d5e;
}
a.link:hover
{
	font-weight:bold;
	background-color:#2f3d5e;
	color:White;
}
a.menuLink
{
	font-weight:normal;
	text-decoration:none;
	color:white;
}
a.menuLink:visited
{
	font-weight:normal;
	text-decoration:none;
	color:white;
}
a.menuLink:hover
{
	background-color:#2f3d5e;
	text-decoration:underline;
	color:White;
}
.selectedMenulink
{
	font-weight:bold;
	background-color:white;
	color:#2f3d5e;
	text-decoration:none;
	padding:3px;
}
.subMenu
{
	text-align:left;
	background-color:#b9c8cd;
}
.logo
{
	width: 475px;
}
.button
{
	font: bold 10pt Calibri, Verdana, sans-serif;
	width:75px;
}
.gridHeader
{
	background-color:#2f3d5e;
	color:White;
	font-weight:bold;
}
.gridItem
{
	text-align:left;
	line-height:1.2em;
	font-size:12.0pt;
	font-family:Calibri;
	color:#002060;
    width: 392px;
    height: 298px;
    margin-left: 6px;
}
.header
{
	font-size:12pt;
	margin:2px;
	padding:3px;
    width: 1000px;
}
hr.divider
{
	background-color:#7c6f5d;
	height:5px;
	padding: 10px 0px 10px 0px;
	width: 890px;
}
.dividerFull
{
	background-color:#001c5e;
	color:#001c5e;
	overflow:hidden;
	height:11px;
	width: 730px;
}
.imageContent
{
	width:240px;
	text-align:right;
	float:right;
}
.imageNav
{
	width:240px;
	font-size:9pt;
	text-align:right;
}
.imagePopup
{
	background-color:#fff;
	border:solid 1px #000;
	width:925px;
}
.imagePopupheader
{
	font-weight:bold;
	font-size:12pt;
	vertical-align:middle;
	white-space:nowrap;
	color:#fff;
	background-color:#7c6f5d;
	cursor:move;
	border:solid 1px #000;
	padding:5px;
}
.imagePopupbackground
{
	background-color:#808080;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.imagePopupLarge
{
	text-align:center; 
	background-color:White;
	overflow:auto;
	width:915px;
}
.mainMenu
{
	padding:0px;
	margin:0px;
	border-bottom:dotted 2px #001c5e;
    height: 198px;
}
div.newsDate
{
	text-align:right;
	font-size:8pt;
	font-weight:bold;
	width:60px;
	float:left;
	color:#001c5e;
	padding-right:3px;
}
div.newsTitle { color:#cc7108; font-weight:bold; font-size:1em; text-transform:uppercase; line-height:1.2em;}
div.newsDetail{ font-size:8pt; line-height:1.1em; color:#001c5e;
}


.projectClient
{
	font-size:9pt;
	font-weight:normal;
	color:#001c5e;
}
.projectName
{
	font-size:9pt;
	font-weight:bold;
	color:#0488BB;
}
.projectTech
{
	font-size:9pt;
	font-weight:normal;
	color:#7c6f5d;
}
.sectionHeader
{
	font-size:16pt;
	font-weight:bold;
	color:#001c5e;
}
.sectionIntro
{
    font-size:9pt;
    color:#001c5e;
}

.caption
{
    font-size:9pt;
    font-weight:bold;
    color:#0488BB;
}
.description
{
    width:740px;
    font-size:9pt;
    color:#001c5e;
}
td.adminlinks
{
	width:125px;
	vertical-align:bottom;
}
td.textLabel
{
	padding-top:4px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}
.thumbnail
{
	width:200px;
	height:100px;
	border: solid 3px black;
	padding: 10px 10px 0px 10px;
}
.thumbnailHover
{
	width:225px;
	cursor:pointer;
	border: solid 3px black;
	padding: 10px 10px 0px 10px;
}
.textbox
{
	font: 10pt Calibri, Verdana, sans-serif;
}

.site-nav { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; text-transform:uppercase; background:url(images/divider2.gif) repeat-y right top}
.site-nav a { text-decoration:none; color:gray; display:block; padding:13px 28px 2px 28px;}
.site-nav a:hover { text-decoration:underline; color:#bfbfbf;}
.site-nav last { background:none;}

/*p { margin:0; padding:0;}*/
.p1 { margin-bottom:21px;}
l.TickList {
/*  list-style-image: url('../images/tick.gif')*/
}

td.ServicesText
{
    font-weight: normal;
    font-size: 12pt;
    font-family:, Calibri; color:#254061;
    line-height:20px;

}

ul.checkmark {
    list-style-type: none;
}

ul.TickList {
  list-style-image: url('../images/tick.gif')
}

td.ServicesText
{
    font-weight: normal;
    font-size: 12pt;
    font-family:, Calibri; color:#254061;
    line-height:20px;

}
td.ServicesTitle
{
    font-weight: bold;
    font-size: 14pt;
    font-family:, Calibri; color:#254061;
    text-align:center;
}


.bullet
{
    font-size:16.0pt;
    color:#002060;
    font-family:Wingdings; 
    line-height:1.2em;
}

.bullettext
{
    font-size:16.0pt;
    font-family:Calibri;
    color:#002060; 
    line-height:1.2em;
}
.bulletItalictext
{
    font-size:16.0pt;
    font-family:Calibri;
    color:#002060; 
    line-height:1.2em;
    font-style:italic;
}
.bulletdetail
{
    line-height:1.2em;
    text-align: center;
    font-size:16.0pt;
    font-family:Calibri;
    color:#002060;
}

.bulletlarge
{
    font-size:18.0pt;
    color:#002060;
    font-family:Wingdings; 
    line-height:1.3em;
    font-weight:bold;
}

.bulletlargetext
{
    font-size:18.0pt;
    font-family:Calibri;
    color:#002060; 
    line-height:1.3em;
    font-weight:bold;
}

.bulletlargeItalictext
{
    font-size:18.0pt;
    font-family:Calibri;
    color:#002060; 
    line-height:1.3em;
    font-style:italic;
}
.bulletsmall
{
    font-size:12.0pt;
    color:#002060;
    font-family:Wingdings; 
    line-height:1.3em;
}

.bulletsmalltext
{
    font-size:12.0pt;
    font-family:Calibri;
    color:#002060; 
    line-height:1.3em;
}

.bulletsmalldetail
{
    line-height:1.2em;
    text-align: center;
    font-size:12.0pt;
    font-family:Calibri;
    color:#002060;
}

/* used on the services page only */
.bulletsmallservices
{
    font-size:12.0pt;
    color:#254061;
    font-family:Wingdings; 
    font-weight:bold; 
    line-height:1.5em;
}

.bulletsmalltextservices
{
    font-size:12.0pt;
    font-family:Calibri;
    color:#002060; 
    font-weight:bold; 
    line-height:1.5em;
}
.bulletsmalltextitalicservices
{
    font-size:12.0pt;
    font-family:Calibri;
    color:#002060; 
    font-style:italic; 
    line-height:1.5em;
}

/*                                 */

.pagetitle
{
    font-family:Calibri; 
    font-size:20pt; 
    font-weight:bold;
    color:#002060;
    line-height: 1.3em;
    
}
