/*---------- Basic ----------*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #8D9994;
	background-image: url(images/bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
.left {
	clear: left;
	float: left;
}
.right {
	float: right;
	clear: right;
}
.hidden {
	display: none;
}

/*---------- Layout ----------*/

.site {
	background-image: url(images/sitebg2.jpg);
	background-repeat: repeat-y;
	margin: 0px auto;
	width: 910px;	
}
.header {
	height: 160px;
	width: 910px;
}
.header .banner {
	height: 110px;
	margin: 0px 0px 0px 0px;
	width: 910px;
}
.header .navigation {
	background-image: url(images/sitebg2.jpg);
	background-repeat: repeat-y;
	height: 50px;
	width: 910px;
	margin:0px auto;
		
}
.header .navigation ul {
	height: 50px;
	list-style: none;
	margin: 0px auto;
	text-align: center;
	padding-left: 10px;
	width: 910px;
}
.header .navigation ul li {
	color: #FFFFFF;
	float: left;
	
}
.header .navigation ul li a {
	width: 90px;
	height: 50px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
.content .left {
	width: 185px;
	margin: 0px 0px 0px 5px;
}
.content .left .section {
	width: 175px;
	margin: 10px 0px 0px 7px;
	background-image: url(images/leftnavigationbg.jpg);
	background-repeat: repeat-y;
}
.content .left .section h1 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	line-height: 25px;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(images/leftnavigationtop03.jpg);
}

.content .left .section h1 a {
	color:#FFFFFF;
}

.content .left .section span.subnavigationtitle {
	margin: 0px 0px 0px 10px;
}

.content .left .section ul {
	padding: 5px 0px 10px 10px;
	background-image: url(images/leftnavigationbottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	list-style: none;
}
.content .left .section ul li a {
	width: 150px;
	height: 25px;
	display: block;
	margin: 0px 0px 0px 7px;
	line-height: 25px;
	text-decoration: none;
}
.content .left .section ul p {
	width: 150px;
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	color: #666666;
}
.content .right {
	width: 715px;
	margin: 0px 5px 0px 0px;
}

.content .right .product ul {
	margin:0;
	padding:0;
	list-style:none;
}

.content .right .product ul li {
	display:inline;
}

.content .right .product ul li a { 
	text-decoration: none; 
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
}

.content .right .product ul li a:hover {
	color: #fff;
	background-color: #369;
}


.content .right .photo1 img {
	margin:5px 20px 5px 20px;
	padding: 5px;
	border:1px #666666 solid;
 	float:right;
}


.content .right .photo2 img {
	margin:5px;
	padding: 5px;
	border:1px #666666 solid;
}

.footer {
	background-image: url(images/footerbg2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	clear: both;
	height: 50px;
	width: 910px;
}

.footer p {
	color: #3372AB;
	line-height: 50px;
	text-align: center;
}

.mainimg {
	margin: 10px 0px 0px 0px;
}

/*---------- Text ----------*/

.text {
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 10px 5px;
	text-align: justify;
	width: 600px;
}
.headline {
	width: 600px;
	font-size: 16px;
	font-weight: normal;
	color: #553d70;
	margin: 5px 0px 5px 5px;
}
.blue {
	color: #3372AB;
	font-size: 12px;
	margin: 5px 0px 5px 5px;
}
.italic {
	font-style: italic;
	font-size: 13px;
}
.headline .italic {
	font-style: italic;
	font-size: 16px;
}


/*--------Lists--------*/

.list {
	width: 550px;
	font-size: 12px;
	margin: 0px 0px 10px 25px;
	color: #666666;
	line-height: 20px;
	list-style: none;
}
.list li {
	background-image: url(images/bullet.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}
.sublist {
	width: 550px;
	font-size: 12px;
	margin: 0px 0px 10px 35px;
	color: #666666;
	line-height: 20px;
	list-style: url(images/bullet.jpg);
}

.demos ul {
	margin: 10px;
	list-style-type: none;
}
 
.demos ul li {
	padding: 0;
	margin: 10px;
	
	float:left;
}
 
.demos img {
	margin-right: 5px;
	padding:2px;
	border: 1px solid #ccc;
	height: 52px;
	width: 45px;
}
 
.demos ul li a {
	text-decoration: none;
	display:block;
	width:100px;
	height:300px;
}

/*---------- Buttons ----------*/
a.button {
	color: #3372AB;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 0px 0px 0px 12px;
}
a.button:hover {
	color: #5a4c72;
	background-image: url(images/bullet_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 0px 0px 0px 12px;
}
a.home_btn {
	background-image: url(images/home_btn.jpg);
	background-repeat: no-repeat;
}
a.home_btn:hover {
	background-image: url(images/home_btn_over.jpg);
	background-repeat: no-repeat;
}
a.aboutactiveplans_btn {
	background-image: url(images/aboutactiveplans_btn.jpg);
	background-repeat: no-repeat;
}
a.aboutactiveplans_btn:hover {
	background-image: url(images/aboutactiveplans_btn_over.jpg);
	background-repeat: no-repeat;
}
a.productoverview_btn {
	background-image: url(images/productoverview_btn.jpg);
	background-repeat: no-repeat;
}
a.productoverview_btn:hover {
	background-image: url(images/productoverview_btn_over.jpg);
	background-repeat: no-repeat;
}
a.industrysolutions_btn {
	background-image: url(images/industrysolutions_btn.jpg);
	background-repeat: no-repeat;
}
a.industrysolutions_btn:hover {
	background-image: url(images/industrysolutions_btn_over.jpg);
	background-repeat: no-repeat;
}
a.continuityofoperations_btn {
	background-image: url(images/operations_btn.jpg);
	background-repeat: no-repeat;
}
a.continuityofoperations_btn:hover {
	background-image: url(images/operations_btn_over.jpg);
	background-repeat: no-repeat;
}
a.multimediaresources_btn {
	background-image: url(images/multimedia_btn.jpg);
	background-repeat: no-repeat;
}
a.multimediaresources_btn:hover {
	background-image: url(images/multimedia_btn_over.jpg);
	background-repeat: no-repeat;
}
a.ourpartners_btn {
	background-image: url(images/partners_btn.jpg);
	background-repeat: no-repeat;
}
a.ourpartners_btn:hover {
	background-image: url(images/partners_btn_over.jpg);
	background-repeat: no-repeat;
}
a.aboutsdi_btn {
	background-image: url(images/about_btn.jpg);
	background-repeat: no-repeat;
}
a.aboutsdi_btn:hover {
	background-image: url(images/about_btn_over.jpg);
	background-repeat: no-repeat;
}
a.contactus_btn {
	background-image: url(images/contactus_btn.jpg);
	background-repeat: no-repeat;
}
a.contactus_btn:hover {
	background-image: url(images/contactus_btn_over.jpg);
	background-repeat: no-repeat;
}
a.demos_btn {
	background-image: url(images/demos_btn.jpg);
	background-repeat: no-repeat;
}
a.demos_btn:hover {
	background-image: url(images/demos_btn_over.jpg);
	background-repeat: no-repeat;
}
a.emergency_btn {
	background-image: url(images/emergency_btn.jpg);
	background-repeat: no-repeat;
}
a.emergency_btn:hover {
	background-image: url(images/emergency_btn_over.jpg);
	background-repeat: no-repeat;
}
a.news_btn {
	background-image: url(images/news_btn.jpg);
	background-repeat: no-repeat;
}
a.news_btn:hover {
	background-image: url(images/news_btn_over.jpg);
	background-repeat: no-repeat;
}