* {
	margin: 0;
	padding: 0;
}





body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #7D8DAA;
	background-color: #ffffff;
}



#outerwrapper {
	height: 100%;
	width: 100%;
	background-image: url(../images/homebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#wrapper {
	height: 750px;
	width: 960px;
	position: relative;
	margin: 0 auto;
}




a {
	color: #7D8DAA;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}



a:hover {
  	font-weight: normal;
  	color:#3EB6B6;
	text-decoration: underline;
  	font-style: normal;
}



a:active {
  position: relative;
  top: 1px;
}



focus {
	outline: 0;
	-moz-outline-style:none;
}


a img, a:active, a:focus, a:hover, a img.preview {
	border: none;
	text-decoration: none;
	padding: 0;
	outline:none;
}




image {
	padding: 0;
	outline:none;
	border: none;
}




ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}




li {
  list-style: none;
}




p {
	font-size: 12px;
	line-height: 120%;
	color: #7D8DAA;
	font-family: Arial, Helvetica, sans-serif;
}





.introtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7D8DAA;
	margin-left: 70px;
	line-height: 130%;
}

.introtext2 {
	font-weight: normal;
	font-size: 12px;
	color: #7D8DAA;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
}

.introtextbold {
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
	font-size: 16px;
	color: #3EB6B6;
}


.introtext a {
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
	font-size: 16px;
	color: #7D8DAA;
	text-decoration: underline;
}

.introtext a:hover {
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
	font-size: 16px;
	color: #3EB6B6;
	text-decoration: underline;
}

.bullet {
  font-weight: bold;
  color:#7BC5C1;
}




h1	{
	font-size:	28px;
	font-weight:bold;
	}

h2	{
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
	font-size:	26px;
	}

h3	{
	font-size:	20px;
	font-weight:bold;
	}

h4 {
	font-size:	18px;
	font-weight:bold;
	}

h5	{
	font-size:	16px;
	font-weight:bold;
	}


h6	{
	font-size:	14px;
	font-weight:bold;
	}



#topcontent {
width: 960px;
height: 385;
position: absolute;
left: 0px;
top: 0px
}



	/* nav begins */

	#navcolumn {
	height: 335px;
	width: 55px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	}


	ul#nav {
	list-style-type:none;
	padding:0;
	text-align:right;
	position: absolute;
	left: 25px;
	top: 170px;
	}
	
	ul {
	list-style:none;
	margin:0;
	padding:0;
	}

	li {
	width:30px;
	margin:0;
	padding:0;
	text-align:center;
	}
	
	li a {
	display:block;
	height:30px;
	color:#ffffff;
	text-decoration:none;
	line-height: 30px;
	}

	
	li a:hover {
	background-position:-300px 0;
	color: #ffffff;
	}
	
	li a:focus, li a:active {
	color: #ffffff;
	}
	
	#nav a {
	background-image: url(../images/menubg.png);
	background-repeat: repeat;
	background-position: 0 0;
		color: #ffffff;
	height: 30px;
	width: 30px;
	display: block;
	margin-bottom: 2px;
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 4px;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 4px;

	border-radius-topleft: 4px;
	border-radius-topright: 0px;
	border-radius-bottomright: 0px;
	border-radius-bottomleft: 4px;

	-khtml-border-radius-topleft: 4px;
	-khtml-border-radius-topright: 0px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 4px;
	}

	/* nav ends */
	
	
	









/* headerslider begins */

#headerslider{
	height: 385px;
	width: 425px;
	position: absolute;
	left: 55px;
	top: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}			

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0;
}

.stripViewer {
position: relative;
overflow: hidden;
width: 425px;
height: 385px;
}

.stripViewer .panelContainer {
position: relative;
left: 0;
top: 0;
}

.stripViewer .panelContainer .panel	{
float: left;
height: 385px;
position: relative;
width: 425px;
}

.stripNavL, .stripNavR, .stripNav {
display: none;
}

.textdescription {
	height: 205px;
	width: 70px;
	color: #9BAAC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	display: block;
	padding-right: 0px;
	padding-top: 180px;
	line-height: 130%;
}

.textdescription a {
	color:#7D8DAA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.textdescription a:hover {
	color:#7BC5C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

/* headerslider begins */















	
#homeflashheader {
	margin: 0 auto;
	width: 480px;
	height: 385px;
	position: absolute;
	border:none;
	padding: 0;
	outline: none;
	top: 0px;
	left: 480px;
}





#homeintrotextcontainer {
	position: absolute;
	left: 0px;
	top: 435px;
	width: 460px;
	height: 75px;
	padding: 0px 20px 0px 0px;
}




#homeflashfooter {
	height: 128px;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 510px;
}




#footer {
	height: 30px;
	width: 890px;
	position: absolute;
	left: 0px;
	top: 638px;
	text-align: right;
	padding-right: 70px;
}


.footertext {
	font-size: 9px;
	color: #BEC4CC;
	font-family: Arial, Helvetica, sans-serif;
}
.footertextgreen {
	font-size: 9px;
	color: #3EB6B6;
	font-weight: bold;
	}


.footertextbold {
	font-size: 9px;
	font-weight: bold;
	color: #A5B3C8;
	font-family: Arial, Helvetica, sans-serif;
}


.footertext a {
	font-size: 9px;
	font-weight: bold;
	color:#A5B3C8;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

.footertext a:hover {
	font-size: 9px;
	font-weight: bold;
	color:#3EB6B6;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}






/* browsericoncontainer details begin */

#browsericoninfocontainer {
	height: 32px;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 668px;
}


#ukgdlinkcontainer {
	height: 28px;
	width: 120px;
	position: absolute;
	left: 180px;
	top: 0px;
	padding-top: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BEC4CC;
}




#browsertextcontainer {
	height: 28px;
	width: 240px;
	position: absolute;
	left: 465px;
	top: 0px;
	text-align: right;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BEC4CC;
	padding-top: 5px;
}

#iconsbox {
	height: 32px;
	width: 245px;
	position: absolute;
	left: 715px;
	top: 0px;
}




.getflashbtn {
	position: absolute;
	top: 0px;
	left: 320px;
	width:125px;
	height:32px;
	display:block;
	background-image:url(../images/getflash.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.getflashbtn span.hover{
	position: absolute;
	display: block;
	width:125px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/getflash.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}


.firefoxicon {
	position: absolute;
	top: 0px;
	left: 0px;
	width:32px;
	height:32px;
	display:block;
	background-image:url(../images/firefox.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}

.firefoxicon span.hover{
	position: absolute;
	display: block;
	width:32px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/firefox.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}


.safariicon {
	position: absolute;
	top: 0px;
	left: 37px;
	width:32px;
	height:32px;
	display:block;
	background-image:url(../images/safari.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.safariicon span.hover{
	position: absolute;
	display: block;
	width:32px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/safari.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}

.ieicon {
	position: absolute;
	top: 0px;
	left: 74px;
	width:32px;
	height:32px;
	display:block;
	background-image:url(../images/ie.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.ieicon span.hover{
	position: absolute;
	display: block;
	width:32px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/ie.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}

.operaicon {
	position: absolute;
	top: 0px;
	left: 110px;
	width:32px;
	height:32px;
	display:block;
	background-image:url(../images/opera.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.operaicon span.hover{
	position: absolute;
	display: block;
	width:32px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/opera.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}


.chromeicon {
	position: absolute;
	top: 0px;
	left: 147px;
	width:32px;
	height:32px;
	display:block;
	background-image:url(../images/chrome.png);
	background-position: left top;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.chromeicon span.hover{
	position: absolute;
	display: block;
	width:32px;
	height:32px;
	background-position: bottom left;
	background-image:url(../images/chrome.png);
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
