body {
   background-color:#afd4db;
   background: url(images/background_all2.png);
   background-repeat:repeat;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center; /* centering hack 1/2 */
}

p {
   padding-left:10px;
   padding-right:10px;
}

h4 {
   padding-left:10px;
   padding-right:10px;
}

a:link {
	color: #5FAABA;
}
a:visited {
	color: #00CCFF;
}

.container{
   margin-left: auto;
   margin-right: auto;
   border-style:solid;
   border-color:#5faaba;
   border-width:1px;
   width:900px;
   height:100%;
   text-align:left; /* centering hack 2/2 */
   margin-top: 20px;
   /*background: url(images/background.jpg) 0% 0% no-repeat;*/
   background-color:#d0e5ea;
}

.header{
	height:180px;
	width:100%;
	border-style:none;
	border-bottom:0px;
	border-color:#000000;
	border-top:0;
	border-right:0;
	border-left:0;
}

/*Use this bit of css to display an image instead of a H1 <h1 id="header"><span>Here is my H1 text</span></h1>*/
#header {
	width: 477px;
	height: 168px;
	background-image: url(images/bridal_revival_logo.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	border-width:0 0 0 0;
	border-style:none;
	border:0;
	border-bottom:0;
	}
#header span {
	display: none;
	}
	
/*Use this bit of css to display an image instead of a H1 <h1 id="bridesmaids"><span>Here is my H1 text</span></h1>*/
#bridesmaids {
	width: 300px;
	height: 72px;
	background-image: url("http://www.bridalrevival.com.au/bridesmaids/bridesmaids.png");
	background-repeat:no-repeat;
	padding-left: 15px;
	padding:0px;
	margin:0px;
	border-width:0 0 0 0;
	border-style:none;
	border:0;
	border-bottom:0;
	}
#bridesmaids span {
	display: none;
	}

.navigation{
   height: 45px;
   background: url(images/navigation2.png) 0% 0% no-repeat;
   padding-top:10px;
   font-size:17px;
   padding-left:5px;
   border-bottom:0px;
   position:relative;
   top:-168px; 
}

a.navigationlink:link {
   color:#5d5d5d; 
   text-decoration: none;
   text-align:center;
   border-style:solid;
   border-width:1px;
   border-color:#5FAABA;
   width:100px;
   display:block;
   padding:2px;
   background: #d5f7ff;
}
a.navigationlink:visited {
   color:#5d5d5d; 
   text-decoration: none;
   text-align:center;
   border-style:solid;
   border-width:1px;
   border-color:#5FAABA;
   width:100px;
   display:block;
   padding:2px;
   background: #d5f7ff;
}
a.navigationlink:active {
   color:#5d5d5d; 
   text-decoration: none;
   text-align:center;
   border-style:solid;
   border-width:1px;
   border-color:#5FAABA;
   width:100px;
   display:block;
   padding:2px;
   background: #d5f7ff;
}
a.navigationlink:hover {
   /*font-size:24; 
   font-weight:bold; */
   border-style:solid;
   border-width:1px;
   border-color:#d5f7ff;
   color: #5d5d5d;
   background: #aad7e1;
   text-decoration: none;
   width:100px;
   display:block;
   padding:2px;
}


/*css used for the popup gallery menu*/
.popup
{
   position:absolute; left:108px; top:-39px; width:124px;
   border-style:solid;
   border-width:1px;
   border-color:#5FAABA;
   background-color:#D0E5EA;
   /*padding:5px;*/
   padding:1px;
   color:black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
}

#navDropDown
{
text-align:left;
font-weight:normal;
/*border-style:solid;*/
/*border-color:#fbf1b1;*/
/*background:#fcf7d;*/
width:124px;
}


.content{
   height: 100%;
   padding-left:5px;
   border-top:0px;
   margin-top:35px;
}

.footer{
   height:45px;
   text-align:center;
   background: url(images/footer2.png) 0% 0% no-repeat;
   border-style:solid none none none;
   border-color:#c6d2d4;
   border-width:1px;
}

.section {
   margin:0;
   position:relative;
   right:-477px;
   top:-168px; 
   width:423px;
}

input.contact {
   background:#dbf9ff none repeat scroll 0 0;
   border:2px solid #5faaba;
   color:#575757;
   font-family:Arial, Helvetica, sans-serif;
   height:19px;
   margin-bottom:5px;
   padding-left:2px;
   width:195px;
}

textarea.contact {
   background:#dbf9ff none repeat scroll 0 0;
   /*background-image:url('images/contact_text_bg.png');*/
   border:2px solid #5faaba;
   color:#575757;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11pt;
   margin-bottom:2px;
   padding-left:2px;
   width:195px;
   height:130px;
}

.styleButton {
   background:#dbf9ff none repeat scroll 0 0;
   border:2px solid #5faaba;
   color:#575757;
}

label.required {
   border:0 none;
   color:#338085;
   font-size:1px;
   line-height:0;
   margin:0 0;
   padding:0;
   visibility:hidden;
   width:0;
   height:0;
}

input.required {
   border:0 none;
   color:#338085;
   height:0;
   margin:0;
   padding:0;
   visibility:hidden;
   width:0;
   font-size:1px;
}

.thumbnails{
   /*position:relative;*/
   float:left;
   padding:10px;
   border-style:solid;
   border-width:1px;
   border-color:#5faaba;
   width:310px;
   height:560px;
   margin-left:20px;
}

.image{
   /*position:relative;*/
   padding:10px;
   border-style:solid;
   border-width:1px;
   border-color:#5faaba;
   width:400px;
   height: 560px;
   float:right;
   margin-right:25px;
   background:#d0e5ea;
   /* little hack to allow me to position absolute within the div but absolute position is relative to the div*/
   position:relative;

   /*right: -425px;
   top:-522px */
}

.backgroundChange{
   position:absolute;
   top:240px;
   left:400px;
   z-index:10;
}

.open{
   position:relative;
   left:540px;
   top:-224px;
   width:325px; 
}

a.footerlink:link {
   color:#FFFFFF; 
}
a.footerlink:visited {
   color:#FFFFFF
}
a.footerlink:active {
   color:#FFFFFF
}
a.footerlink:hover {
   color:#FFFFFF
}