@charset "UTF-8";
/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #000000;
	background-image: url(images/sam_pattern.jpg);
	background-repeat: repeat;
	position: relative;
	text-decoration: none;
	-webkit-text-size-adjust:none; /* stops font size chnaging on iPhone */
}

/* get rid of system borders generated by A tags */
a {
    outline: none;
}

/* get rid of system borders generated by swf */
object {
	outline:none;
	float: left;
}


/* header styles */


#header-wrap {
	height: 253px;
}
#header-grade {
	background: url(images/top_gradient.png) repeat-x;
	height: 475px;
	position: relative;
}

#header {
	height: 195px;
	width: 760px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
#nav-wrap {
	background: red;
	height: 50px;
}



/* body styles */

#outercontent-wrap {
	position: relative;
	top: -10px;
}

#maincontent-wrap {
	width: 780px;
	margin: auto;
	background-image: url(images/back-panel.png);
	background-repeat: no-repeat;
	height: 564px;
}
#maincontent-wrap  .text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 17px;
	text-shadow: 1px 2px 2px #000;
}
#page-container {
	width: 100%;
	min-height: 100%;
	margin-bottom: -190px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/gradient_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0px 0px 14px;
	text-shadow: 2px 2px 3px #000;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0px 0px 10px;
	text-shadow: 2px 2px 3px #000;
}


/* home styles */

#sampic_holder {
	float: right;
	position: relative;
	height: 564px;
	width: 375px;
}
#sampic {
	height: 564px;
	width: 490px;
	background-image: url(images/main_sam.png);
	background-repeat: no-repeat;
	background-position: 2px bottom;
	float: right;
	position: absolute;
	z-index: 1300;
}
#sam_text {
	position: relative;
	z-index: 1400;
	width: 365px;
	padding-top: 30px;
	padding-left: 30px;
}
#home_gallery {
	height: 179px;
	width: 352px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1500;
	position: relative;
}



/* navigation styles */

#main-nav {
	height: 58px;
	width: 780px;
	margin: auto;
}
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 780px;
	height: 58px;
	background: no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left top;
}
#menu a:hover span{
	display: block;
}
#menu  .wedding {
	width: 131px;
	height: 58px;
	background: url(images/magic_nav_weddings.png) no-repeat left bottom;
	left: 0px;
	top: 0px;
}
#menu  .wedding  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 28px;
	top: -20px;
}
#menu  .events {
	width: 130px;
	height: 58px;
	background: url(images/magic_nav_events.png) no-repeat left bottom;
	left: 131px;
	top: 0px;
}
#menu  .events  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 44px;
	top: 44px;
}
#menu  .profile {
	width: 129px;
	height: 58px;
	background: url(images/magic_nav_profile.png) no-repeat left bottom;
	left: 261px;
	top: 0px;
}
#menu  .profile  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 46px;
	top: -16px;
}
#menu  .testimonial {
	width: 130px;
	height: 58px;
	background: url(images/magic_nav_testimonial.png) no-repeat left bottom;
	left: 390px;
	top: 0px;
}
#menu  .testimonial  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 60px;
	top: 26px;
}
#menu  .contact {
	width: 129px;
	height: 58px;
	background: url(images/magic_nav_contact.png) no-repeat left bottom;
	left: 520px;
	top: 0px;
}
#menu  .contact  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 100px;
	top: -2px;
}
#menu  .media {
	width: 129px;
	height: 58px;
	background: url(images/magic_nav_media.png) no-repeat left bottom;
	left: 650px;
	top: 0px;
}
#menu  .media  span {
	width: 43px;
	height: 43px;
	background: url(images/star_ani.png) no-repeat;
	left: 46px;
	top: -20px;
}



/* wedding styles */

#wedding_text {
	position: relative;
	z-index: 1200;
	width: 278px;
	padding-top: 30px;
	padding-left: 30px;
}
#weddingpic_holder {
	float: right;
	position: relative;
	height: 564px;
	width: 467px;
	z-index: 1300;
}
#weddingpic {
	height: 564px;
	width: 580px;
	background-image: url(images/wedding_shot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	position: absolute;
	z-index: 1300;
	left: -7px;
}



/* profile styles */

#profilepic_holder {
	position: relative;
	height: 564px;
	width: 395px;
}
#profilepic {
	height: 564px;
	width: 444px;
	background-image: url(images/profile_sam.png);
	background-repeat: no-repeat;
	background-position: -1px bottom;
	float: right;
	position: absolute;
	z-index: 1200;
}
#profile_text {
	position: relative;
	z-index: 1300;
	width: 350px;
	padding-top: 30px;
	padding-right: 30px;
	float: right;
}


/* gallery styles */

#gallery_holder {
	float: right;
	position: relative;
	height: 564px;
	width: 510px;
}
#gallery_text {
	position: relative;
	z-index: 1200;
	width: 235px;
	padding-top: 30px;
	padding-left: 30px;
}



/* event styles */

#event_text {
	position: relative;
	z-index: 1200;
	width: 374px;
	padding-top: 30px;
	padding-left: 30px;
}
#eventpic_holder {
	float: right;
	position: relative;
	height: 564px;
	width: 374px;
}
#eventpic {
	height: 564px;
	width: 457px;
	background-image: url(images/event_sam.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	position: absolute;
	z-index: 1300;
	left: 10px;
}




/* qoute styles */

.qoute1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 21px;
}
.qoute2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 33px;
}
.qoute2indent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 30px;
	text-indent: 40px;
	display: block;
	width: 350px;
}
.qoute3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 20px;
}
.whosaid {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 12px;
	text-align: right;
	display: block;
	margin-top: 6px;
}
.whosaid2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 12px;
}



/* footer styles */

.clearfooter {
	height: 190px;
	clear: both;
}
#footer {
	height: 190px;
	width: 100%;
	position: relative;
	background-color: #000;
}
#footer_inner {
	height: 190px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}
#magic_circle {
	height: 72px;
	width: 72px;
	position: absolute;
	background-repeat: no-repeat;
	top: 20px;
}
#equity {
	height: 46px;
	width: 86px;
	position: relative;
	background-repeat: no-repeat;
	top: 35px;
	left: 80px;
	float: left;
}
#ibm {
	height: 71px;
	width: 72px;
	position: relative;
	background-repeat: no-repeat;
	top: 20px;
	float: left;
	left: 90px;
}
#book_now {
	height: 23px;
	width: 395px;
	position: relative;
	background-image: url(images/book_now.gif);
	background-repeat: no-repeat;
	top: 65px;
	float: right;
}
#footer_text {
	height: 40px;
	width: 495px;
	position: relative;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
	color: #999999;
	text-align: right;
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
}
#footer_textstring {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	color: #666666;
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
	position: relative;
	width: 780px;
	left: 0px;
	float: right;
	top: 54px;
	text-align: center;
	font-weight: normal;
	z-index: 100;
}
#footer_textstring a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	color: #666666;
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
}




/* Gallery styles */

#left_grade {
	height: 111px;
	width: 9px;
	position: absolute;
	z-index: 2000;
	top: -2px;
	background-image: url(images/lshadow.png);
	background-repeat: repeat;
}
#right_grade {
	height: 111px;
	width: 9px;
	position: absolute;
	z-index: 2000;
	top: -2px;
	background-image: url(images/rshadow.png);
	background-repeat: repeat;
	left: 446px;
}
#gallery {
	position:relative;
	width:505px;
	background-image: url(images/gallery_back.png);
	background-repeat: no-repeat;
	z-index: 2100;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#images {
	height:225px;
	margin-bottom:20px;
}
#image {
	position:relative;
	width:448px;
	height:329px;
	background:#FFF url(images/loading.gif) center center no-repeat
}
#image img {
	position:absolute
}
#thumbwrapper {
	margin-top:70px;
	padding:5px 0;
	width:455px;
	height:100px;
	position: relative;
	left: 20px;
}
#thumbarea {
	position:relative;
	overflow:hidden;
	height:110px;
	width:455px;
	bottom: 10px;
	padding-left: 0px;
}
#thumbs {
	position:absolute;
	list-style:none;
	height:100px;
	width:10000px;
	left: -30px;
}
#thumbs li {
	float:left;
	margin-right:-3px;
	cursor:pointer;
	height: 82px;
	width: 94px;
	padding-top: 14px;
	background-image: url(images/thumb_back.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.imgnav {
	position:absolute;
	height:375px;
	width:150px;
	z-index:100;
	height:329px;
	width:150px;
	z-index:100;
	outline:none;
	cursor:pointer
}
#previmg {
	left:0;
	background-image: url(images/left.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#imagearea {
	height: 329px;
	width: 448px;
	position: relative;
	top: 30px;
	left: 28px;
}
#previmg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
}
#nextimg {
	right:0;
	background-image: url(images/right.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nextimg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
}#tv_text {
	position: relative;
	z-index: 1200;
	width: 700px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}
#tvpic_holder {
	position: relative;
	height: 398px;
	width: 780px;
	background-image: url(images/sam_tv.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#tvpic {
	height: 288px;
	width: 370px;
	position: absolute;
	z-index: 1300;
	left: 130px;
	top: 54px;
}

/* Slide styles */

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:187px;
	background:transparent url(images/bg_slideshow.png) no-repeat 0 0;
	position:relative;
	z-index: 1400;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:560px;
	height:187px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0px auto;
	width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:187px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:39px;
	height:187px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl {
	top:0;
	right:0;
	background:transparent url(images/control_right.png) no-repeat 0 0;
}
.slide h2, .slide p {
	margin:17px;
	text-align: center;
}
.slide img {
  float:right;
  margin:0 15px;
}
#testimonial_text {
	position: relative;
	z-index: 1200;
	width: 700px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}
#testimonialpic_holder {
	position: relative;
	height: 187px;
	width: 780px;
}
#testimonialpic {
	height: 288px;
	width: 368px;
	position: absolute;
	z-index: 1300;
	left: 130px;
	top: 54px;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	text-shadow: 1px 2px 2px #000;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 2px 2px #000;
}
#testimonialsam_holder {
	position: relative;
	height: 297px;
	width: 780px;
}
#testimonialsam_pic {
	position: absolute;
	height: 320px;
	width: 780px;
	background-image: url(images/samtestimonial.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 1500;
	bottom: 0px;
}
.qoute0 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
	line-height: 19px;
}
#sammedia_text {
	position: relative;
	z-index: 1200;
	width: 350px;
	padding-top: 30px;
	padding-left: 30px;
}
#mediapic_holder {
	float: right;
	position: relative;
	height: 564px;
	width: 393px;
}