@charset "utf-8";
/* CSS Document */
/* Copyright 2012 MBW Concepts & M-Design */

body, p, img, ul, a, h1, h2, h3, h4 {padding:0; margin:0;}

body {background:url(../images/gradient.gif) top center repeat-y #2e2e2e; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}

a, a:visited, a:focus {outline:none; color:#ffffff; text-decoration:underline;} 
a:hover, a:active {outline:none; color:#bbbbbb; text-decoration:underline;} 

p {line-height:140%;}

.wrapper {
	width:100%; 
	margin:0 auto auto auto;
}

.page-container {
	width:980px;
	margin:0px auto auto auto;
	/*background:url(../images/bg.png) repeat-y top left;*/
}

.page-footer {
	margin:0px auto auto auto;
	height:31px;
	width:960px;
	background:#2e2e2e;
	font-size:10px;
	color:#666;
	/*background:url(../images/bg_footer.png) no-repeat top left;*/
}

.the-page {
	width:959px;
	margin:0 auto auto auto;
}

.logo {
	width:749px;
	height:124px;
	float:left;
	display:inline;
	background:url(../images/logoimg.jpg) top left no-repeat;
}

.logo img {
	display:none;
}

.open {
	width:210px;
	height:124px;
	float:right;
	display:inline;
	background:url(../images/logoimg.jpg) top right no-repeat;
}

.open h1 {
	font-size:12px;
	font-weight:bold;
	margin:25px 0 0 10px;
}

.open p {
	font-size:12px;
	font-weight:normal;
	margin:10px 0 0 10px;
}

.nav01 {
	width:709px;
	float:left;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul {
	float:left;
	display:inline;
	margin:0;
}

.nav01 ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav01 ul li a,
.nav01 ul li a:visited {
	text-decoration:none;
	color:#fff;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 22px 10px 23px;
	float:left;
	display:inline;
}

.nav01 ul li a:active,
.nav01 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
.nav02 {
	width:250px;
	float:right;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul {
	float:right;
	display:inline;
	margin:0;
}

.nav02 ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav02 ul li a,
.nav02 ul li a:visited {
	text-decoration:none;
	color:#fff;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 22px 10px 23px;
	float:left;
	display:inline;
}

.nav02 ul li a:active,
.nav02 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}

.content-container {
	width:959px;
	float:left;
	display:inline;
	background:url(../images/contentbg.jpg) top left repeat-y;
}

.content {
	width:719px;
	float:left;
	display:inline;
	padding:15px;
}

.content h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.content h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.content p {
	font-size:12px;
	line-height:150%;
	margin:0 0 10px 0;
	}
	
.content ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.marginal {
	width:200px;
	float:right;
	display:inline;
	padding:20px 0 0 10px;
}

.marginal h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.marginal h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.marginal p {
	font-size:12px;
	margin:0 0 10px 0;
	}

.marginal ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.footer {
	width:918px;
	height:131px;
	float:left;
	display:inline;
	background:url(../images/footerbg.jpg) top left repeat-x;
	padding:20px 15px 20px 26px;
	overflow:hidden;
}

.footer img {
	margin:0 15px 17px 0;
}

.rotation {
	width:959px;
	height:350px;
	overflow:hidden;
	background:#2e2e2e;
	display:none;
	float:left;
	position:relative;
}

.rotation ul li {
	float:left;
	position:absolute;
	list-style: none;
}

.rotation ul li img {
	border:none;
	padding:0;
	background: #FFF;
}

.rotation ul li.show {
	z-index:500
}

table {font-size:12px;}

input {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}
textarea {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}

/* FANCYBOX STUFF */

#content {
	width: 700px;
	background:none;
	border:none;
}


.content a {
	outline: none;
}

.content a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.content a img.last {
	margin-right: 0;	
}

input, textarea {
	width:400px;
	font-family:Verdana;
	font-size:12px;
	background:#fff;
	border-radius:10px;
	margin:0 0 20px 0;
	color:#000;
}

input {
	height:38px;
}

/* TABLETS */
@media (min-width:720px) and (max-width:1025px) {

body {background:#222; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}

a, a:visited, a:focus {outline:none; color:#ffffff; text-decoration:underline;} 
a:hover, a:active {outline:none; color:#bbbbbb; text-decoration:underline;} 

p {line-height:140%;}

.wrapper {
	width:100%; 
	margin:0 auto auto auto;
}

.page-container {
	width:720px;
	margin:0px auto auto auto;
	background:#2e2e2e;
	/*background:url(../images/bg.png) repeat-y top left;*/
}

.page-footer {
	margin:0px auto auto auto;
	height:31px;
	width:720px;
	background:#2e2e2e;
	font-size:10px;
	color:#666;
	/*background:url(../images/bg_footer.png) no-repeat top left;*/
}

.the-page {
	width:719px;
	margin:0 auto auto auto;
}

.logo {
	width:720px;
	float:left;
	display:inline;
	background:url(../images/logoimg.jpg) top left no-repeat;
}

.logo img {
	display:none;
}

.open {
	width:720px;
	height:24px;
	float:right;
	display:none;
	position:;
	background:transparent;
}

.open h1 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
	float:left;
	display:inline;
}

.open p {
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 0;
	float:left;
	display:inline;
}

.nav01 {
	width:520px;
	float:left;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul {
	float:left;
	display:inline;
	margin:0;
}

.nav01 ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav01 ul li a,
.nav01 ul li a:visited {
	text-decoration:none;
	color:#fff;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 22px 10px 23px;
	float:left;
	display:inline;
}

.nav01 ul li a:active,
.nav01 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
.nav02 {
	width:199px;
	float:right;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul {
	float:right;
	display:inline;
	margin:0;
}

.nav02 ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav02 ul li a,
.nav02 ul li a:visited {
	text-decoration:none;
	color:#fff;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 22px 10px 23px;
	float:left;
	display:inline;
}

.nav02 ul li a:active,
.nav02 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}

.content-container {
	width:720px;
	float:left;
	display:inline;
	background:#2e2e2e;
}

.content {
	width:480px;
	float:left;
	display:inline;
	padding:15px;
	
}

.content h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.content h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.content p {
	font-size:12px;
	line-height:150%;
	margin:0 0 10px 0;
	}
	
.content ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.marginal {
	width:200px;
	float:right;
	display:inline;
	padding:20px 0 0 10px;
	background:#666;
}

.marginal h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.marginal h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.marginal p {
	font-size:12px;
	margin:0 0 10px 0;
	}

.marginal ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.footer {
	width:679px;
	height:131px;
	float:left;
	display:inline;
	background:url(../images/footerbg.jpg) top left repeat-x;
	padding:20px 15px 20px 26px;
	overflow:hidden;
}

.footer img {
	margin:0 15px 17px 0;
}

.rotation {
	width:720px;
	height:350px;
	overflow:hidden;
	background:#2e2e2e;
	display:none;
	float:left;
	position:relative;
}

.rotation ul li {
	float:left;
	position:absolute;
	list-style: none;
}

.rotation ul li img {
	border:none;
	padding:0;
	background: #FFF;
}

.rotation ul li.show {
	z-index:500
}

table {font-size:12px;}

input {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}
textarea {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}

/* FANCYBOX STUFF */

#content {
	width: 700px;
	background:none;
	border:none;
}


.content a {
	outline: none;
}

.content a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.content a img.last {
	margin-right: 0;	
}

input, textarea {
	width:400px;
	font-family:Verdana;
	font-size:12px;
	background:#fff;
	border-radius:10px;
	margin:0 0 20px 0;
	color:#000;
}

input {
	height:38px;
}

}
/* SMARTPHONES */
@media (min-width:240px) and (max-width:719px) {

body {background:#222; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}

a, a:visited, a:focus {outline:none; color:#ffffff; text-decoration:underline;} 
a:hover, a:active {outline:none; color:#bbbbbb; text-decoration:underline;} 

p {line-height:140%;}

.wrapper {
	width:100%; 
	margin:0 auto auto auto;
}

.page-container {
	width:96%;
	margin:0px 2%;
	/*background:url(../images/bg.png) repeat-y top left;*/
}

.page-footer {
	margin:0px auto auto auto;
	height:31px;
	width:96%;
	background:#2e2e2e;
	font-size:10px;
	padding:0 2%;
	color:#666;
	/*background:url(../images/bg_footer.png) no-repeat top left;*/
}

.the-page {
	width:100%;
	margin:0 auto auto auto;
}

.logo {
	width:100%;
	float:left;
	display:inline;
	background:#fff;
	height:auto;
}

.logo img {
	float:left;
	display:inline;
	width:100%;
}

.open {
	display:none;
}

.open h1 {
	font-size:12px;
	font-weight:bold;
	margin:25px 0 0 10px;
}

.open p {
	font-size:12px;
	font-weight:normal;
	margin:10px 0 0 10px;
}

.nav01 {
	width:100%;
	float:left;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul {
	float:left;
	display:inline;
	margin:0;	
	width:100%;
}

.nav01 ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	width:100%;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav01 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	width:100%;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav01 ul li a,
.nav01 ul li a:visited {
	text-decoration:none;
	color:#fff;
	width:96%;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 0 10px 4%;
	float:left;
	display:inline;
}

.nav01 ul li a:active,
.nav01 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
.nav02 {
	width:100%;
	float:right;
	display:inline;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul {
	float:right;
	display:inline;
	margin:0;
	width:100%;
	}

.nav02 ul li {
	float:left;
	width:100%;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../images/nav01bg.jpg) top left repeat-x;
}

.nav02 ul li:hover {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	font-size:12px;
	background:url(../images/nav01bg_active.jpg) top left repeat-x;
}

.nav02 ul li a,
.nav02 ul li a:visited {
	text-decoration:none;
	color:#fff;
	background:url(../images/nav01_a.png) top right no-repeat;
	padding:10px 0 10px 4%;
	float:left;
	width:96%;
	display:inline;
}

.nav02 ul li a:active,
.nav02 ul li a:hover {
	text-decoration:underline;
	color:#fff;
}

.content-container {
	width:100%;
	float:left;
	display:inline;
	background:url(../images/contentbg.jpg) top left repeat-y;
}

.content {
	width:96%;
	float:left;
	display:inline;
	padding:15px 2%; 
}

.content h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.content h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.content p {
	font-size:12px;
	line-height:150%;
	margin:0 0 10px 0;
	}
	
.content ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.marginal {
	width:96%;
	float:right;
	display:inline;
	padding:20px 2% 0 2%;
}

.marginal h1 {
	font-size:16px;
	margin:0 0 10px 0;
	}
	
.marginal h2 {
	font-size:14px;
	margin:0 0 10px 0;
	}

.marginal p {
	font-size:12px;
	margin:0 0 10px 0;
	}

.marginal ul {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}
.footer {
	width:96%;
	height:131px;
	float:left;
	display:inline;
	background:url(../images/footerbg.jpg) top left repeat-x;
	padding:20px 2% 20px 2%;
	overflow:hidden;
}

.footer img {
	margin:0 10px 17px 0;
}

.rotation {
	width:100%;
	height:auto;
	overflow:hidden;
	background:#2e2e2e;
	display:none;
	float:left;
	position:relative;
}

.rotation ul li {
	float:left;
	position:absolute;
	list-style: none;
}

.rotation ul li img,
.rotation img {
	border:none;
	padding:0;
	background: #FFF;
	float:left;
	width:100%;
	height:auto;
}

.rotation ul li.show {
	z-index:500
}

table {font-size:12px;}

input {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}
textarea {font-family:Verdana; background:#2e2e2e; color:#fff; border:1px solid #eeeeee;}

/* FANCYBOX STUFF */

#content {
	width: 100%;
	background:none;
	border:none;
}


.content a {
	outline: none;
}

.content a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.content a img.last {
	margin-right: 0;	
}

td.left {
	float:left;
	display:inline;
	width:30%;
}

input, textarea {
	width:100%;
	font-family:Verdana;
	font-size:12px;
	background:#fff;
	border-radius:10px;
	margin:0 0 20px 0;
	color:#000;
}

input {
	height:38px;
}

}