@charset "utf-8";
/*---------------------------------------------------------------------------------------
    Title:         Groom Formal Hire CSS
    Description:   Main Style Sheet for Groom Formal Hire website 
                    - Not using sticky footer on this site 
    Author:        SMcMurray 
    Date:          July 2008    Initial Design 
                   Oct 2009     Website redesign  
                   11th Dec 2009  Removed Sticky footer CSS and made some tweaks 
---------------------------------------------------------------------------------------*/


/* WEBSITE COLORS
 black  = #202020    // Site background
 green  = #89c043    // Changed with new header, old colour = #A8BF1C
 grey   = #7F7F7F    // Light Grey used for paragraph text 
 white  = #EFEFEF    // Off white used for headings 
 Background image grey = #4B4B4B
*/

/* Basic reset */
body, h1, h2, h3, h4, h5, h6, p, ul, li, form {border:0;margin:0;padding:0;}

/* Body - background commented out in reset css *****************/
html, body{ height: 100%; } 


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

/* Headers *****************/
h1{ 
  font:               20px "trebuchet ms", verdana, sans-serif; 
  color:              #EFEFEF; 
  padding-top:        0px; 
  padding-bottom:     10px;  
}

h2 {  
  font:               18px "trebuchet ms", verdana, sans-serif; 
  color:              #EFEFEF; 
  padding-top:        2px; 
  padding-bottom:     2px; 
}  
  
  

h3 { /* Used as a sub header */ 
  font:               16px "trebuchet ms", verdana, sans-serif; 
  color:              #EFEFEF;  
  padding-bottom:     2px;   
}
h4 { /* Dotted date header on News Page */
  font:               10px Geneva, Arial, Helvetica, sans-serif; 
  color:              #7F7F7F; 
  text-align:         right;
  border-top:         1px dotted #4B4B4B;
  margin-bottom:      15px;
}  
  
h5 {font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#EFEFEF; } /* Address in header */
h6 { /* contact page */
  font:               13px  Geneva, Arial, Helvetica, sans-serif;
  color:              #7F7F7F;
  text-align:         left;
}

p {
  font:               16px  Geneva, Arial, Helvetica, sans-serif;
  color:              #7F7F7F;
  text-align:         left;
  padding-bottom:     10px;
}

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

a{ color: #EFEFEF; text-decoration: underline; } 
a:hover{ color: #89c043; }


/* Useful classes */
.clear { clear: both; }
.italic{ font-style:italic; }
.center_text{ text-align:center; } 
.space5px{ height:5px; }
.space10px{ height:10px; }
.borderbot{ border-bottom: solid 1px #000; }

/*--------------------------------------------------------------------------------------------------
  Body  
--------------------------------------------------------------------------------------------------*/
body 
{
  background:         url(../images/background.jpg) repeat left top;
  color:              #7F7F7F;
  font-family:        Geneva, Arial, Helvetica, sans-serif;
  font-size:          14px;
  text-align:         left;
}


/*--------------------------------------------------------------------------------------------------
  Page Container  
    Not using sticky footer on this site so doesn't need to be relative positioned 
--------------------------------------------------------------------------------------------------*/
#page_container {
  background-color:   #202020;
  margin:             0px auto;          
  width:              960px;     
  height:             auto !important;    /* IE Height fix */
  height:             100%;
  min-height:         100%;
}


/*-------------------------------------------------------------------------------------------
  Header
-------------------------------------------------------------------------------------------*/
#header {
  float:              left;
  padding-top:        5px;
  padding-left:       15px;
  padding-bottom:     5px;
  height:             160px;
  text-align:         left;
} 
#header_address {
  float:              right;
  padding-right:      10px;
  padding-top:        12px; /* 25px; */
  width:              200px;
}
#header_address img{ border:none; display:inline; padding:8px 5px 0 0px; }

/*-------------------------------------------------------------------------------------------
  Nav Bar 
-------------------------------------------------------------------------------------------*/
/* See dropdown.css file */

/*-------------------------------------------------------------------------------------------
  Main 
    - bottom padding not required because
-------------------------------------------------------------------------------------------*/
#main_content
{
  background-color:   #333333;
  margin:             42px 20px 0 20px;
  height:             auto !important;
  height:             570px;
  min-height:         570px;    
  position:           relative; 
}
#main_content a{ color: #7F7F7F; text-decoration: underline; } 
#main_content a:hover{ color: #89c043; }

/* Twitter Link */
#tweet_link{
  position:         absolute;
  bottom:           5px;
  right:            5px;
}
#tweet_link img{ border:none; margin:0; padding:0; }

/*-------------------------------------------------------------------------------------------
  Content styling 
-------------------------------------------------------------------------------------------*/
#main_gallery
{
  padding-top:        10px;
  padding-left:       10px;
  float:              left; 
  text-align:         left;
}
#main_gallery span{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#EFEFEF; } /* overlay text */

#main_text_area
{
  float:              right;  
  padding:            5px 15px 0px 10px;
  width:              510px; 
}
#main_text_area p{text-align:justify; }

/* Contact Page */  
#text_area_contact
{
  float:              right;  
  padding:            5px 10px 0px 10px;
  width:              260px;
}
#text_area_contact p{text-align:justify; }

/* Customer Weddings page */
#text_area_customer
{
  float:              right;  
  padding:            5px 10px 0px 10px;
  width:              370px; 
}
#text_area_customer p{text-align:justify; }

/*-----------------------------*/
/* Image border & padding      */
/*-----------------------------*/
.img_style /* used for map contact */
{ 
  background-color:   #F1F1F1; 
  padding:            3px;    
  border:             1px;
  border-style:       solid;
  border-color:       #7F7F7F; 
}

/*-----------------------------*/
/* JA Page Layout changes      */
/*-----------------------------*/
#ja_img{
  float:              left;
  padding-top:        22px;
  margin:             0 55px;
}
.ja_h1{ padding-bottom:2px; }


/*-------------------------------------------------------------------------------------------
  News section displayed in Text Area 
-------------------------------------------------------------------------------------------*/
#news_short{ font:14px Geneva, Arial, Helvetica, sans-serif; }
#news_short ul{ margin-left:15px; }
#news_short li{ list-style-type:square; padding-bottom:3px; }

/*-------------------------------------------------------------------------------------------
  Contact register section in main text area 
-------------------------------------------------------------------------------------------*/
#contact_register{ padding-top: 15px; }
#contact_register_ja{ padding-top:15px; float:left; }
#contact_register td{ padding-right:8px; }


/*-------------------------------------------------------------------------------------------
  Latest News Page
    - also used on links page 
-------------------------------------------------------------------------------------------*/
#news_main {
  padding:            10px;
}
#news_main h1{ padding-bottom:10px; }
#news_main p{ font-size:14px; text-align:justify; padding-bottom:3px; }

#news_main .news_img_area{
  float:              right;
  width:              185px;          /* 175px photo + 10px for padding */
  padding:            0 0 3px 10px;
}
#news_main .news_text_area{
  float:              left;
  padding-top:        0px;
  width:              700px;
}


/* Formatting changed: Used on Links and News pages */ 
#news_main .news_img{
  float:              right;
  padding:            0 0 3px 10px;
}
#news_main .news_text_half_page{
  float:              left;
  padding-top:        0px;
  width:              500px;
}
#news_main .news_text_third_page{
  float:              left;
  padding-top:        0px;
  width:              350px;
}


/* Twitter and Facebook icons */
#news_main .news_img_area .tweetspace{ border:none; padding-left:15px; }
#news_main .news_img_area .facespace{ border:none; padding-left:20px; }


/*-------------------------------------------------------------------------------------------
  Links  - to be changed move links to new page 
-------------------------------------------------------------------------------------------*/
#links_main{
  padding:            10px;
  border-bottom:      1px dotted #4B4B4B;
}
#links_main #links_text{
  
}


#links_main #links_img{
  
  
}

/*-------------------------------------------------------------------------------------------
  General 
 ------------------------------------------------------------------------------------------*/

/* Login Page */
#login{ padding:50px; }




/*-------------------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------------------*/
#footer{
  background-color: #202020;
  color:            #353535; 
  height:           55px;
  padding-top:      5px;    
  padding-left:     20px;
  text-align:       left;
  width:            940px;  
  
  position: relative;   
}

/* Footer formatting */
#footer p{ font-family: Verdana, Helvetica, sans-serif; font-size:10px; color:#353535; padding:0; margin:0; }
#footer a{ color:#353535; }
#footer a:hover{ color:#89c043; }


/*-----------------------------------------------
  Login Text  
    Hidden at bottom of the page 
    Positioned relative to footer
-----------------------------------------------*/
#footer #login_link{
  position:         absolute;
  bottom:           20px;
  right:            20px; 
}
#footer #login_link a{ color:#202020; text-decoration:none; }
#footer #login_link a:hover{ color:#89c043; }