@charset "utf-8";
/* CSS Document */

html { height: 100%; width:100%;}
body { height:auto !important; min-height: 100%; height: 100%; }
body {font-size:11pt;font-family: tahoma, Arial, Helvetica, sans-serif;width:100%; text-align:center; background-color:#000000; padding:0px; margin:0px;}
a  {color:#515ca8; text-decoration:underline; cursor:pointer}
a:hover {color:#000}
h2 {color:#515ca8; font-size:12pt; font-weight:bold; margin-bottom:0px;}
#container {position:relative; width:800px; height:auto; margin:0px auto; text-align:left; background-color:#ffffff; z-index:2; top:0px;}
#header {position:relative; float:left; clear:both; width:800px; height:428px; display:block;}
#middle {position:relative; float:left;  clear:both; width:770px; height:auto; margin-left:15px;}
#bottom {position:relative; float:left;  clear:both; width:800px; height:auto; background: url('../images/gradient.jpg') repeat-x top left; padding-bottom:30px; border-bottom:18px solid #515ca8;}
#topstripe {position:relative; float:left; clear:both; width:800px; height:18px; display:block; background-color:#000;}
#banner {position:relative; float:left; clear:both; width:800px; height:410px; display:block; background: url('../images/banner.jpg') no-repeat top center;}
#left {position:relative; float:left; width:430px; text-align:left; line-height:130%; margin-bottom:25px;}
#logo {position:absolute; top:-60px; left:0px; width:306px; height:128px; display:block; background: url('../images/logo.jpg') no-repeat top left;}
#lefttext {position:relative; float:left; width:430px; height:auto; display:block; margin-top:80px;}
#leftcont {position:relative; float:left; width:390px; height:auto; display:block; margin-top:10px; font-weight:bold;}
#right {position:relative; float:left; width:340px; height:auto; text-align:right; line-height:130%;}
#btmbox1, #btmbox2, #btmbox3 {position:relative; float:left; width:233px; height:202px; display:block; }
#btmbox1 {margin-left:15px; background: url('../images/wedding.png') no-repeat top center;}
#btmbox2 {margin-left:36px; background: url('../images/corp.png') no-repeat top center;}
#btmbox3 {margin-left:35px; background: url('../images/promo.png') no-repeat top center;}
.btm_content {position:absolute; top:130px; left:15px; width:205px; height:auto; font-size:10pt;}
.bigblue {color:#515ca8; font-size:12pt; font-weight:bold;}
.dkblue {color:#19258a; font-size:14pt; font-weight:bold;}
#menu {position:relative; margin-top:30px; width:340px; height:160px; display:block;}
#menu img, #menu3 img {border:none;float:right;clear:both; margin-bottom:8px;}
#special {position:relative; float:right; clear:both; width:333px; height:208px; background: url('../images/special.png') no-repeat top left; margin-top:40px;}
#rtcontent {position:relative; float:right; clear:both; width:333px; height:auto; margin-top:40px; text-align:left;}
#ukbride {position:absolute; top:-40px; left:-55px; width:161px; height:123px; background: url('../images/ukbride.png') no-repeat top left;}
#specialtext {position:absolute; top:90px; left:15px; width:300px; height:auto; text-align:left; font-weight:bold; line-height:110%;}
.icon {position:relative; float:left; margin-right:15px; border:none;}
#legal {position:relative; float:left; clear:both; width:770px; height:25px; margin-left:15px; margin-top:25px; font-size:10pt;} 
#capture {position:absolute; top:30px; left:0px; width:350px; height:70px; display:block; background: url('../images/capture.png') no-repeat top left;z-index:200;}
#moment {position:absolute; top:85px; left:40px; width:430px; height:120px; display:block; background: url('../images/moment.png') no-repeat top left;z-index:300;}
.lalign {float:left;}
.ralign {float:right;}

/*wedding page*/
#header2 {position:relative; float:left; clear:both; width:800px; height:190px; display:block;}
#banner2 {position:relative; float:left; clear:both; width:800px; height:190px; display:block; background: url('../images/banner2.jpg') no-repeat top center;}
#middle2 {position:relative; float:left;  clear:both; width:770px; height:auto; margin-left:15px; background: url('../images/wed_back.jpg') no-repeat center bottom; padding-bottom:120px;}
#lefttext2 {position:relative; float:left; width:430px; height:auto; display:block; margin-top:40px; background: url('../images/wedding_sub.jpg') no-repeat top left; padding-top:40px;}
#leftcont2 {position:relative; float:left; width:430px; height:auto; display:block; margin-top:10px; font-weight:bold;}
#videobox2 {position:relative; float:left; width:430px; height:325px; display:block; margin-top:10px; background-color:#fea8b6;}
#vid {position:relative; width:420px; height:315px; display:block; top:5px; left:5px; background-color:#000;}
#special2 {position:relative; float:right; clear:both; width:313px; height:auto; margin-top:40px; text-align:left; background: url('../images/sample.jpg') no-repeat top left; padding-top:40px; color:#515ca8; font-weight:bold; line-height:110%;}

/*promo page */
#wrap2 {position:relative; float:left; clear:both; width:800px; height:auto; display:block; background: url('../images/promo_mid.jpg') no-repeat left top; }
#menu3 {position:relative; margin-top:30px; width:430px; height:160px; display:block; text-align:right;}
#left3 {position:relative; float:left; width:323px; text-align:left; line-height:130%; margin-bottom:25px; margin-top:190px;margin-right:15px;}
#lefttext3 {position:absolute; width:430px; height:170px; display:block; top:40px; left:0px; background: url('../images/promo_sub.jpg') no-repeat left top; padding-top:40px; font-weight:bold;}
#leftcont3 {position:relative; float:left; width:323px; height:548px; display:block; }
#videobox3 {position:relative;  width:430px; height:325px;  display:block; background-color:#515ca8; margin-bottom:10px; margin-top:30px;}
#right3 {position:relative; float:left; width:430px; height:auto; text-align:right; line-height:130%;}
#rtcontent3 {position:relative; float:right; width:353px; height:auto; text-align:left; font-weight:bold; margin-top:15px;}
#special3 {position:relative; float:left; clear:both; width:323px; height:auto; margin-top:40px; text-align:left; background: url('../images/sample.jpg') no-repeat left top; padding-top:40px; color:#515ca8; font-weight:bold; line-height:110%;}

/*corporate page */
#middle4 {position:relative; float:left;  clear:both; width:770px; height:auto; margin-left:15px; padding-bottom:120px;}
#wrap {position:relative; float:left; clear:both; width:800px; height:auto; display:block; background: url('../images/corp_bkg.jpg') no-repeat center bottom; padding-bottom:190px; margin-bottom:25px;}
#lefttext4 {position:relative; float:left; clear:both; width:430px; height:80px; display:block; top:40px; left:0px; background: url('../images/corp_sub.jpg') no-repeat left top; }
#leftcont4 {position:relative; float:left; width:430px; height:auto; display:block; margin-top:10px; font-weight:bold;}
#videobox4 {position:relative; float:left; clear:both; width:430px; height:325px; display:block; margin-top:60px; background-color:#515ca8;}
#rtcontent4 {position:relative; float:left; clear:both; margin-left:15px; width:325px; height:auto; display:block; text-align:left; line-height:130%; font-weight:bold;}
#special4 {position:relative; float:left; clear:both; width:430px; height:auto; margin-top:10px; text-align:left; background: url('../images/sample.png') no-repeat top left; padding-top:40px; color:#fff; font-weight:bold; line-height:110%;margin-bottom:30px;}

/*gallery page */
#videos {position:relative; float:left; width:770px; height:auto; background: url('../images/vidgallery.jpg') no-repeat top left; margin-top:20px; padding-top:40px;}
#viewmore {position:relative; float:left; clear:both; width:420px; height:auto; margin:0px 0px 25px 0px; display:block; color:#515ca8; font-size:12pt; font-weight:bold;}
.vidsbox {position:relative; float:left; clear:both; width:750px; height:auto;  margin-bottom:25px; font-size:10pt; background-color:#d7dbf3; border-bottom:1px solid #515ca8; padding:8px 5px;}
.thumbnail {float: left; margin-top:4px; margin-left:4px; margin-right: 20px;  padding: 2px; border: solid #28292b 1px;  font-size: x-small; text-align: center;  background-color:#fff;}    
.thumbnail img {border:none;}
#backup {position:relative; float:left; clear:both; font-weight:bold; padding-bottom:25px;}
#rtcontent5 {position:relative; float:right; clear:both; margin-left:15px; width:325px; height:auto; display:block; text-align:left; line-height:130%; font-weight:normal;}

/*sub pages */
#form {position:relative; float:left; width:600px; height:auto; margin:0px 85px 25px;  }
#lefttext5 {position:relative; float:left; width:430px; height:auto; display:block; margin-top:20px;}
#leftcont5 {position:relative; float:left; width:390px; height:auto; display:block; margin-top:10px; font-weight:normal;}
ul {margin-top:0px;}
#testimonial {position:relative; background-color:#fff; padding:6px 0px;  border-bottom:2px solid #fea8b6}
#test_text {position:relative; margin:0px auto; width:90%; height:auto; font-style:normal; font-weight:bold; text-align:left; color:#d54b99}
#mission {position:relative; width:315px; left:5px; margin-top:20px; margin-bottom:25px;background-color:#e1e1e1; padding:6px 0px;  border: 1px solid #515ca8;}
#miss_text {position:relative; margin:0px auto; width:90%; height:auto; font-style:normal; font-weight:bold; text-align:left; color:#515ca8}
.dirphoto {float:left; margin:0px 10px 10px 0px;}
#extras {float:left; position:relative; width:325px; left:15px; margin-top:20px; margin-bottom:25px;background-color:#e1e1e1; padding:6px 0px;  border: 1px solid #515ca8; font-size:10pt}
#extras td {vertical-align:top; height:30px;}
.testbox {position:relative; float:left; clear:both; width:600px; height:auto;  margin-bottom:25px; font-size:10pt;  border-bottom:1px solid #515ca8; padding:8px 5px;}
.testbox img {float:left; margin:0px 10px 5px 5px;}
#overlay {position:fixed; top:0px; left:0px; width:100%; height:auto !important; min-height: 100%; height: 100%;   background: url('../images/overlay.png') repeat top left; z-index:20000; display:none;}
#divover {position:absolute; width:600px; height:auto; top:0px; left:0px; padding:10px; display:none; z-index:30000; background-color:#d7dbf3; border: solid white 6px; text-align:left;}
#closer {position:absolute; right:-14px; top:-14px; height:49px; width:49px; background: url('../images/closer.png') no-repeat top center; z-index:30001;}
