@charset "utf-8";
/*---------------------------------------------------------------------------------------
    Description:   
    Author:        SMcMurray 
    Date:          Nov 2009
---------------------------------------------------------------------------------------*/

/*****
 Website Colors
    Backgrounds:
      #DDD          // Default
      #FFF          // white for main page content
      #333          // Nav background + thumbs border
      #AAA          // bridal img hover
    Text:
      #777          // Default  
      #B1B1B1       // Used in Nav
      #999          // ul default 
      #EEE          // active page color
            
    Borders:
      #777          // home page border + normal border 
      
      h1            // Title at the top of each page 
      h2            // Using for large title on home page 
      h3            // home page text 
      h4            //
      h5            //
      h6            // unused
      
*****/

/*-------------------------------------------------------------------------------------*/
/* Basic CSS Reset */ 
/*  * { margin: 0; padding: 0; } */

/* Full CSS Reset */ 
@import url("reset.css");

/* Body - background commented out in reset css *****************/
html, body{ height: 100%; }     /* Needed to make the page streach 100% of the monitor */

body { 
  background-color:   #DDD;
  color:              #777;
  font-family:        Verdana, Arial, Helvetica, sans-serif;
  font-size:          12px;
  text-align:         left;
}

/*---------------------------------------------------------------------------------------
  Site Global Settings 
---------------------------------------------------------------------------------------*/

/* Headers *****************/
h1 { font-size:20px; padding-bottom:10px; color:#555; }
h2 { font-size:22px; padding-bottom:10px; color:#555; }
h3 { font-size:16px; padding-bottom:10px; text-align:justify; }
h4 { font-size:12px; }
h5 { font-size:12px; } 
h6 { }
p { font-size:14px; }


/* Links *******************/
a { text-decoration:none; color:#777;}
a:hover { text-decoration: underline; }
a:active { }
a:visited { }

/* Images ******************/
img { border: 0px; }

/* Lists *****************************/
ul { list-style-type:none; }
li { list-style-type:none; }


/* Tables */
table{ 
  border-collapse: separate;    /* collapse */
  background-color: #EEE;
  border: 1px solid #AAA;
  text-align: left; 
}
table th{     /* Table Header styling */
  background-color: #CCC; 
  font-size:        16px;
  color:            #555;
  padding:          6px 5px;
  width:            150px;
  
}
table th.wide{ width: 230px;}
table th.narrow{ width: 50px;}

table td{
  padding:          8px 5px;
/*  width:            150px;*/
} 
table tr:hover{ 
  background-color: #CCC;
  color:            #555;
}


/* Useful classes */
.clear{ clear: both; }              /* Clears all floats */
.italic{ font-style:italic; }
.center-text{ text-align:center; } 
.space5px{ height:5px; }
.space10px{ height:10px; }
.space50px{ height:50px; }
.space75px{ height:75px; }
.space100px{ height:100px; }
.pad-bot10{ padding-bottom:10px; }
.pad-bot15{ padding-bottom:15px; }

/**********************************************************************************/

/*--------------------------------------------------------------------------------------------------
  Main Page - Top Section  
--------------------------------------------------------------------------------------------------*/
/*
#page_container{
  position:           relative;     
  min-height:         100%;
}
*/
#page_wrapper{ 
  background-color:   #DDD;
/*  padding-bottom:     50px; */
} 

#top_container{
  background-color:   #FFFFFF;
}

#top_wrapper {
  background-color:   #FFFFFF;
  margin:             0px auto;                  
  width:              960px;
}


#header { 
  padding:            5px 5px 5px 5px;
}

/***** HOME PAGE *****/
#main_wrapper {
  background-color:   #FFF;
  border:             1px solid #777777;  
  padding:            10px;
  position:           relative;
  z-index:            999;
}

#main_wrapper #main_gallery {
  float:              left;
  position:           relative;
  width:              500px;
}

#main_wrapper #main_content{
  float:              right;
  width:              420px;
  padding-right:      10px;
}
#main_wrapper #main_content span{ color:#666; font-size:24px; font-family: Georgia, serif; }

/***** NORMAL LAYOUT *****/
#mid_wrapper{
  background-color:   #FFF;
  border:             1px solid #777777;
  margin:             10px auto 0;   
  padding:            10px;
  min-height:         450px;
  height:             auto !important;
  height:             450px;  
  width:              960px;
}

/*--------------------------------------------------------------------------------------------------
  Nav bar
--------------------------------------------------------------------------------------------------*/

/* Nav Layout */
#nav_bar_home{
  background-color:   #333;
  margin-top:         -30px;
  padding-top:        40px;
  height:             30px;
  width:              100%;
} 

#nav_bar{
  background-color:   #333;
  height:             30px;
  padding-top:        10px;
  width:              100%;
} 
  
#nav_inside{                  /* Aligns text in center */
  width:              700px;             
  margin:             0 auto;  
}
                     

/* Navigation Styling */
.nav{ font-size:18px; }
 
.nav ul {
  float:              left;
  padding:            2px 10px 2px 10px;    /* padding for each tab  */
  height:             20px; 
  color:              #B1B1B1;
}

.nav li {
  float:              left;
  margin-left:        30px;             /* Spacing to the left of each link */ 
  padding-left:       30px;
}
.nav li.spacer{ background:   url(../images/spacer4.gif) left 10px no-repeat; }

.nav a{ color:#AAA; }
.nav #active_page a{ color:#EEE; text-decoration:underline; }

.nav a:hover { color:#EEE; text-decoration:none;
/*  background:transparent url(images/arrow.jpg) no-repeat scroll center bottom; */
}


/*--------------------------------------------------------------------------------------------------
  Content
--------------------------------------------------------------------------------------------------*/

/***** BRIDAL MAIN PAGE *****/
#bridal_photos{ padding:20px; }
#bridal_photos a{ font-size:16px; text-align:center; }
#bridal_photos a:hover span{ text-decoration:underline; } 
#bridal_photos a img{ background-color:#FFF; border:1px solid #777; padding:5px; }
#bridal_photos a img:hover{ background-color:#AAA; text-decoration:none; }
#bridal_photos ul{ float:left; }
#bridal_photos li{ float:left; padding:0 17px; }  

h5.bridal_text{ padding-left: 40px; }

/***** GALLERIES *****/
/* used for bridal and bridesmaid galleries */
#mid_wrapper #gallery_thumbs{ margin:10px; position:relative; }
#mid_wrapper span{ font-size:16px; }            /* used to increase the size of the arrows */
#mid_wrapper #gallery_thumbs p.bridesmaid{ position:absolute; bottom:25px; left:0px; width:335px; text-align:justify; }
#mid_wrapper #gallery_thumbs p.bridal{ position:absolute; bottom:32px; left:0px; width:335px; text-align:justify; }
/*--------------------------------------------------------------------------------------------------
  Contact Page
--------------------------------------------------------------------------------------------------*/
#contact_area{
  float:              left;
  width:              400px;
  min-height:         450px;
  height:             auto !important;
  height:             450px;    
  text-align:         center;
} 

#contact_form{
  margin-top: 25px; 
}

#map_area{
  float:              right;                                
  width:              550px;  
  
}
#map_area a{ text-decoration:none; color:#777; padding-left:220px; }
#map_area a:hover{ text-decoration:underline; color:#777; }

/*--------------------------------------------------------------------------------------------------
  News / Special Offer page 
--------------------------------------------------------------------------------------------------*/
.news{
  padding:            10px;  
  min-height:         120px;
  height:             auto !important;
  height:             120px;    
  border:             1px solid #777;
  background-color:   #DDD;
} 
  
.news .news_title{
  float:              left; 
  width:              140px;
}

.news .news_img{
  float:              left;
  width:              200px;
  text-align:         center;
}
.news .news_img img{ border:1px #777 solid; }

.news .news_text{
  float:              left;
}



/*------------------------------------------------------------------------------------------
  Galleriffic Custom styling 
-------------------------------------------------------------------------------------------*/

/* Controls positioning */
#controls{
  width:              290px;
  float:              right;
  padding-right:      130px;
}

/*-------------------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------------------*/
#footer{
/*
  position:             absolute;
  bottom:               0;
  left:                 0;  
  height:               50px; 
*/
  margin:               30px 0 5px 0;
  background-color:     #DDD;  
  text-align:           center;
  width:                100%;
}
#footer_inside{
  width:                860px; 
  margin:               0 auto;
}

/* Footer formatting */
#footer #footer_inside h2{ font-weight:normal; font-size:16px; color:#777; padding-bottom:5px;}
#footer #footer_inside p{ color:#777; padding-bottom:0px; font-size:11px; }
#footer #footer_inside a{ color:#777; }
#footer #footer_inside a.small{ font-size:11px; }
#footer #footer_inside a:hover{ color:#AAA; text-decoration:underline; }
#footer #footer_inside ul, #footer li{ font-size:14px; list-style-type:square; margin-left:8px; }

#footer #footer_inside #footer_links{
  float:                left;
  width:                200px; 
  margin-left:          125px;
}
#footer #footer_inside #footer_copy{
  float:                left;
  width:                220px;   
}

#footer #footer_inside #footer_mylink{
  float:                right;
  width:                200px;
  margin-right:         110px;
}