@font-face {
 font-family: MyMotoFont;
 src: url("fonts/mt.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyMotoFont;
 src: url("fonts/mt.ttf") /* TTF file for CSS3 browsers */
}

body {
	background:#3958a5;
  	margin:0;
 	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#fff;
}

a {
  outline: none;
}

#bg {
	background:url(images/bg.png) top #3958a5;
	width:100%;
	height:100%;
}
#wrapper {
	background:url(images/bg_main.png) repeat-y #039;
	margin:0 auto;
	width:989px;
}
#sub_header {
	margin:0 auto;
	width:989px;
}
#wrapper_sub {
	background:url(images/bg_main.png) repeat-y #039;
	margin:0 auto;
	width:989px;
}
#logo {
	float:left;
}
#lb_txt {
	clear:left;
	float:left;
	position:relative;
	background:url(images/bg_lbtxt.png) no-repeat;
	width:306px;
	height:364px;
	font-family: MyMotoFont;
	font-size:40px;
	line-height:40px;
	color:#fff;
}
#lb_txt div {
	display:none;
	position:absolute;
	bottom:10px;
	left:15px;
}
#lb_txt div.active_txt {
	display:block;
}
#lb_nav {
	float:right;
	position:absolute;
	margin-left:305px;
	z-index:20;
	width:683px;
	height:448px;
}
#lb_nav a.btn_next {
	background:url(images/btn_next.png) center right no-repeat;
	background-position:340px center;
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	width:340px;
	height:448px;
}
#lb_nav a.btn_next:hover {
	background-position:right center;
}
#lb_nav a.btn_prev {
	background:url(images/btn_prev.png) center left no-repeat;
	background-position:340px center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	width:340px;
	height:448px;
}
#lb_nav a.btn_prev:hover {
	background-position:left center;
}
#lb {
	float:right;
	position:relative;
	background:#FFF;
	border-right:3px solid #000;
	width:680px;
	height:448px;
}
#lb img {
	display:block;
    position:absolute;
    top:0;
    left:0;
}
#lb img.active {
	display:block;
	z-index:5;
}
#lb img.next {
	display:block;
	z-index:1;
}
#lb img.prev {
	display:block;
	z-index:1;
}
#title {
	float:right;
	position:absolute;
	margin-left:310px;
	z-index:10;
	font-family: MyMotoFont;
	font-size:38px;
	line-height:40px;
	color:#fff;
	padding-left:5px;
	text-shadow: 0px 3px 3px #000;
}
#title_sub {
	float:right;
	position:absolute;
	margin-left:310px;
	z-index:5;
	font-family: MyMotoFont;
	font-size:38px;
	line-height:40px;
	color:#fff;
	padding-left:5px;
	text-shadow: 0px 3px 3px #000;
}

#nav {
	clear:both;
	background:url(images/bg_nav.png) top no-repeat;
	width:989px;
	height:25px;
}
#nav a {
	float:left;
	background:url(images/divider.png) top right no-repeat;
	height:67px;
	font-family: MyMotoFont;
	font-size:30px;
	color:#fff;
	text-decoration:none;
	padding:15px 20px 0 20px;
}
#nav a:hover {
	text-decoration:underline;
}
#nav a.active {
	text-decoration:underline;
}
#main {
	width:989px;
	clear:both;
}
.content_box {
	float:left;
	background:url(images/bg_content.png) top repeat-x #1e438d;
	margin-left:32px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#page_home {
	width:592px;
	height:915px;
}
#page_company {
	width:925px;
}
#page_wheretobuy {
	background:url(images/bg_wheretobuy.jpg) bottom right no-repeat #1e438d;
	width:925px;
}
#page_warranty {
	background:url(images/bg_warranty.jpg) bottom right no-repeat #1e438d;
	width:925px;
}
#page_contact {
	background:url(images/bg_contact.jpg) bottom right no-repeat #1e438d;
	width:925px;
}
#page_contest {
	width:925px;
}
.content {
	margin:50px;
	line-height:25px;
}
.heading {
	font-family: MyMotoFont;
	font-size:38px;
	line-height:40px;
	color:#fff;
	margin-left:-10px;
	text-shadow: 0px 3px 3px #000;
}
.content a {
	color:#FFF;
}
.content hr {
	border:1px dashed #fff;
}
.content li {
	padding-bottom:5px;
}
.l_img {
	float:left;
	padding:5px 20px 0 0;
}
.r_img {
	float:right;
	padding:5px 0 0;
}

/* Right Column */
#r_col {
	float:right;
	width:312px;
	margin-right:32px;
}
#btn_photocontest {
	background:url(images/btn_photocontest.jpg) top left no-repeat;
	width:312px;
	height:253px;
	display:inline-block;
	margin-bottom:25px;
}
#btn_photocontest:hover {
	background-position: top right;
}

#btn_video {
	background:url(images/btn_video.jpg) top left no-repeat;
	width:312px;
	height:253px;
	display:inline-block;
	margin-bottom:25px;
}
#btn_video:hover {
	background-position: top right;
}

#btn_mediagallery {
	background:url(images/btn_mediagallery.jpg) top left no-repeat;
	width:312px;
	height:253px;
	display:inline-block;
	margin-bottom:25px;
}
#btn_mediagallery:hover {
	background-position: top right;
}
#nbox {
	background:url(images/bg_content.png) top repeat-x #1e438d;
	width:312px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nbox_content {
	padding:15px;
	font-size:14px;
}
#newsletter {
	background:url(images/bg_newsletter.png) no-repeat;
	width:285px;
	height:49px;
}
#newsletter #validate {
	background:none no-repeat right;
	border:0px;
	outline:none;
	margin:15px 0 0 20px;
	font-size:14px;
	width:178px;
}
#btn_newsletter {
	background:none;
	border:0px;
	color:#fad115;
	cursor:pointer;
	width:70px;
}
#ajax_newsletter {
	padding:15px 0 0 20px;
	font-size:12px;
}



/* Contact page */
#contact_info {
	float:right;
	width:400px;
}
.img_contact {
	float:left;
	padding-right:20px;
}



/* Row FOOTER */
#row {
	margin:32px 0 0 32px;
}

#footer {
	width:989px;
	height:103px;
}
#footer a {
	color:#1e438d;
}
#copy {
	float:left;
	color:#1e438d;
	padding:50px 0 0 32px;
	font-size:13px;
}
#footer_icons {
	float:right;
	background:url(images/footer_icons.jpg) no-repeat;
	width:430px;
	height:103px;
}

/* FORM STUFF */
.form_btn {
	float:right;
	margin:10px 10px 0 0;
	cursor:pointer;
}
.ajax-message {
	display:none;
}

#validate {
	background:#FFF no-repeat right;
}

/* Form Contest */
#form_contest {
	background:#0f2146;
	width:467px;
	height:300px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}
#form_contest label {
	display:inline-block;
	width:150px;
	padding-bottom:10px;
}
#form_contest input {
	width:300px;
}
#ajax_contest {
	background:#0f2146;
	width:467px;
	height:300px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}


/* Form Warranty */
#form_warranty {
	background:#0f2146;
	width:420px;
	height:320px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}
#form_warranty label {
	display:inline-block;
	width:100px;
	padding-bottom:10px;
}
#form_warranty input {
	width:300px;
}
#form_warranty textarea {
	width:400px;
	height:100px;
}
#ajax_warranty {
	background:#0f2146;
	width:420px;
	height:320px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}


/* Form Contact */
#form_contact {
	background:#0f2146;
	width:320px;
	height:420px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}
#form_contact label {
	display:inline-block;
	width:100px;
	padding-bottom:10px;
}
#form_contact input {
	width:200px;
}
#form_contact textarea {
	width:300px;
	height:200px;
}
#ajax_contact {
	background:#0f2146;
	width:320px;
	height:420px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:30px;
}


/* MEDIA  */
#media_container {
	background:#0f2146;
	width:100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.media_nav {
	display:inline-block;
	float:left;
	background:#000;
	border:1px solid #393939;
	width:189px;
	padding-left:15px;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	font-family: MyMotoFont;
	font-size:25px;
	line-height:50px;
	color:#fff;
	text-decoration:none;
}
.media_nav:hover {
	background:url(images/btn_media.png) top repeat-x #393939;
	color:#000;
	text-shadow: 0 -1px #fad115, 2px 0 #fad115, 0 1px #fad115, -1px 0 #fad115;
}
.media_nav.on {
	background:url(images/btn_media.png) top repeat-x #393939;
	color:#000;
	text-shadow: 0 -1px #fad115, 2px 0 #fad115, 0 1px #fad115, -1px 0 #fad115;
}
.media_nav img {
	float:right;
	padding-top:12px;
}
#btn_contest {
	cursor:default;
}
#pic_container {
	position:relative;
	margin:0 auto;
	width:681px;
	height:448px;
	border:3px solid #000;
}
#pic_container div {
	display:block;
    position:absolute;
    top:0;
    left:0;
}
#pic_container div.active {
	display:block;
	z-index:5;
}
#pic_container div.next {
	display:block;
	z-index:1;
}
#pic_container div.prev {
	display:block;
	z-index:1;
}
.media_txt {
	background:url(images/btn_media.png) top repeat-x #393939;
	border-bottom:3px solid #000;
	border-right:3px solid #000;
	padding:5px 10px; 
}
#media_arrows {
	position:absolute;
	margin-left:74px;
	z-index:20;
	width:681px;
	height:448px;
}
#media_arrows a.btn_next {
	background:url(images/btn_next.png) center right no-repeat;
	background-position:340px center;
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	width:340px;
	height:448px;
	cursor:pointer;
}
#media_arrows a.btn_next:hover {
	background-position:right center;
}
#media_arrows a.btn_prev {
	background:url(images/btn_prev.png) center left no-repeat;
	background-position:340px center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	width:340px;
	height:448px;
	cursor:pointer;
}
#media_arrows a.btn_prev:hover {
	background-position:left center;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	background:url(images/bg_thumbs.png);
	border:3px solid #000;
	width:681px;
	height:95px;
	margin:20px auto;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items a {
	float:left;
	display:block;
	border:1px solid #000;
	width:109px;
	height:72px;
	margin:10px 13px;
	cursor:pointer;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	margin-top:55px;
	float:left;
	cursor:pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* right */
a.right 				{ background-position: 0 -30px; float:right; margin-right: 30px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 30px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}