@charset "UTF-8";
/* CSS Document */

/*-----------Start General Body Stylings-------------------------------------------*/

body {
     font-size: 62.5%; 
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif;
     font-weight: normal; 
     text-align: center; 
     background-color: #000;
   }
  
p {
     font-size: 1.2em; 
     text-align: justify; 
     line-height: 1.7em; 
     margin: 0 17px 15px 17px; 
     color: #FFF;
   }
  
h1 {
     font-size: 2.4em; 
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif; 
     margin: 15px 0 15px 17px; 
     color: #808080;
   }
  
h2 {
     font-size: 1.8em; 
     font-family: Georgia, Cambria, Helvetica, Arial, Verdana; 
     font-style: italic; 
     margin: 5px 0 5px 17px; 
     color: #FFF;
   }

h3 {
     font-size: 1.6em;
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif;
     color: #FFF;
     margin: 7px 0 0 15px;
   }

h4 {
	 font-size: 1.2em;
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif;
     font-weight: bold;
     color: #FFF;
     margin:0 0 5px 15px;
}

h1#contact_heading {
     margin-left: 80px;
   }
   
.bullet li { 
     font-size: 1.2em;  
     line-height: 1.5em; 
     margin-left: 25px; 
     color: #FFF;
   }

span.green {
     color: #33CCCC;
     line-height: 1.8em;
   }

span.required {
     color: #33CCCC;
   }

a {
     outline: none;
     text-decoration: none;
   }

div.clear {
     clear: both
   }

p#temp {
     font-size: 1.8em;
     text-align: center;
     padding-top: 160px;
   }

a#email {
     text-decoration: none;
     color: #FFF;
   }

a#email:hover {
     text-decoration: underline;
   }
   
img#fb {
     margin-top: 5px;
   }
   
.home-link {
	color: #33CCCC;
}

.home-link:hover {
	color: #33CCCC;
	text-decoration: underline;
}

/*-----------End General Body Stylings---------------------------------------------*/


/*-----------Start Layout Stylings-------------------------------------------------*/

div#header {
     width: 920px; 
     height: 127px; 
     margin: 0 auto; 
     background-color: #000;
     text-align: left;
   }
   
   div#header img#sip_logo {
     margin: 15px 60px 0 60px;
   }

div#wrapper {
     width: 100%; 
     float: left; 
     text-align: left; 
     margin: 0; 
     background: #191919 url(../images/content_bg.jpg) repeat; 
     border-bottom: #424242 1px solid; 
     border-top: #424242 1px solid;
   }
   
div#content {
     width: 920px; 
     min-height: 400px; 
     margin: 0 auto; 
     text-align: left;
   }

#slideshow_wrapper {
    width: 880px;  
    margin: 10px 15px 0 15px; 
    text-align: left;
    padding: 4px; 
    background-color: #000; 
    border: #424242 1px solid;
}     

#slideshow_section {
	width: 880px;
	height: 396px;
	overflow: hidden;
}
   
div#intro {
     width: 887px; 
     min-height: 120px; 
     float: left; 
     margin: 10px 0 10px 15px; 
     background-color: #000; 
     border: #424242 1px solid;
   }

/*div#offers {
     width: 280px; 
     min-height: 210px; 
     float: left; 
     margin: 10px 14px 10px 0; 
     background-color: #000; 
     border: #424242 1px solid;
   }*/
   
   div#offers a#promo {
        font-weight: bold; 
        color: #33CCCC;
      }

#intro h1 {
     font-size: 2.4em; 
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif; 
     margin: 15px 0 10px 15px; 
     color: #808080;
   }

div#intro p, 
div#offers p {
     line-height: 1.6em; 
     text-align: justify; 
     margin: 0 15px 15px 15px;
   }

div#intro img, 
div#offers img {
     margin: 10px 0 0 12px;
   }
      
div#col1 {
     float:left; 
     margin: 5px 9px 5px 17px;
   }
   
div#col2 {
     float:left; 
     margin: 5px 17px 5px 7px;
   }
   
div.gallery_link {
     float: left; 
     margin-bottom: 15px; 
     background-color: #000; 
     border: #424242 1px solid;
   }
   
div.gallery_link:hover {
     background-color: #33CCCC;
   }
   
div.gallery_link img{
     margin: 4px 4px 1px 4px;
   }

div#content p.dec_line {
     margin-right: 125px;
   }

div#content p#inc_space {
     margin-bottom: 100px;
   }

div#gallery_container {
     width: 890px; 
     margin: 15px;
   }

div.testimonial_container {
     width: 890px;
     margin: 15px 15px 0 15px;
     background: transparent url(../images/trans_bg.png) top left repeat;
   }

div.testimonial {
     width: 890px;
     background: transparent url(../images/quote_open.png) top left no-repeat;
   }
   
   div.testimonial p {
        font-style: italic;
        text-indent: 2em;
        margin: 0;
        padding: 15px 20px 5px 20px;
      }
   
   div.client_name p {
        text-align: right;
        padding: 5px 40px 15px 0;
        background: transparent url(../images/quote_close.png) bottom right no-repeat;
      }
   
   
div.testimonial_container_last {
     width: 890px;
     margin: 15px;
     background: transparent url(../images/trans_bg.png) top left repeat;
   }
   
div.friends {
     float: left;
     width: 285px;
     height: 80px;
     margin: 15px 0 0 15px;
     /*background:transparent url(../images/trans_bg.png) top left repeat;*/
     border-bottom: 1px dashed #424242;
   }

div.friends_lr {
     float: left;
     width: 285px;
     height: 80px;
     margin: 15px 0 15px 15px;
   }

   div.friends_lr p,
   div.friends p {
        font-size: 1.1em;
        font-style: italic;
        text-align: left;
        color: #D2D2D2;
        margin: 5px 10px 5px 15px;
      }

a.friends_links {
     font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif;
     font-size: 1.2em; 
     margin-left: 15px;
     color: #33CCCC;
   }
     
div#contact_details {
     float: left;
     width: 351px;
   }
     
     div#contact_details p {
          width: 350px;
          height: 375px;
          font-size: 1.6em;
          padding-left: 70px;
          border-left: 1px dashed #424242;
        }
     
div#contact_form {
     float: left;
     width: 480px;
     margin-bottom: 20px;
     }

div#footer_wrapper {
     float: left;
     width: 100%;
     margin: 0;
   }

div#footer {
     width: 920px; 
     margin: 0 auto;
   }
   
div#footer_left_content {
     width: 591px; 
     margin-left: 15px; 
     float: left;
   }

   div#footer_left_content p {
        font-size: 1.2em; 
        margin: 5px 0 5px 0; 
        color: #808080;
      }


      div#footer_left_content p a#home_footer {
           margin-left:0;
         }

      div#footer_left_content a {
           text-align: center; 
           margin: 0 10px 0 10px; 
           color: #808080; 
           text-decoration: none;
       }

      div#footer_left_content a:hover {
           color: #FFF;
         }	

div#footer_right_content {
     width: 299px; 
     float: left; 
     margin: 5px 15px 0 0;
   }

   div#footer_right_content p {
        font-size: 1.2em;
        margin: 0 2px 0 0; 
        text-align: right; 
        color: #808080;
      }

      div#footer_right_content p#right {
           float: left; 
           margin-right: 10px; 
           padding-left: 30px; 
           border-left: 1px dotted #808080;
         }

      div#footer_right_content img#facebook_icon {
           float:left; 
           margin: 0 15px 0 0;
         }

div#copyright {
     width: 890px; 
     height: 54px; 
     margin: 2px 15px 0 15px; 
     background: url(../images/simply_you.jpg) no-repeat bottom right; clear:both;}

   div#copyright p {
        font-size: 1em; 
        text-align: left; 
        margin: 0 0 0 1px; 
        color: #808080;
       }
       
    div#copyright a {
    	color: #808080;
    	text-decoration: none;
    }
    
    div#copyright a:hover {
    	color: #FFF;
    }
		
/*-----------End Layout Stylings-----------------------------------------------------*/


/*-----------Start Navigation Stylings-----------------------------------------------*/

ul#menu {
     width: 886px; 
     height: 41px; 
     list-style: none;
     margin: 5px 17px 0 17px; 
     padding: 0;
   }
   
ul#menu li {
     float: left;
     position: relative; 
     list-style: none;
     width: auto;
   }

ul#menu li a {
     height: 41px; 
     text-indent: -9999px; 
     background: #000 url(../images/menu.png) no-repeat scroll top left; 
     display: block; 
     position: relative;
   }

ul#menu li a#home {
   width: 75px;
   }

ul#menu li a#about {
     width: 123px; 
     background-position: -75px 0;
   }

ul#menu li a#galleries {
     width: 118px;background-position: -198px 0;
   }

ul#menu li a#information {
     width: 142px; 
     background-position: -316px 0;
   }
   
ul#menu li a#testimonials {
     width: 144px; 
     background-position: -458px 0;
   }

ul#menu li a#friends {
     width: 107px; 
     background-position: -602px 0;
   }

ul#menu li a#contact {
     width: 117px; 
     background-position: -709px 0;
   }

ul#menu li a#blog {
     width: 60px; 
     background-position: -826px 0;
   }

#home_page ul#menu li a#home, 
ul#menu li a#home:hover {
     background-position: 0 -41px;
   }
   
#about_page ul#menu li a#about, 
ul#menu li a#about:hover {
     background-position: -75px -41px;
   }

#galleries_page ul#menu li a#galleries, 
ul#menu li a#galleries:hover {
     background-position: -198px -41px;
   }

#information_page ul#menu li a#information, 
ul#menu li a#information:hover {
     background-position: -316px -41px;
   }

#testimonials_page ul#menu li a#testimonials, 
ul#menu li a#testimonials:hover {
     background-position: -458px -41px;
   }

#friends_page ul#menu li a#friends, 
ul#menu li a#friends:hover {
     background-position: -602px -41px;
   }

#contact_page ul#menu li a#contact, 
ul#menu li a#contact:hover {
     background-position: -709px -41px;
   }

#blog_page ul#menu li a#blog, 
ul#menu li a#blog:hover {
     background-position: -826px -41px;
   }

/*-----------End Navigation Stylings-------------------------------------------------*/


/*-----------Start Form Stylings-----------------------------------------------------*/
  
#form {
    width: 310px;
    font-family: Georgia, Cambria, Helvetica, Arial, Verdana;
    font-size: 1.7em;
    font-weight: lighter;
    font-style: italic;
    margin-left: 20px;
    color: #FFF;
  }

fieldset {
    width: 310px;
    margin: 10px 0 0 105px;
    padding: 0;
    border: none;
  }


label {
    float: left;
    width: 100px;
    height: 33px;
    margin: 0 0 0 -105px;
    padding-top: 3px; 
  }
  
input,
textarea,
select {
    display: block;
  }
  
input,
textarea {
    font-family: 'Century Gothic', 'Trebuchet MS', "Lucida Grande", "Lucida Sans", sans-serif; 
    font-size: 1em;
    color: #FFF;
    border: 1px solid #c8c8c8;	
    width: 280px;
    background: #000;
    border: 1px solid #424242;
  }
  
input {
    padding: 8px;
  }

textarea {
    height: 140px;
  }

input#submit {
    font-size: 9px;
    color: #33CCCC;
    border: none;
    cursor: pointer;
    float: left;
    background: url(../images/submit_button.jpg) no-repeat 0 0;
    width: 150px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 30px 0 0 130px;
  }

div.form_element {
    float: left;
    margin-bottom: 15px;
  }

p.error {
    margin: 15px 58px 0 20px;
  }
  
p.successful {
    margin: 15px 58px 0 20px;
    padding: 10px;
    color: #339933;
    background-color: #99FF99;
    border: 2px solid #66CC66;
  }

label.error {
   width: 290px;
   height: 20px;
   font-family: Helvetica, Arial; 
   font-size: 0.7em;
   padding: 0;
   color: #FF0033;
   border: none;
   margin: 5px 0 0 0;
   background-color: transparent;
  }

.custom {
   padding: 7px;
   border-width: 1px;
   margin: 0;
  }


/*-----------End Form Stylings------------------------------------------------------*/


/*-----------Start Pagination Stylings----------------------------------------------*/

#pagination_container {
     display: block; 
     margin-left: 17px; 
     margin-bottom: 10px; 
     text-align: left; 
     height: 22px; 
     line-height: 21px; 
     clear: both; 
     padding-top: 3px; 
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 12px; 
     font-weight: normal;
   }
   
#pagination_container a:link, 
#pagination_container a:visited {
     padding: 7px; 
     padding-top: 2px; 
     padding-bottom: 2px; 
     border: 1px solid #424242; 
     margin-left: 5px; 
     margin-bottom: 10px; 
     text-decoration: none; 
     background-color: #000; 
     color: #424242; 
     width: 22px;	
     font-weight: normal;
   }

#pagination_container a:hover {
     background-color: #000; 
     border: 1px solid #FFF; 
     color: #FFF;
   }

#pagination_container .active_link {
     padding: 7px; 
     padding-top: 2px; 
     padding-bottom: 2px; 
     border: 1px solid #FFF; 
     margin-left: 5px; 
     text-decoration: none; 
     background-color: #000; 
     color: #FFF; 
     cursor: default;
   }

#pagination_container .disabled_pagination {
     padding: 7px; 
     padding-top: 2px; 
     padding-bottom: 2px; 
     border: 1px solid #303030; 
     margin-left: 5px; 
     text-decoration: none; 
     background-color: #000; 
     color: #303030; 
     cursor: default;
}

/*-----------End Pagination Stylings-------------------------------------------------*/

/*-----------Start Modal Window Stylings---------------------------------------------*/


#mask {
     position: absolute;
     top: 0px; 
     left: 0px; 
     height: 100%; 
     width: 100%;  
     display: none; 
     background-color: black;
   }

.modal_window{
     position: absolute; 
     display: none;
     color: #000;
   }

#current_offers {
     width: 810px;
     height: 380px;
     padding: 0;
     background: #000 url(../images/current_special.jpg) bottom center no-repeat;
     color: #000;
   }

a.close_modal {
     font-size: 1.1em;
     text-decoration: none;
     color: #000;
   }
   
div#close {
     margin-top: 10px;
     margin-left: 755px;
   }
   
/*-----------End Modal Window Stylings---------------------------------------------*/