*{border:0;padding:0;margin:0;}
html, body { height: 100%; }
body {
	min-height: 100%;
	background: #434043;
	font:normal 12px/17px "Helvetica Neue",Helvetica,sans-serif;
	color:#EFEBE6;
}
img { vertical-align: top; }
a, a:link, a:visited, a:active { color:#06DDD6; }
a:hover, a.actRange {
	color:#434043;
	background:#FFF none repeat scroll 0 0;
}
a:focus { -moz-outline: none; }
a { outline: none; }
div.contentArea a, div.contentArea a:link, div.contentArea a:visited, div.contentArea a:active, div.contentArea a:hover { padding:2px; }

.clear {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	zoom: 1;     /* triggers hasLayout */
}  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


div.scroll {
	overflow: auto;
	height: 275px;
	width: 340px;
	position: relative;
}
div.scroll b { color:#FFF; }

#wrapper {
	margin:0 auto;
	width:800px;
}

#tagline {
	color:#3B9F9C;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 15px;
	background:transparent url(../images/tagline_tab.png) no-repeat 0 0;
	padding: 32px 18px 0 18px;
	width:197px;
	height:62px;
	float: right;
	margin-top: -17px;
}

#header, #header h4 { color:#FFF; }
#header { margin:0 0 20px 4px; }
#header h4 {
	font-weight: normal;
	float: left;
	margin-top:17px;
	padding-left:30px;
	font-size: 14px;
}
#header img { float: left; }
#header a, #header a:link, #header a:visited, #header a:menuActive { color:#FFF; }
#header a:hover {
	color:#434043;
	background:#06DDD6 none repeat scroll 0 0;
}
#header ul {
	list-style: none;
	float: left;
	margin-top:17px;
}
#header ul li span {
	text-align: right;
	display: block;
	float: left;
	width: 80px;
	padding-right: 10px;
	color:#AAA;
	font-weight: bold;
}
#logo_holder {
	float: left;
	width: 177px;
	height: 45px;
	background-color: #13D1CC;
	margin-top: 7px;
}

#rangeBttn {
	height: 34px;
	margin-bottom: 10px;
}
#rangeBttn h1 {
	float: left;
	width: 68px;
	height: 23px;
	background:transparent url(../images/menu_back_left.png) no-repeat 0 0;
	color:#06DDD6;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	padding:11px 0 0 25px;
}

#websitesMenu {
	list-style: none;
	float: left;
	display: block;
	padding-right:12px;
	background:transparent url(../images/menu_back_right.png) no-repeat top right;
}

#websitesMenu li {
	float: left;
	position: relative;
	z-index:99;
}
#websitesMenu li a, #identity, #intranet {
	display:block;
	width:144px;
	height:23px;
	text-align:center;
	text-decoration:none;
	font-size: 11px;
	line-height: 11px;
	color:#E5E1DA;
	background:transparent url(../images/menu_back.png) repeat-x 0 0;
	padding-top:11px;
}
#websitesMenu li a:hover, #websitesMenu li a.menuActive {
	background:transparent url(../images/menu_back.png) repeat-x 0 -37px;
	color:#06DDD6;
}
#identity, #intranet {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width:100px;
	background:transparent url(../images/menu_indiv_back.png) repeat-x 0 0;
	margin-left: 31px;
}
#identity:hover, #intranet:hover, #identity.menuActive, #intranet.menuActive {
	background:transparent url(../images/menu_indiv_back.png) repeat-x 0 -37px;
	color:#06DDD6;
}

div.sub-nav-wrap {
	position: absolute;
	top:30px;
	left:0;
	overflow: hidden;
	height:0px;	
}
#subNav1, #subNav2, #subNav3 {
	list-style: none;
	width:144px;
	overflow: hidden;
}
#websitesMenu li li {
	background-color:#696869;
	border-bottom:1px solid #434043;
	display:block;
	width:100%;
}
#websitesMenu li li a, #websitesMenu li li a:active, #websitesMenu li li a:link, #websitesMenu li li a:visited {
	display:block;
	width:100%;
	height:auto;
	text-align:left;
	text-decoration:none;
	font-size: 11px;
	line-height: 13px;
	background: none;
	padding-top:5px;
	padding-bottom:5px;
	color:#E5E1DA;
}
#websitesMenu li li a {
	color:#E5E1DA;
	padding-left:5px;
}
.subMorph1 {
	color:#E5E1DA;
	padding-left:5px;
}
#websitesMenu li li a.menuActive {
	color:#06DDD6;
	padding-left:15px;
}
.subMorph2 {
	color:#06DDD6;
	padding-left:15px;
}
#websitesMenu li li a:hover { background: none; }


#itemWrap {	
	clear:both;
	height:370px;
	width: 800px;
	overflow: hidden;
	position: relative;
}
#itemArea {
	width:2400px;
	height:1480px;
	position:absolute;
}
#rateItem1, #rateItem2, #rateItem3, #rateItem4, #rateItem5, #rateItem6, #rateItem7, #rateItem8, #rateItem9, #rateItem10 {
	background:transparent url(../images/two_column_frame.png) no-repeat 0 0;
	float: left;
	width:800px;
}
.rateMorph1 {
	top:0;
	left:0;
}
.rateMorph2 {
	top:0;
	left:-800px;
}
.rateMorph3 {
	top:0;
	left:-1600px;
}
.rateMorph4 {
	top:-380px;
	left:0;
}
.rateMorph5 {
	top:-380px;
	left:-800px;
}
.rateMorph6 {
	top:-380px;
	left:-1600px;
}
.rateMorph7 {
	top:-760px;
	left:0;
}
.rateMorph8 {
	top:-760px;
	left:-800px;
}
.rateMorph9 {
	top:-760px;
	left:-1600px;
}
.rateMorph10 {
	top:-1140px;
	left:0;
}

div.imgArea {
	width:400px;
	height:300px;
	float: left !important;
	margin: 14px 34px 22px 14px;
	position:relative;
	overflow:hidden;
	display: inline;
}
#imgAreaBox1, #imgAreaBox2, #imgAreaBox3, #imgAreaBox4, #imgAreaBox5, #imgAreaBox6, #imgAreaBox7, #imgAreaBox8, #imgAreaBox9, #imgAreaBox10 { position:absolute; }
#imgAreaBox1 div, #imgAreaBox2 div, #imgAreaBox3 div, #imgAreaBox4 div, #imgAreaBox5 div, #imgAreaBox6 div, #imgAreaBox7 div, #imgAreaBox8 div, #imgAreaBox9 div, #imgAreaBox10 div {
	width:400px;
	height:300px;
	float:left;
}
.ctrlWrap {
	clear: both;
	width: 428px;
	padding-left:2px;
}
#imgCtrl1, #imgCtrl2, #imgCtrl3, #imgCtrl4, #imgCtrl5, #imgCtrl6, #imgCtrl7, #imgCtrl8, #imgCtrl9, #imgCtrl10 {
	margin-top: 4px;
	height: 40px;
	float: left;
}
.imgNum a,.imgNum a:active,.imgNum a:link,.imgNum a:visited {
	background: transparent url(../images/number_back.png) no-repeat 0 0;
	width:24px;
	height:18px;
	text-align: center;
	padding-top:5px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 10px;
}
.imgNum a:hover,.imgNum a.activeNum,.imgNum a.activeNum:link,.imgNum a.activeNum:active,.imgNum a.activeNum:visited { color:#01E7DF; }
a.left, a.right {	
	background: transparent url(../images/arrows_back.png) no-repeat -30px 0;
	height:23px;
	width:29px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -2000px;
}
a.left {
	background: transparent url(../images/arrows_back.png) no-repeat 0 0;
	margin-left: 10px;
}
a.left:hover { background: transparent url(../images/arrows_back.png) no-repeat 0 -25px; }
a.right:hover { background: transparent url(../images/arrows_back.png) no-repeat -30px -25px; }
a.demo, .contentArea h1 {
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
}
a.demo,a.demo:hover {
	background: transparent url(../images/round_back.png) no-repeat top right;
	float:right;
	height:33px;
	width:106px;
	padding-top:7px;
	text-align: center; 
}
.contentArea h1 {
	background: transparent url(../images/round_back_title.png) no-repeat top left;
	font-size:12px;
	line-height:17px;
	height:26px;
	color:#06DDD6;
	padding-left: 13px;
	padding-top:6px;
}
.contentArea h1 strong { padding-left:0; }
.contentArea h1 b { color:#EFEBE6; }
.contentArea {
	padding-top:5px;
	float: left;
	width:349px;
}
.contentArea p { padding:5px 25px 5px 13px; }


/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #434043;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../images/mediabox/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}
#mbBottomContainer { background:transparent url(../images/modal_top.png) no-repeat top left; }
.mbLoading {
	background: #000 url(../images/mediabox/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	/*border: 10px solid #000;*/
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	/*border: 10px solid #000;
	border-top-style: none;*/
}

#mbTitle {
	float: left;
	color: #06DDD6;
	line-height: 11px;
	font-size: 11px;
	text-transform: uppercase;
	padding:12px 0 0 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}
/*
#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../images/mediabox/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../images/mediabox/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../images/mediabox/BlackNext.gif) no-repeat center;
}
*/
#mbCloseLink {
	display: block;
	float: right;
	height: 34px;
	width: 81px;
	padding:2px 15px 0 0;
	background: transparent url(../images/modal_close.png) no-repeat center;
	margin: 0;
	outline: none;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	/*border: 10px solid #700;
	padding: 20px 10px 30px;*/
	margin: auto;
}
*::-moz-selection {
	background:#07F4EC;
	color:#02827E;
}
::selection {
	background:#07F4EC;
	color:#02827E;
}