/****************************************************************************

Author: Stephen Saugestad
Development by: Nine Mile Studio
Last updated: 10/17/05

*****************************************************************************/

/* defaults ***********************************************************/

* {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E5E4FF;
	color: #666;
}

body a:link, body a:visited, body a:active {
	color: #FF00FF;
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
	color: #FF99FF;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color:#000;
	font-size:12px;
	margin:1em;
}

h2 {
	color:#666;
	font-size:11px;
	margin:1em;
}

p {
	margin:10px 0 10px 0;
	line-height:20px;
}

/* tag defs ******************************************************/

ul li {
	list-style:none;
}

p {
	margin:1em;
}

/* hacks *******************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* start new float clear hack */

.floatclear {
	display:inline-block;
	width:100%;
}

/* hide from IE Mac \*/

* html .floatclear {
	height:1%;
	width:auto;
}

.floatclear {
	display:table;
}

/* end hide from IE-mac */

/* end new float clear hack */

/* Hides from NS/Mozz \*/

* html #content {
	padding-top:32px;
}

/* misc ***********************************************************/

.quote, .quoteBottom {
	background: url(../images/quote.gif) no-repeat 4px 4px;
	padding:14px;
	color: #666;
	border-bottom:dotted 1px #999;
	margin-bottom:20px;
}

.quoteBottom {
	border-bottom:none;
}

ul#contactInfo li {
	padding:0;
	margin-bottom:-4px;
	margin-left:1em;
	background-image:none;
}

.center {
	text-align:center;
}

.galleryButton {
	background: url(../images/button_gallery.gif) no-repeat 0px 2px;
	padding-left: 16px;
	padding-bottom:4px;
}

.img {
	float:left;
	margin-right:10px;
}

.solution {
	background: #FFEAFF;
	color: #000;
	border:1px solid #FF33FF;
	margin-left:10px;
	margin-top:20px;
}

/* splash page **********************************************************/

#splash {
	background: url(../images/bg_splash4.jpg) repeat-x center top;
	background-color: #714693;
}

#splashWrap {
	background: url(../images/splash.jpg) repeat-x center top;
	width:600px;
	height:500px;
	margin:0 auto;
}

#corpWrap {
	width:500px;
	height:300px;
	padding:80px 0 0 0;
	margin:0 auto;
	text-align: center;
}

#splashWrap h1 {
	display:none;
	height:1px;
}

#corporate a {
	text-indent:-9999px;
	background: url(../images/btn_corporate.jpg) 0 0;
	width:139px;
	height:48px;
	display:block;
	text-decoration:none;
	position: relative;
	left: 108px;
	top: 368px;
}

#corporate a:hover {
	background-position:0 -48px;
}

#weddings a {
	text-indent:-9999px;
	background: url(../images/btn_weddings.jpg) 0 0;
	width:126px;
	height:48px;
	display:block;
	text-decoration:none;
	position: relative;
	left: 370px;
	top: 418px;
}

#weddings a:hover {
	background-position:0 -48px;
}

/* main components ***********************************************************/

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

#top {
	background: url(../images/bg_top.jpg) no-repeat 0px 0px;
	height: 150px;
	width: 800px;
}

#switch {
	float:right;
	display:inline; /* for DF bug */
	margin:80px 96px 10px 0;
	font-size:9px;
}

#switch a {
	/*background:url(../images/icon_switch.gif) no-repeat 0 0;
	padding:0 0 2px 18px;*/
	color:#fff;
	font-weight:bold;
}

#switch a:hover {
	color:#FF99FF;
}

#header {
	background: url(../images/bg_header.jpg) no-repeat 0px 0px;
	height: 170px;
	width: 800px;
}

#image {
	width:670px;
	height:140px;
	position: relative;
	left: 39px;
	top: 16px;
}

/* navigation *************************************************************/

#nav {
	position: relative;
	height: 41px;
	width: 800px;
	background: url(../images/nav.jpg) no-repeat 0px 0px;
}

#nav li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
} 

#nav a {
  text-indent: -9999px;
  text-decoration: none;
  position: absolute;
}

#home a { top: 2px; left: 239px; width: 104px; height: 38px; }                                           
#about a { top: 2px; left: 334px; width: 104px; height: 38px; }
#services a { top: 2px; left: 429px; width: 104px; height: 38px; }
#testimonials a { top: 2px; left: 524px; width: 104px; height: 38px; }
#contact a { top: 2px; left: 619px; width: 104px; height: 38px; }

#home a:hover { background: url(../images/nav.jpg) -239px -43px no-repeat; }                                         
#about a:hover { background: url(../images/nav.jpg) -334px -43px no-repeat; }
#services a:hover { background: url(../images/nav.jpg) -429px -43px no-repeat; }
#testimonials a:hover { background: url(../images/nav.jpg) -524px -43px no-repeat; }
#contact a:hover { background: url(../images/nav.jpg) -619px -43px no-repeat; }

#middle {
	width: 800px;
	background: url(../images/bg_middle.jpg) no-repeat 0px 0px;
}

#leftCol {
	height: 190px;
	width: 160px;
	float:left;
	padding-left:26px;
}

#content {
	width:460px;
	margin-left:250px;
	padding-top:20px;
	padding-bottom:20px;
}

#content li {
	padding-bottom:2px;
	padding-left:20px;
	margin:1em;
	background: url(../images/check.gif) no-repeat 0px 6px;
	line-height:20px;
}

#feature {
	font-size: 11px;
	margin-top:60px;
	padding-bottom:20px;
	padding-left:6px;
	float:left;
	clear:both;
	width: 174px;
	color: #7C7C7C;
	text-align: justify;
}

#feature strong {
	color:#858585;
	font-size:10px;
}

#feature p {
	line-height:16px;
}

#footer {
	background: url(../images/bg_footer.jpg) no-repeat 0px 0px;
	clear: both;
	height: 38px;
	width: 800px;
	color: #fff;
	text-align: center;
	padding-top: 12px;
	font-size: 10px;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
	color:#ddd;
}

/* form ******************************************************************************************/

#formWrap {
	margin-left: 14px;
	padding:10px;
	border:3px solid #FFCCFF;
	background-color: #FFF4FF;
}

.button {
	margin-top:16px;
}

label {
	display: block;
	padding-bottom:6px;
	padding-top:10px;
	font-weight: bold;
	font-size:9px;
	color: #666;
}