﻿
html {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0 0 0 0;
	}
img {
	border: 0;
}
.wrapper {
	padding: 10px;
	width: 620px;
	margin: 20px 20px 20px 220px;
	background-color: aliceblue;
	padding-left: 15px;
	padding-right: 15px;
}

.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:1%;
	line-height:0;
	visibility:hidden;
}


.btn1, .btn2, .btn3, #newsletter input {
	background: url(../images/interface.png) no-repeat;
}
.btn1, .btn2, .btn3 {
	color: #fdfdfd;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: -3px 0 3px #053131;
	text-transform: uppercase;
}
.btn1 {
	background-position: 0 0;
	height: 34px;
	line-height: 34px;
	width: 202px;
	padding: 0 3px 9px;
}
.btn2 {
	background-position: 0 -53px;
	height: 37px;
	line-height: 37px;
	width: 220px;
	padding: 0 3px 8px 0;
}
.btn3 {
	background-position: 0 -108px;
	font: 22px/49px Georgia, "Times New Roman", Times, serif;
	height: 49px;
	width: 180px;
}
.btn1:hover {
	background-position: -222px 0;
}
.btn2:hover {
	background-position: -232px -53px;
}
.btn3:hover {
	background-position: -232px -108px;
}


/*------------------------------ HEADER ------------------------------*/
#header {
	height: 320px;
	margin: 0 0 0px 5px;
	float: right;
}

/** Logo **/
#logo {
	
	margin-top:25px;
	padding:15px 15px 10px 215px;
		
}

/** Navigation **/
#navigation {
	height: 42px;
	float:left;
	margin:10px;
	padding:10px 0px 10px 30px;
			}
#navigation ul {
	background-position:center;
	background-color:#FFFFFF;
	display: inline-block;
	height: 40px;
	width: 1115px;
	list-style: none;
	margin: 7px;
	padding: 3px 3px 3px 3px;
}
#navigation li {
	float: left;
	font-size: 18px;
	line-height: 42px;
	margin:3px 5px;
	text-align: center;
	padding:1px 5px 3px 15px;
	height:25px;
}
#navigation li.first {
	margin-left: 0;
	
}
#navigation li.selected {
	background-color: #b7c2c8;
}
#navigation a {
	color: #092f44;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
	
}
#navigation a:hover {
	color: #0a2d43;
	border: 1px #AE9906 outset;
	width:55px;
	height:35px;
}

/** Searchbar **/
#bingbar
{
float: left;
margin-left: 780px;
width:275px;
height:45px;
	}

#bingbarsm
{
float: left;
width:210px;
height:35px;
	}

/** Adbox **/
/**BusinessCenter **/
#BusinessContent {
	width: 1254px;
	margin:10px;
	background-color:#F8FAFA;
}
#BusinessCalc {
	height: 123px;
	font-size: xx-large;
	color:#000066;
	background-color:#FFFFFF;
	border:7px #E1E1E1 outset;
	
	}
#BusinessCalc ul {
padding-bottom:10px;
padding-right: 305px;
float:right;
font-weight:bold;	
}
#BusinessCalc li {
	Display:block;
	padding-left:35px;
	font-weight:normal;
}
#BusinessCenter {
	width: 330px;
	margin-left: 340px;
	text-align: center;
	padding: 5px 5px 10px 5px;
	background-image: url('../images/Brandv2.png');
	background-repeat: no-repeat;
	background-position: top;
}
#BusinessRight {
	float: right;
	width: 520px;
	margin-top: 5px;
	margin-right: 40px;
	text-align: center;
	padding: 2px 5px 20px 5px;
	
}
#BusinessRight ul {
padding-top:20px;
	font-size:x-large;
	font-weight:bold;
	color:#000099;
}

#BusinessRight li {
	color:black;
font-size:large;
display:block;
padding-top:5px;


}
#BusinessLeft {
	float: Left;
	width: 520px;
	margin-top: 5px;
	margin-left: 10px;
	text-align: center;
	padding: 0px 0px 20px 5px;
}

#BusinessLeft ul {
padding-top:20px;
font-size:x-large;
font-weight:bold;
color:#000099;
	
}

#BusinessLeft li {
color:black;
font-size:large;
display:block;
padding-top:5px;

	
}
/*------------------------------ CONTENTS ------------------------------*/
#contents {
	Padding: 5px;
	width: 520px;
}
#center {
	color: #fdfffa;
	padding: 10px 10px 0 680px ;
	margin:0 0px 0 70px ;

}

#centerright {
	margin-top: 275px;
	background-color: #0c2635;
	padding: 20px;
	border: 4px #006666 outset;
}
#centerright2 {
	background-color:#0c2635;
	color:white;
	width:300px;
	float:right;
	padding: 10px;
	border: 4px #006666 outset;
}

#centerright .image1 {
float:right;
border:4px gold outset;
}

#centerright .image {
width:220px;
float:right;
border:4px gold outset;
}
#centerNOSlide {
	color: #fdfffa;
	padding: 10px 10px 0 20px ;
	margin:0 0px 0 30px ;

	width:262px;

}
#centerNOSlide ul {
	padding: 10px 0px 0 540px ;
	margin:0 0px 0 30px ;

}
#centerNOSlide li {
list-style:none;
	padding: 10px 10px 0 10px ;
	margin:0 0px 0 30px ;

}
#centerNOSlide a {
color:#E8FEFF;
}

#centerCon {
	margin: 0 0 0 0 ;
}


/** MAIN **/
#main {
	background-color: #F0F0F0;
	float: left;
	margin-top: 20px;
	margin-right: 70px;
	margin-left: 10px;
	padding: 10px;
	color: #333333;
}
/** Main Schedule **/

#mainpage {
background-color:#FFFFFF;
	float: left;
	margin-right:10px;
	margin-left:5px;
	color: #333333;
	
}

#mainwhite {
	border-color: #008080;
	border-style: outset;
	background-image:url('../images/sunset.png');
	background-repeat:repeat;
	width: 760px;
	height:828px;
	margin-left:20px;
	}
#maincatalog {
	border-color: #008080;
	border-style: outset;
	background-color:#00BFBF;
	width: 960px;
	margin: -430px 5px 50px 280px;
	padding: 20px 30px 25px 5px;
}

#mainclass {
	border-color: #CFCFCF;
	border-style: outset;
	background-color: #F8F8F8;
	width: 680px;
	margin: 20px 0 0 20px;
	padding: 20px 20px 30px 10px;
}

#maintop {
	background-color: #03354f;
	width: 487px;
	
}

#maintop ul {
	background-color: #03354f;
	
	display:inline-block;
	height:58px;
	width: 240px;
	
	
	}
#maintop ul li {
background-color: #03354f;
 display:inline;
 width: 240px;
 height:52px;
 color: white;

}
#maintopNOSlide {
	background-color: #03354f;
	background-image:url('../images/masthead_imagev3.jpg');
	background-repeat:no-repeat;
	width: 630px;
	padding: 12px 5px 20px 20px;
}
#maincenter {
background-color:#FFFFFF;
	margin: 0px 0 0 10px;
	padding: 5px;
	float: left;
}

#mcenter {
	margin: 5px 5px 5px 5px;
	border-color: #E5E5E5;
	height: 308px;
	azimuth: center;
}
#mcenter div.images {
	margin: 35px 0 0 45px;
	float: left;
	height: 180px;
	width: 888px;
	background-color: #F7F7F7;
	overflow: hidden;
}


#mcenterright {
	margin: 0 0 0 0;
	padding: 5px;
	height: 128px;
	width: 220px;
	float: right;
	margin-top: -130px;
	margin-right: 25px;
}
#McenterM {
	font: medium serif;
	padding: 5px;
	height: 128px;
	width: 170px;
	margin-left: 330px;
	margin-top: 5px;
}

#mcenterleft {
	padding: 10px;
	margin: 0 0 0 30px;
	height: 128px;
	width: 220px;
	float: left;
}



#maincenterR {
	padding: 15px;
	margin: 15px 20px 0 0;
	border-color: #F3F3F3;
	border-style: outset;
	background-color: #F3F3F3;
	width: 295px;
	height: 620px;
	float: right;
}


#main span, #main p {
	color:#004040;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	text-align: justify;
}
#main span {
	color: #fdfffa;
	font-size: 16px;
}
#main p a {
	color: #aeb4b4;
	font-weight: bold;
	text-decoration: none;
}
#main span a {
	color: #fdfffa;
	font-weight: bold;
	text-decoration: none;
}
#main ul {
	display: inline-block;
	list-style: none;
	height: 355px;
	margin: 0;
	padding: 10px 5px 0 0;
}
#main ul li {
	float: left;
	width: 292px;
}
#main ul li a {
	color: #fdfffa;
	display: block;
	height: 114px;
	margin: 0 40px 0 0;
	text-decoration: none;
}
#main ul li img {
	float: left;
}
#main ul li h3 {
	margin: 0;
	line-height: 25px;
	padding-top: 35px;
	color: #000000;
}
#main ul li p {
	clear: both;
	padding: 6px 40px 20px 0;
}
#maincenter ul {
	height:160px
}
#maincenter ul li {
	
}
#maincenterR ul {
	height:160px
}
#maincenterR ul li {
	
}

#mainNoSlide {
	background-color: #033541;
	width: 630px;
	height:920px;
	margin: -15px 5px 10px 280px;
	padding: 10px 10px 20px 20px;
	
}
	

#mainNoSlide ul {
	height:160px
}
#mainNoSlide ul li {
	
}

/** SIDEBAR CENTERBAR **/
#headerbar {
	font-size: x-large;
	color: #000066;
	background-color: #FFFFFF;
	padding: 10px 0 0 50px;
}
#sidebar {
	float: left;
	width: 248px;
	margin: 10px 10px 0 0;
	background: #00B9B9;
	padding: 5px 5px 0 0;
	border: 6px teal outset;
}
#sideright {
	margin-right: 43px;
	margin: 45px 0 0 43px;
	float: right;
	padding-right: 25px;
}


#sidebarleft {
	margin: 10px;
	width: 310px;
	background: #EEEEEE;
	border: 5px #CECECE inset;
	float: left;
}

#sidebarleft ul {
	
}

#sidebarleft ul li {
	padding: 5px;
}
#sidebar h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
	color:#F4FFFF;
}
#sidebar ul {
	list-style: none;
	height: 420px;
	margin: 5px;
	padding: 20px 0 0 0;
}
#sidebar ul li {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 15px 10px 10px;
}
#sidebar ul li span {
	color: #456d87;
	display: block;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}
#sidebar ul li span a {
	background: url(../images/bg-comment.gif) no-repeat 7px 3px;
	color: #fffffb;
	display: inline-block;
	height: 20px;
	width: 20px;
	padding-bottom: 1px;
	padding-left: 12px;
	text-decoration: none;
}
#centerbar {
	float: left;
	margin-left: 80px;
	margin-top: 40px;
	width: 1080px;
	height:80px:
	background-color: #FFFFFF;
	border-top: 10px #AE9906 outset;
	border-bottom: 5px #FFD700 outset;
}
#centerbar ul {
	display: inline;
	padding: 30px;
}
#centerbar li {
	float: left;
	font-size: 12px;
	line-height: 32px;
	margin: 3px 10px 3px 0;
	text-align: left;
	padding: 1px 5px 3px 5px;
	display: inline;
	width: 230px;
}

#centerform {
	padding: 0 0 0 160px;
	width: 840px;
	height:80px;
	margin-top: 125px;
	font-size: x-large;
	color: #000066;
	
}

#centerform ul{
padding:20px;
	
}
#centerbarcontent {
	float:left;
	width:820px;
	margin-left:150px;
	margin-top:20px;
	color:#000066;
	font-size:medium;
	padding-left:30px;
	padding-top:15px;
	padding-bottom:10px;
}


/*------------------------------ About us page ------------------------------*/
#contents .background {
	background-color: #ffffff;
	line-height: 20px;
	min-height: 960px;
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}
#contents div.background h3 {
	color: #0e2934;
	margin: 20px 0;
	text-transform: uppercase;
}
#contents div.background p {
	color: #646c6f;
	font-size: 14px;
	margin: 0;
	padding: 0 0 20px;
	text-align: justify;
}
#contents div.background p a {
	color: #0e2934;
	font-weight: bold;
	text-decoration: none;
}
#contents div.background p b {
	display: block;
	margin: 20px 0;
	text-transform: uppercase;
}

/*------------------------------ Blog Page ------------------------------*/

/*------------------------------ Contact us Page ------------------------------*/
#contents div#contacts ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
#contents div#contacts ul li {
	width: 450px;
}
#contents div#contacts ul li p b {
	margin: 0;
	text-transform: none;
}


/*------------------------------ Services Page ------------------------------*/

/*------------------------------ Solutions Page ------------------------------*/

/*------------------------------ Support Page ------------------------------*/

/*------------------------------ FOOTER ------------------------------*/
#footer {
	color: #456f7f;
	line-height: 20px;
	padding: 20px 10px 0px 10px;
	margin-left: 70px;
	float: left;
	position: relative;
}


#footer ul.head {
	azimuth: center;
	font-size: 22px;
	color: #000000;
	margin: 0;
	display: inline-block;
	padding: 10px 0 10px 40px;
}

#footer .left{
	color: #456f7f;
	line-height: 25px;
	padding: 20px 10px 0px 10px;
	margin-left:60px;
	float:left;
	
	
}

#footer .right {
	color: #456f7f;
	line-height: 20px;
	padding: 20px 10px 0px 10px;
	margin-left:60px;
	float:left;
}


#footer ul.contacts {
	float: left;
	font-size: 12px;
	width: 265px;
	height:156px;
	margin-left: 10px;
	display:inline-block;
	padding: 0 0 10px;
	list-style:none;
	}

#footer ul.contacts h3 {
	font-size: 14px;
	margin: 0 0 10px;
	text-transform: uppercase;
	color:#F4FFFF;
}
#footer ul.contacts li span {
	float: left;
	color:black;
	
}

#footer ul.contacts li p {
	margin: 0 0 0 50px;
	list-style:none;
}


#footer span.footnote {
	clear: both;
	display: inline;
	font-size: 12px;
	margin: 40px 0 0;
	text-align: center;
}

/*------------------------------ For IE6 ------------------------------*/
