html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

html, body {height: 100%;}

#logo {
	position: absolute;
	top: 0px;
	right: 5%;
	z-index: 3;
}

#blinder, #shield {
	background: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 9990;
}

#shield { z-index: 1; }

.clear { clear: both; }

.hide { display: none; }

.startHide {display: none}

.footer {height: 35px;}

#connect-box .left {
	background: url(uploads/images/connect-box-left.png) no-repeat left top;
	float: left;
	height: 336px;
	width: 5px;
}

#connect-box .middle {
	float: left;
	height: 336px;
}

#connect-box .middle .top {
	background: url(uploads/images/connect-box-top.png) no-repeat left top;
	height: 5px;
	width: 711px;
}

#connect-box .middle .form {
	background: url(uploads/images/connect-bg.jpg) no-repeat left top;
	height: 326px;
	width: 711px;
}


#connect-box .middle .form #m3moduleform_1 {width: 330px; position: relative; left: 390px; top: 80px;}
#connect-box .thankyou {width: 330px; position: relative; left: 390px; top: 151px; font-size: 200%;}
#connect-box  .contactform {font: 13px Courier, monospace; color: #0c0c0c;}
#connect-box  .contactform .name input, #connect-box  .contactform .email input{width: 290px; height: 22px; border: none; background: url(uploads/images/site-images/connectbg_name.png) no-repeat; padding: 12px 10px 0px 12px; font: 13px Courier, monospace;}
#connect-box .contactform .name {}
#connect-box  .contactform textarea {width: 280px !important;height: 80px !important; border: none;  background: url(uploads/images/site-images/connectbg_message.png) no-repeat; padding: 12px 10px 0px 12px; font: 13px Courier, monospace;}
#connect-box  .contactform .validate input{width: 230px; height: 22px; border: none; background: url(uploads/images/site-images/connectbg_captcha.png) no-repeat; padding: 12px 10px 0px 12px; font: 13px Courier, monospace;}
#connect-box .submit {position: absolute; right: 0; /*bottom: -15px;*/}
#connect-box .submit input {width: 69px; height: 40px; background: url(uploads/images/connect-form-send.png) top left; border: none; outline: none; cursor: pointer;}
#connect-box div.invalid input, #connect-box div.invalid textarea {color: red;}
#connect-box .submit input:hover {background-position: bottom left;}
#connect-box .error_message {font-size: 11px; color: red; font-weight: bold; position: absolute; left: 5px; top: -12px;}

#connect-box .privacy a{color: #6f6f6f; text-decoration: underline; font-size: 11px; }
#connect-box .privacy {position: relative; left: 6px; top: 17px;}
#connect-box .middle .bottom {
	background: url(uploads/images/connect-box-bottom.png) no-repeat left top;
	height: 5px;
	width: 711px;
}

#connect-box .right {
	background: url(uploads/images/connect-box-right.png) no-repeat left top;
	float: left;
	height: 336px;
	width: 5px;
}

#change-background .left {
	background: url(uploads/images/background-box-left.gif) no-repeat left top;
	float: left;
	height: 140px;
	width: 5px;
}

#change-background .middle {
	float: left;
	width: 620px;
}

#change-background .middle .top {
	background: url(uploads/images/background-box-top.gif) no-repeat left top;
	height: 5px;
	width: 620px;
}

#connect-box {
	margin-left: -361px;
	position: absolute;
	z-index: 9999;
	left: 50%;
	top: 15%;
}

#change-background .middle .box {
	background: url(uploads/images/background-box-bg.jpg) no-repeat left top;
	height: 130px;
	width: 620px;
}

#change-background .middle .bottom {
	background: url(uploads/images/background-box-bottom.gif) no-repeat left top;
	height: 5px;
	width: 620px;
}

#change-background .right {
	background: url(uploads/images/background-box-right.gif) no-repeat left top;
	float: left;
	height: 140px;
	width: 5px;
}

#credits-button { position: fixed; right: 5%; bottom: 0px; width: 31px; height: 26px; background: url(uploads/images/credits-button.png) no-repeat left top; display: block; z-index: 5000; }

#credits {
	position: absolute;
	z-index: 9995;
	left: 50%;
	top: 50%;
	margin-top: -56px;
	margin-left: -221px;
	width: 441px;
	height: 112px;
	background: url(uploads/images/credits.png) no-repeat left top;
}
#credits a.swim {cursor: pointer; position: relative;}
#credits .swim { display: block; width: 140px; height: 20px; margin: 48px 45px; float: left; }
#credits .oneeighty { display: block; width: 140px; height: 20px; margin: 45px 30px; float: left; }

.close {
	height: 32px;
	width: 33px;
	position: absolute;
	top: -14px;
	right: -14px;
}

.close a {
	background: url(uploads/images/box-exit.png) no-repeat left top;
	display: block;
	height: 32px;
	width: 33px;
}

.close a:hover {
	background-position: left -32px;
}

.close a:active {
	background-position: left -64px;
}

#menu {
	position: absolute;
	z-index: 5000;
	left: 5%;
	top: 0px;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	margin-right: 3px;
}

#menu li a {
	display: block;
}

#menu .projects > a { width: 81px; height: 29px; background: url(uploads/images/projects-over.png) no-repeat left top;}

#menu .projectspage > a {width: 81px; height: 29px; background: url(uploads/images/projects-over.png) no-repeat left top;}

#menu .weddings > a {width: 100px; height: 29px; background: url(uploads/images/weddings-arrow-over.png) no-repeat left top;}

#menu .views > a {width: 62px; height: 30px; background: url(uploads/images/views-over.png) no-repeat left top;}

#menu .connect {
	background: url(uploads/images/menu-connect.png) no-repeat left top;
}

#menu #connect {	height: 29px;	width: 34px; padding:0;}

.chover {
	width: 109px;
}

#menu img.children {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#menu ul div.submenu {position:absolute;}

#menu ul ul {
	width: 104px;
	padding: 5px 0;
}

#menu .weddings ul {background: url(uploads/images/menu-submenu-backing.png) no-repeat left top;}

#menu .projectspage ul {background: url(uploads/images/projects-submenu-backing.gif) no-repeat left top;}

#menu ul ul li {
	float: none;
	padding: 3px 0;
	margin-right: 0px;
}

#menu ul ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	padding: 0px 6px;
	background: url(uploads/images/menu-submenu-over.gif) no-repeat left top;
	margin-left: 6px;
}

#menu ul ul li a:hover {
	background-position: left bottom;
}

#menu .projectspage ul a {margin-left:3px; background: url(uploads/images/projects-submenu-over.gif) no-repeat top left; }

#menu .current > a, #menu .projectspage a.current, #menu a.current {background-position: left bottom;}

#content div.text a { color: #fff; text-decoration: none; }
#content div.text a:hover { text-decoration: underline; }
#content-rates img.title{position: relative; left: -10px;}
#content-rates ul {position: relative; left: -10px; margin: 20px 0px 30px 0px;}
#content-rates ul li {background: url(uploads/images/star.gif) no-repeat 15px 4px; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 40px; }
#content-rates ul li .line{position: relative; width: 280px; border-bottom: 1px solid #7da1a5; margin: 2px 0px 0px 0px;}
#content-rates #title-price {position: relative;}
#content-rates h3 {position: absolute; right: -53px; top: -15px;}


#content-flash-container {height: 100%; width: 100%; text-align:middle; overflow: visible; position: relative; text-align: center;  z-index: 2;}
#content-flash-container[id] {display: table; position: static;}

#content-flash-sub {position: absolute; top: 50%; left: 50%; }  /* for explorer only*/
#content-flash-sub[id] {display: table-cell; vertical-align: middle; position: static;}

#content-flash-inner {position: relative; top: -50%; left: -50%; } /* for explorer only */
#content-flash-inner[id] {position: static;}

#content-flash {  margin: 85px auto 0; position: relative; z-index: 3;}

/* LANDING PAGE */

#content-landing-inner {position: absolute; left: 50%;  width: 400px; z-index: 1000;  height: 300px;}

#content-box {position: relative; left: -495px; top: 135px; z-index: 1001;}

#content-box .left {width:5px; height: 430px; background: url(uploads/images/weddings-menu-left.png) no-repeat top left; float: left;}

#content-box .middle {width: 293px; float: left; text-align: left;}

#content-box .middle .top {width: 293px; height:5px; background: url(uploads/images/weddings-menu-top.png) no-repeat top left; }

#content-box .middle .middle {width: 293px; height: 420px; background: url(uploads/images/weddings-menu-bg.jpg) no-repeat top left; }

#content-box .right { width: 5px; height: 430px; background: url(uploads/images/weddings-menu-right.png) no-repeat top left; float: left;}

#content-box .middle ol {position: relative; top: 170px;  margin-left: 30px; margin-right: 35px;}

#content-box .middle ol li {padding: 8px 0; border-bottom: 1px solid #7da2a6;}

#content-box .middle ol li a {color: #000; padding: 0 10px; text-decoration: none; background: url(uploads/images/directory-over.gif) no-repeat left top; display: block; width: 202px; height: 17px;}

#content-box .middle ol li a:hover {background-position:left bottom;}

#content-box .middle li.camera {background: url(uploads/images/camera.gif) no-repeat 100% 50%;}