/* =================Eventis Styles==================
Styles written for www.eventismedia.com
written by Michael Sawicki - www.holycrapcreative.com
======Colors==========
darkblu/gray  1a2023
lightblue     88c4e3
yellow	      f9f3a3
darkerblue    69a2ca
====================================================*/
body {
	height:100%; 
	font-size: 14px;
	color: #1a2023; 
	background: #acd5ea url(/img/bg.png) repeat-y center;  ; 
	font-family:Arial, Helvetica, sans-serif; 
	}
html {height: 100%;}
/*=======reset======*/
* {margin: 0; padding: 0;}
/* =======FONTS ==========*/
@font-face {
	font-family: 'ChunkFiveRegular';
	src:  url('/inc/fonts/Chunkfive.ttf') format('truetype');
}
 /* ======Links=========*/

a { color:#2e769f;}
a:hover { color:#000; text-decoration: none;}

p {
	line-height:1.3em;
	
}
.content p {margin:0 0 10px;color:#333333;}

br.clear {
	clear:both;
	
}
blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
color:#69a2ca;
padding:10px;
line-height:1.6em;
margin:0 0 30px;
}
h1 {font-size:36px; font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
h2 {font-size:32px; font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
h3 {font-size:28px; font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
h4 {font-size:24px; font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
h5 {font-size:20px; font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
h6 {font-size:16px;font-family:'ChunkFiveRegular', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}
	  
/*=====The System=============*/

.left {float:left;} /* Float an Item left */
.right{float: right;} /* Float and item right */ 
.center{margin:0 auto 0;} /* Center an item that is assigned a width */

.one {width:100px;}
.two {width:200px;}
.three {width:300px;}
.four {width:400px;}
.five {width:500px;}
.six {width:600px;}
.seven {width:700px;}
.eight {width:800px;}
.nine {width:900px;}
.fullWidth{width:960px;}
.wideDiv {width:1000px;}

.blutext {color:#68a2cb;
}

/*============== GENERAL LAYOUT================================*/
#wrap {
	min-height: 100%; 
	height: auto !important; 
	height:100%; 
	margin: 0 auto -150px;
	}
#footer {
	height: 150px;
	background: #1a2023;
	color:#fff;
	}
.footerContent {
	padding:20px 20px 20px 120px;
	height:75px;
	 width:880px;
	 margin:0 auto 0;
	 background:url(/img/footerlogo.gif) no-repeat 0 20px;
}
.footerContent a {
	color:#fff;
}
.push { height: 150px;
	}/* Push the Footer to the Bottom */
#bar { background:#1a2023; 
	border-bottom: 5px solid #acd5ea;
	position:relative;
	}
#navigation {
	float:right;
	width:600px;
}
.admin {
	background:url(/img/admin.jpg) no-repeat; padding:5px 0px 6px;
	text-align:center;
	width:100px;
	position:absolute;
	top:0;
	right:30px;
	
}
.admin a {
	color:#fff;
	text-decoration:none;
	text-shadow:0px 0px 5px rgba(18,88,124,0.9);
	}
	
#header { position:relative;
	width:1000px;
	margin:0 auto 0;
	}
a.logo{
	 background:url(/img/logo.gif) no-repeat;
	 text-indent: -1000px;
	 display:block; 
	 height: 132px; 
	 width: 277px; 
	 margin: 15px 0 0 0px;
	 padding: 0;
	 float:left;}
	 
.content {
	padding:20px;
	margin:0 auto 0;
	width:700px;
 
 }
.HomeContent {
	background:url(/img/home-bg.png) no-repeat 0px -30px;
	width:1000px;
	margin:0 auto 0;
 }
 .HomeContent .copy {
	 width:550px;
	 float:right;
	 margin:230px 80px 20px;
 }
 .HomeContent .copy p {
	 line-height:1.4em;
 }
 .tri {
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	 -khtml-border-radus:5px;
	 border-radius:5px;
	 background:rgb(164,208,233); /* IE background color */
	 background:rgba(164,208,233,0.7);
	 height:150px;
	 width:260px;  
	 margin:20px; 
	 padding:15px;
	 float:left;
	 position:relative;
 }
 .tri h5 {
	 background:#fff;/* IE background color */
	 padding:4px 0px 0px 25px;
	 margin:0 0 5px -25px;
	 width:275px;
	 display:block;
	 border-bottom:2px solid #69a2ca;
	 color:#69a2ca;
 }
 .tri p {
	 line-height:1.2em;
	 color:#333;
 }
.tri img.triBtn {
	position:absolute;
	bottom:10px;
	right:15px;
}
.blubox {
background:#fff;
padding:20px;
border:1px solid #69a2ca;
margin:25px 0 25px;
}
	 
/* ======== Navigation ========= */

ul.navList li {
 	padding:55px 20px 0;
 	margin: 0 0px 0;
 	float: left;
 	list-style: none;
	text-align:center;
 	}
 ul.navList li a {
	 color: #fff;
	 font-size: 20px;
	 text-decoration: none;
	 font-family:'ChunkFiveRegular',Arial, Helvetica, sans-serif;
	 line-height: 1em;
	 text-shadow:0px 0px 9px rgba(18,88,124,0.9);
 }
 ul.navList li a span {
	 color: #fff;
	 font-size: 14px;
	 text-decoration: none;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-weight: normal;
	 font-style:italic;
	 line-height: 1em;
	 text-shadow: 0px  0px 3px rgba(106,161,200,0.6);
 
 }
 ul.navList li a:hover {
	color:#68bcdf;
 }
  
/* =============Map page ============== */
#map {
padding:20px 10px 10px;
background:url(/img/map.gif) no-repeat 120px;
height:650px;
position:relative;
width:960px;
margin:0 auto 0;
}
.zipSearch {
	position:absolute;
	top:35px;
	right:330px;
	height: 36px;
	width: 248px;
	padding:10px;
	background:#fff;
	-moz-border-radius:10px;
}
.zipSearch h5 {margin:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif; }
.zipform {border:1px solid #69a2ca;
	padding:5px 8px 5px;
	font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background:#fff;
	-moz-box-shadow:inset 0px 0px 3px #88c4e3;
	-webkit-box-shadow:inset 0px 0px 3px #88c4e3;
	width:80px;
	}
.zipform:focus {
-moz-box-shadow:inset 0px 0px 0px #69a2ca;
-webkit-box-shadow:inset 0px 0px 0px #69a2ca;
background:#f9f3a3;
}

div#detroit {
	position:absolute;
	top:217px;
	left:619px;
	height:16px;
	width:14px;
	overflow:hidden;
	
	
}
div#northmi {
	position:absolute;
	top:183px;
	left:600px;
	height:16px;
	width:14px;
	overflow:hidden;	
}
div#westmi {
	position:absolute;
	top:205px;
	left:595px;
	height:16px;
	width:14px;
	overflow:hidden;
}
.maoLocation {position:relative;
}
.mapLocation a {
	color:#000;
	width:250px;
	text-decoration:none;
	background:url(/img/mapStar.png) no-repeat left;
	display:block;
}
.mapLocation a span {
	padding:3px 3px 3px;
	background:#fff;
	font-size:14px;
	margin:2px 16px 0;
	font-weight:bold;
}

/*==========Contact Us Page ==============*/
.contact-page label {font-size:18px;}
.contact-page label span {font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#2f6b93;
}
.contact-page ul.contactList li {
	list-style:none;
	margin:10px;
	padding:10px;
}
.contact-page input[type=text]  {
	padding:5px;
	font-size:18px;
	border:1px solid #88c4e3;
	-moz-box-shadow:inset 0px 0px 5px #88c4e3;
	-webkit-box-shadow:inset 0px 0px 5px #88c4e3;
}
.contact-page textarea {
	padding:5px;
	font-size:18px;
	border:1px solid #88c4e3;
	width:480px;
	height:250px;
	-moz-box-shadow:inset 0px 0px 5px #88c4e3;
	-webkit-box-shadow:inset 0px 0px 5px #88c4e3;
	
}
.contact-page input[type=submit] {background:#88c4e3;
padding:5px 10px 5px;
color:#000;
font-size:16px;
border:none;
text-transform:capitalize;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.contact-page input.error, .contact-page textarea.error {
-moz-box-shadow:inset 0px 0px 5px red;
	-webkit-box-shadow:inset 0px 0px 5px red;
	border:1px solid red;

}
div.error {color:#fff;
background:#FF6666;
border-bottom:1px solid red;
border-left:1px solid red;
border-right:1px solid red;
padding:2px 3px 3px;
width:200px;
}
/*============== Modal Window CSS =============== */
#modalBox .b{background:url(/img/b.png)}
#modalBox .tl{background:url(/img/tl.png)}
#modalBox .tr{background:url(/img/tr.png)}
#modalBox .bl{background:url(/img/bl.png)}
#modalBox .br{background:url(/img/br.png)}
#modalBox{position:absolute;width:100%;top:50%;left:0;z-index:100;text-align:left}
#modalBox .popup{position:relative}
#modalBox table{border-collapse:collapse;margin:auto}
#modalBox .body{background:#fff;width:370px;padding:10px}
#modalBox img{border:0}
#modalBox .footer{border-top:1px solid #DDD;padding-top:5px;margin-top:10px;text-align:right}
#modalBox .tl,#modalBox .tr,#modalBox .bl,#modalBox .br{height:10px;width:10px;overflow:hidden;padding:0}
#modalBox .loading,#modalBox .image{text-align:center}

/* =============Slider Css===============*/
.slider-page .content {width:960px;
margin:0 auto 0;
}
#slider {
    width: 820px;
    margin: 20px auto;
    position: relative;
}

.scroll {
    height: 450px;
    width: 820px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.scrollContainer div.panel {
    padding: 40px;
    height: 380px;
    width: 720px;
}
#slider p {
font-size:14px;
}


ul.navigation {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#one {background:url(/img/step1.png) no-repeat 250px 60px;}
#two {background:url(/img/step2.png) no-repeat center 30px  ;}
#two .five { margin:200px auto 0;}