@charset "UTF-8";
/* CSS Document */
/* Correcting the Center Aligned Background Bug */
/*
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}
*/
html, body {
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #e67300; /*#0080ff; #ff8000;  #0051b2; #d35bab #4c4c4c;*/
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}
/*html {
	margin-left: -1px;
}

body {
	margin-left: 1px;
}
*/
img {
	border: 0px solid #000000;
}
br.clear {
	clear: both;
}
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#section {
	font-size: 25px;
	font-weight: bold;
	width: 300px;
	float: right;
	color: #fff;
	margin-top: 35px;
	margin-right: 25px;
	text-align: right;
}
#footer {
	width: 1002px;
	height: 21px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/footer.png);
	position: relative;
	margin-top: 10px;
}
.services #footer {
	margin-top: 660px;
}
.about #footer {
	margin-top: 10px;
	/* display: none; */
}
.about .aboutFooter {
	margin-top: 355px;
	display: none;
	width: 1002px;
	height: 21px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/footer.png);
	position: relative;

}
.contact #footer {
	margin-top: 370px;
}
#contactForm .success {
	color: #ffffff;
	margin-top: 15px;
}
/*
#playerClose {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/x2.png);
}
*/
.submit {
	width: 100px;
	height: 16px;
	/* border: 1px solid #b3b3b3; */
	/* background: #b3b3b3; */
	/* for IE */
  	/* filter:alpha(opacity=40); */
  	/* CSS3 standard */
  	/* opacity:0.4; */
  	display: block;
}
#loginFormSubmit {
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/log_in_button.png);
}
.body {

}
.autoCenter {
	margin-left: auto;
	margin-right: auto;
	width: 1002px;
	height: 100%;
	/* background: #ccff66; */
	position: relative;
}
.autoCenter.interior {
	width: 984px;
}
header#headerBar {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/header_bg.png);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 35px;
	z-index: 2;
	/* background: #ffcc66; */
}
#headerBg {
	min-width: 1002px;
	width: 100%;
	max-width: 2500px;
	min-height: 35px;
	height: 35px;
	max-height: 35px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/header_bg.png);
	margin-left: auto;
	margin-right: auto;
	display: none;
	z-index: 1;
}
#headerBar .autoCenter nav{
	background: url(../images/1px_header_top.png) repeat-x center top;
	width: 299px;
	/* max-width: 299px; */
	height: 35px;
	max-height: 35px;
	display: inline-block;
	/* background: #66ffcc; */
	margin: 0px;
	float: left;
}
#headerBar .autoCenter .headerColumnTwo {
	/*
background-repeat: repeat-x;
	background-image: url(../images/1px_header.png);
*/
	display: inline-block;
	height: 35px;
	max-height: 35px;
	float: left;
	/* background: aqua; */
}
.headerLink {
	width: 75px;
	max-width: 75px;
	height: 27px;
	max-height: 27px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	/* background: #e97d05; */
	position: relative;
	top: 8px;
}
.headerLink {
	display: inline-block;
	position: relative;
}

.headerLinkL:hover {
	text-decoration: none;
}
.headerLink .wrap {
	position: relative;
	display: inline-block;
	width: 75px;
	max-width: 75px;
	height: 27px;
	max-height: 27px;
	margin: 0px;
	padding: 0px;
} 

.headerLink .wrap span {
	width: 75px;
	height: 27px;
	max-height: 27px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	/* background: black; */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.headerLink .wrap span.over {
	/* background: red; */
	z-index: 5;
	display: none;
}
.headerLink .wrap span.skin {
	/* background: red; */
	z-index: 15;
	display: inline-block;
	/* background: aqua; */
}
.headerLink .wrap span.click {
	/* background: red; */
	z-index: 4;
	display: none;
	/* background: aqua; */
}
.headerLink .wrap span.click.current {
	/* background: red; */
	z-index: 4;
	display: block;
	/* background: aqua; */
}



.headerLink.about, .headerLink.about .skin,
.headerLink.about .up,
.headerLink.about .over,
.headerLink.about .click
{
	width: 74px;
}

.headerLink.home .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/home_up.png);
}
.headerLink.services .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/services_up.png);
}
.headerLink.about .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/about_up.png);
}
.headerLink.contact .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/contact_up.png);
}



.headerLink.home .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/home_hover.png);
}
.headerLink.services .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/services_hover.png);
}
.headerLink.about .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/about_hover.png);
}
.headerLink.contact .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/contact_hover.png);
}


.headerLink.home .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/home_click.png);
}
.headerLink.services .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/services_click.png);
}
.headerLink.about .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/about_click.png);
}
.headerLink.contact .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/contact_click.png);
}










.headerLink.home .up {
	background-repeat: no-repeat;
	background-image: url(../images/home_up.png);
}
.headerLink.services .up {
	background-repeat: no-repeat;
	background-image: url(../images/services_up.png);
}
.headerLink.about .up {
	background-repeat: no-repeat;
	background-image: url(../images/about_up.png);
}
.headerLink.contact .up {
	background-repeat: no-repeat;
	background-image: url(../images/contact_up.png);
}



.headerLink.home .over {
	background-repeat: no-repeat;
	background-image: url(../images/home_hover.png);
}
.headerLink.services .over {
	background-repeat: no-repeat;
	background-image: url(../images/services_hover.png);
}
.headerLink.about .over {
	background-repeat: no-repeat;
	background-image: url(../images/about_hover.png);
}
.headerLink.contact .over {
	background-repeat: no-repeat;
	background-image: url(../images/contact_hover.png);
}


.headerLink.home .click {
	background-repeat: no-repeat;
	background-image: url(../images/home_click.png);
}
.headerLink.services .click {
	background-repeat: no-repeat;
	background-image: url(../images/services_click.png);
}
.headerLink.about .click {
	background-repeat: no-repeat;
	background-image: url(../images/about_click.png);
}
.headerLink.contact .click {
	background-repeat: no-repeat;
	background-image: url(../images/contact_click.png);
}


/*
.headerLink .wrap span.hovered {
	width: 1px;
	max-width: 1px;
	height: 1px;
	max-height: 1px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	background: black;
}
*/
#headerBar .autoCenter #themeChooser {
	width: 40px;
	height: 35px;
	display: inline-block;
	text-decoration: none;
	background-repeat: repeat-x;
	background-image: url(../images/1px_header.png);
	/* background: #66ccff; */
	float: left;
}
#headerBar .autoCenter .fill {
	width: 520px;
	max-width: 520px;
	height: 35px;
	display: inline-block;
	background-repeat: repeat-x;
	background-image: url(../images/1px_header.png);
	/* background: #ff6fcf; */
	float: left;
}
/*
.clientLogin {
	width: 135px;
	height: 35px;
	display: inline-block;
	background: url(../images/1px_header_top.png) repeat-x center top;
	margin: 0px;
	padding: 0px;
	float: left;
	
}
*/
.clientLogin {
	width: 135px;
	height: 35px;
	display: inline-block;
	background: url(../images/1px_header.png) repeat-x center top;
	margin: 0px;
	padding: 0px;
	float: left;
	/* background: gray; */
}
.clientLogin .headerLink span {
	width: 135px;
	height: 28px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.clientLogin .headerLink,
.clientLogin .headerLink .wrap,
.clientLogin .headerLink .wrap span,
.clientLogin .headerLink .wrap .skin,
.clientLogin .headerLink .wrap .up,
.clientLogin .headerLink .wrap .over,
.clientLogin .headerLink .wrap .frame {
	width: 135px;
	min-height: 28px;
	height: 28px;
}
.clientLogin .headerLink {
	width: 135px;
	height: 28px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	position: relative;
	top: 7px;
}

.clientLogin .headerLink .skin.msie {
	/* background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_up.png);
}
.clientLogin .headerLink .skin.msie:hover {
	/* background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_over.png);
}
.clientLogin .headerLink .skin.msie:active {
/* 	background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_click.png);
}


.clientLogin .headerLink .frame {
	/* background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_frame.png);
}
.clientLogin .headerLink .up {
	/* background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_up.png);
}
.clientLogin .headerLink .over {
	/* background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_over.png);
}
.clientLogin .headerLink .click {
/* 	background-position: center -1px; */
	background-repeat: no-repeat;
	background-image: url(../images/client_login_click.png);
}

.clientLogin .headerLink .skin.filled, .clientLogin .headerLink .wrap.filled {
	/* background-position: center -1px; */
	width: 135px;
	height: 35px;
	/* top: 1px; */
	background-position: center bottom;
	background-repeat: repeat-x;
	background-image: url(../images/1px_header.png);
}

#loginDrawWrap {
	/* background: red; */
	/* text-shadow: 0px 0px 6px #5d5d5d; */
	height: 27px;
	width: 350px;
	float: right;
	position: relative;
	left: -2px;
	top: -27px;
	overflow: hidden;
	z-index: 1000000;
	display: none;
	/* for IE */
  	/* filter:alpha(opacity=90); */
  	/* CSS3 standard */
  	/* opacity:0.90; */
}
#headerBar .autoCenter #loginDrawWrap #loginDraw {
	/* background: aqua; */
	height: 237px;
	width: 350px;
	float: right;
	position: absolute;
	
	left: -1px;
	/* top: -1px; */
	bottom: 0px;
	overflow: hidden;
	z-index: 10000;
}
#loginDraw #container {
	width: 350px;
	height: 108px;
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	/* background: gray; */
	z-index: 1000000;
}
#loginDraw #container #body {
	width: 350px;
	height: 81px;
	position: absolute;
	bottom: 27px;
	overflow: hidden;
	/* background: gray; */
	z-index: 1000000;
	/* display: none; */
	text-align: right;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../images/client_login_panel.png);
}
#loginDraw #container #body .column {
	width: 50%;
	height: 100%;
	float: right;
	text-align: center;
	padding-top: 10px;
}
#loginDraw #container #body .input {
	width: 142px;
	height: 13px;
	display: block;
	text-align: center;
	position: relative;
	right: -15px;
	top: 1px;
	z-index: 1;
}
#loginDraw #container #body .input.two {
	right: -15px;
	top: 6px;
}
#loginDraw #container #body .input label {
	text-align: left;
	color: #ffffff;
	text-shadow: 0px 1px 2px #191919;
	/* background: aqua; */
	display: block;
	width: 142px;
	height: 13px;
	position: relative;
	top: 0px;
	left: 5px;
	z-index: 2;
}
#loginDraw #container #body .input input {
	width: 142px;
	height: 13px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	z-index: 1;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
#loginDraw #container #body .input input:focus {
	background: #ffffff;
	color: #000000;
}
#loginDraw #container #body .input label.focus{
	text-shadow: 0px 0px 0px #191919;
	color: #808080;
}
#loginDraw #container #handle {
	width: 350px;
	height: 27px;
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	/* background: blue; */
	z-index: 1000000;
}
#loginDraw #container #handle.bg {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/client_login_panel_drop_shadow.png);
}

#loginDraw #container #handle #close {
	height: 27px;
	width: 135px;
	/* background: blue; */
	/* float: right; */
	position: absolute;
	right: 4px;
	cursor: pointer;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../images/client_login_click.png);
}
#loginDraw #container #handle #close.close {
	width: 132px;
	/* right: 1px; */
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/client_login_close.png);
}

div#bodyContent {
	position: relative;
	top: 45px;
	left: 0px;
	right: 0px;
	height: 101px;
	/* background: #ff6666; */

	
}

#logoBox {
	height: 101px;
	/* background: #ffcc66 */;
	background-repeat: no-repeat;
	background-image: url(../images/logo_header.png);
	
}
.home #previewBox {
	height: 606px;
	/* background: #66ccff; */
	margin-top: 10px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/preview.png);
}
.home #previewBox #mainImage {
	position: relative;
	width: 984px;
	height: 387px;
	top: 9px;
	right: -2px;
	/* background: #e6e6e6; */
	background-repeat: no-repeat;
	background-image: url(../images/preview/p_0.jpg);
	cursor: pointer;
}
.home #previewBox #subBox {
	position: relative;
	width: 984px;
	height: 192px;
	top: 15px;
	/* background: #cccccc; */
	
}
.home #previewBox #subBox span {
	width: 322px;
	height: 192px;
	display: inline-block;
	/* background: #6666ff; */
	margin-left: 7px;
}
.home #previewBox #subBox #subOne {
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/preview/p_1.jpg);
	cursor: pointer;
	position: relative;
}
.home #previewBox #subBox #subTwo {
	background-repeat: no-repeat;
	background-image: url(../images/preview/p_2.jpg);
	position: relative;
}
.home #previewBox #subBox #subThree {
	background-repeat: no-repeat;
	background-image: url(../images/preview/p_3.jpg);
	cursor: pointer;
	position: relative;
}
.home #previewBox #subBox #subOne a, .home #previewBox #subBox #subTwo a, .home #previewBox #subBox #subThree a, .home #previewBox #mainImage a {
	text-decoration: none;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	/*
width: 100%;
	height: 100%;
*/
	position: absolute;
	z-index: 1;
}