/* caymans.css*/

* {
    margin:0;
    padding:0;
}



/* links */
a:link {
        color: #777;
		text-decoration: none;
}
a:visited {
        color: #777;
		text-decoration: none;
}
a:hover {
        color: #8EB4E3;
		text-decoration: none;
}

a:active {
        color: #8EB4E3;
		text-decoration: none;
}


/* common formatting */

.small {
	font-size: 0.8em;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.red {
	color: red;
}

.grey {
	color: #555;
}

.error {
	color: red;
}

.red_border {
	border: solid 1px red;
}

.float_left {
	float:left;
}	

.float_right {
	float:right;
}

.center_text {
	text-align: center;
}

img {
	border:0;
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

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

/* font system 
browser default size = 16pt = 1.0em
using golden ratio, with 11pt as the starting point:
h1: 29 pt = 1.1825em
h2: 18 pt = 1.125em
h3: 11 pt = 0.6875em
p: 11 pt = 0.6875em
7 pt = 0.4375em

using 12 pt starting point
h1: 31 pt = 1.9375em
h2: 19 pt = 1.1875em
h3: 12 pt = 0.75em
p: 12 pt = 0.75em
7 pt = 0.4375em

using 13 pt starting point - the new normal font size
h1: 34 pt = 2.125em
h2: 21 pt = 1.3125em
h3: 13 pt = 0.8125em
p: 13 pt = 0.8125em
8 pt = 0.5em
*/


body {
	background-image: url('./images/bg_tile_small.jpg');
	background-repeat: repeat;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #777;
	font-size: 16px;
	line-height:1.3125em; /* 16×1.125=18 */
	margin: 0 auto;
}

h1, h2, h3 {
	font: verdana, sans-serif;
	font-weight: bold;
	color: #444;
}

h1 {
	font-size: 1.825em; /* 1.825 x 16 = 29 */
}

h2 {
	font-size: 1.3125em;  /* 1.125 x 16 = 18 */
}

h3 {
	font-size: 0.8125em; /* 0.6875 x 16 = 11 */
}

p {
	font-size: 0.8125em; /* 0.6875 x 16 = 11 */
}

ul {
	font-size: 0.8125em; /* 0.6875 x 16 = 11 */
}

form {
	font-size: 0.8125em; /* 0.6875 x 16 = 11 */
}

/* divs  */
#outer {
	margin: 0 auto;
	width: 999px;
	height: 100%;
}

#header {
	position: relative;
	width: 999px;
	height: 254px;
/*	background-image: url('./images/header.jpg'); */
	background: transparent;
}


#content {
	position: relative;
	margin: 0 auto;
	width: 999px;
	height: 100%;
	background: transparent;
}

#content h1 {
	margin-bottom: 20px;
}

#content h2 {
	margin-bottom: 0;
	margin-top: 20px;
}

#content h3 {
	margin-bottom: 0;
}

#content_left {
	position: relative;
	float: left;
	width: 195px;
	background: transparent;
}

#content_left p {
	margin-left: 25px;
	font-size: 0.90em;
}



#content_middle {
	position: relative;
	float: left;
	width: 529px;
	height: 100%;
}

#content_middle_linkable_image {
	position: relative;
	width: 500px;
	height: 120px;
	/* border: solid 1px red; */
}

#content_middle_image_1 {
	position: relative;
	margin-top:10px;
	width: 500px;
	height: 100%;
	/* border: solid 1px red; */
}

#content_middle_image_2 {
	position: relative;
	margin-top:10px;
	width: 500px;
	height: 100%;
}

#content_middle_image_2_left {
	position: relative;
	float: left;
	width: 244px;
	height: 378px;
	/* border: solid 1px red; */
}

#content_middle_image_2_right {
	position: relative;
	float: right;
	width: 244px;
	height: 378px;
	/* border: solid 1px red; */
}


#content_middle_container_1 {
	position: relative;
	width: 521px;
	background-image: url('./images/center_repeat-y.jpg');
	background-repeat:  repeat-y;
	padding-left: 8px;
}

#content_middle_container_1_copy {
	position: relative;
	padding-top: 20px;
	width: 500px;
	background-color: transparent;
	color: #555555;
}

#content_middle_container_1_copy h1 {
	margin-left:25px;
	margin-right: 25px;
	font-size: 1.2em;
	font-weight: normal;
	color: #6d929a;
}

#content_middle_container_1_copy h2 {
	margin-left:25px;
	margin-right: 25px;
	font-size: 1.0em;
	font-weight: normal;
	color: #6d929a;;
}

#content_middle_container_1_copy p {
	margin-left:25px;
	margin-right: 25px;
	margin-bottom: 1.0em;
	font-size: 0.85em;
	color: #555555;
}

#content_middle_container_2 {
	/* holds thumbnails and content_middle_container_2_bottom */
	position: relative;
	margin-top:0;
	clear: both;
	width:521px;
	min-height:58px;
	background-image: url('./images/center_repeat-y.jpg');
	background-repeat:repeat-y;
	padding-left:8px;
}


#content_middle_container_2_thumbnails {
	position: relative;
	width:400px;
	min-height: 53px;;
	padding-top: 10px;
	background: transparent;
}


#content_middle_container_2_bottom {
	/* holds the cta and logo */
	position: relative;
	/* top: 10px; */
	/* left: 8px; */
	width:521px;
	height: 58px;
	padding-top: 10px;
		background: transparent;
	/* border: solid 1px red; */
}

#content_middle_container_2_center_c {
	position: absolute;
	bottom: 8px;
	right: 20px;
	width:53px;
	height: 52px;
}

#content_middle_container_2_cta {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width:195px;
	height: 29px;
}

#content_middle_container_3 {
	position: relative;
	width: 521px;
	height: 31px;
	padding-left: 8px;
	background-image: url('./images/center_bottom_shadow.jpg');
}




#content_right {
	position: relative;
	float: left;
	width: 275px;
	background: transparent;
}

#content_right_video_player {
	position: relative;
	width:250px;
	height:162px;
	margin-left:10px;
	z-index:40;
	/* border: solid 1px red; */
}

#content_right_fb_widget {
	position: relative;
	width:250px;
	height:427px;
	margin-top: 20px;
	margin-left:10px;
}

#content_right_subscribe_box {
	position: relative;
	width:250px;
	height:224px;
	margin-top: 20px;
	margin-left:10px;
	background-image: url('./images/subscribe.jpg');
}

#content_right_subscribe_box form {
	position: absolute;
	top: 125px;
	left: 27px;
	width: 200px;
}


#content2 {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 999px;
	height: 120px;
	background: transparent;
}

#content2_left {
	position: relative;
	float: left;
	width: 195px;
	height: 120px;
}

#content2_middle {
	position: relative;
	float: left;
	width:521px;
	height:120px;
	background-image: url('./images/center_repeat-y.jpg');
	background-repeat:repeat-y;
	padding-left:8px;
}

#content2_middle_thumbnails {
	position: absolute;
	top: 10px;
	left: 8px;
	width:400px;
	/* height: 53px; */
	/* border: solid 1px red; */
}

#content2_middle_center_c {
	position: absolute;
	bottom: 10px;
	right: 26px;
	width:53px;
	height: 52px;
}


#content2_right {
	position: relative;
	float: left;
	width:275px;
	height:120px;
}

#content3 {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 999px;
	height: 12px;
	background: transparent;
}

#content3_left {
	position: relative;
	float: left;
	width: 195px;
	height: 12px;
}

#content3_middle {
	position: relative;
	float: left;
	width: 521px;
	height: 12px;
	padding-left: 8px;
	background-image: url('./images/center_bottom_shadow.jpg');
}

#content3_right {
	position: relative;
	float: left;
	width: 275px;
	height: 12px;
}

#iframe_wrapper {
	position: relative;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: -25px;
	height: 100%;
	width: 900px;
	background: transparent;
}

#footer_wrapper {
	position: relative;
	margin: 0 auto;
	margin-top: 75px;
	height: 195px;
	background-image: url('./images/footer_repeat-x.jpg');
	background-repeat: repeat-x;
}

#footer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	padding-top: 37px;
	width: 952px;
	height: 158px;
}


#navmenu  {
	position: relative;
    margin: 0;
	margin-top: 20px;
    padding: 0;
	width: 960px;
	height: 40px;
    	}



#navlink1a {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 140px;
	height: 50px;
    background:url(images/home_over.png) no-repeat;
	}


#navlink1b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background:url(images/home.png) no-repeat;
	}	


a#navlink1b:hover {
	background:url(images/home_over.png) no-repeat;
	}


#navlink2a {
	position: absolute;
	top: 0;
	left: 164px;
	margin: 0;
	padding: 0;
	border: 0;
    width: 140px;
	height: 50px;
    background-image: url(images/about_over.png);
	}


#navlink2b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
    background-image: url(images/about.png);
}


a#navlink2b:hover {
    background-image: url(images/about_over.png);
}


#navlink3a {
	position: absolute;
	top: 0;
	left: 328px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
   	background-image: url(images/expertise_over.png);
}


#navlink3b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
   	background-image: url(images/expertise.png);
}


a#navlink3b:hover {
    background-image: url(images/expertise_over.png);
}


#navlink4a {
	position: absolute;
	top: 0;
	left: 492px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/services_over.png);
}


#navlink4b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/services.png);
}


a#navlink4b:hover {
    background-image: url(images/services_over.png);
}


#navlink5a {
	position: absolute;
	top: 0;
	left: 656px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/contact_over.png);
}


#navlink5b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/contact.png);
}


a#navlink5b:hover {
    background-image: url(images/contact_over.png);
}


#navlink6a {
	position: absolute;
	top: 0;
	left: 820px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/clients_over.png);
}


#navlink6b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/clients.png);
}


a#navlink6b:hover {
    background-image: url(images/clients_over.png);
}

#navlink7a {
	position: absolute;
	top: 0;
	left: 410px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/begin_over.png);
}


#navlink7b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
	height: 50px;
	background-image: url(images/begin.png);
}


a#navlink7b:hover {
    background-image: url(images/begin_over.png);
}


.alt	{
	display: none;
}

#result_div {
	clear: both;
    padding-top: 0.5em;
	margin-left: 160px;
}



/* data entry rows */

.form_row {
    clear: both;
	float: left;
	width: 290px;
    padding-top: 0.75em;
}

form.leftmargin25 {
	margin-left: 25px;
}

.form_row span.label {
    float: left;
	width: 290px;
	text-align: left;
}
.form_row span.long_label {
    float: left;
	width: 580px;
	text-align: left;
}

.form_row span.data {
	float: left;
	width: 290px;
	text-align: left;
	margin-top:3px;
}


/* bridal registry rows */

.registry_row {
    clear: both;
	float: left;
	width: 470px;
	margin-left:25px;
    margin-top: 15px;
}

.registry_row span.image {
    float: left;
	width: 250px;
	text-align: left;
}

.registry_row span.data {
	float: right;
	width: 205px;
	text-align: left;
	font-size: 0.85em;
}

/* thumbnail viewer */

#thumbnail_viewer {
	position: absolute;
	top:35px;
	left:151px;
	width:600px;
	min-height: 24px;
	padding-top: 35px;
	padding-bottom: 35px;
	display:block;
	visibility:hidden;
	z-index:100;
	/* border:solid 2px red; */
	background-color: #666666;
}

#thumbnail_viewer_image {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 516px;
	z-index:100;
}

#thumbnail_viewer_image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#thumbnail_viewer_left {
	position: absolute;
	left: 10px;
	top: 165px;
	height:55px;
	width:27px;
	z-index:110;
}
	
#thumbnail_viewer_right {
	position: absolute;
	right: 10px;
	top: 165px;
	height:55px;
	width:27px;
	z-index:110;
}
	
#thumbnail_viewer_close {
	position: absolute;
	top: 3px;
	right: 3px;
	height:12px;
	width:11px;
	z-index:110;
}

/* subscribe result */

#subscribe_results {
	position: relative;
	margin-top: 10px;
	margin-left: 40px;
	width: 200px;
	background-color: transparent;
	text-align: center;
}

#subscribe_results p {
	color: red;
	margin: 0;
}

#map {
	position: relative;
	float: right;
	top: 45px;
	width: 255px;
	height: 250px;
	border: solid 1px #666666;
}

#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 50;
    /* display: none; */
	visibility: hidden;
    background-color: black;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#join_response {
	position: relative;
	margin-top: 10px;
}