/* Blue Gray Template CSS First Light Web Design 2007 */

body {font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      background: #F3F3F3 url(images/background.png) repeat-x;
      color: #5B6973;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}
p,li {text-align:justify;}

.justify {text-align: justify;}

ul {list-style-type: square;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 40px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.bottom-border {border-bottom: 1px solid #D8D8D8;}

a {color: #F60; text-decoration: none; }
a:visited {color: #F60; }
a:hover {color: #5B6973; }
a:link {color: #f60; }
h1 a span, h1 a:hover {color: #5B6973;}



.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 144px;
         position: relative;}

#header h1 {margin: 0;}

#logo {position: absolute;
       left: 0;
       top: 46px;
       width: 400px;
       height: 31px;}

#logo img {display: block;}

#logo a {background: transparent;}

/* Begin offer CSS */

#offer {position: absolute;
         right: 0;
         top: 80px;
				 color: #F60;
               font-size: 16px;
               font-weight: bold;}

/* End offer CSS */

/* Begin main navigation menu. */

#menu {width: 110%;
       height: 42px;
       clear: both;
       background: url(images/button_end_gradient.png) center left no-repeat;
       position: relative;}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          left: 2px;
          background: #6A7A86 url(images/menu_background.png) repeat-x;
          color: #DCE0E4;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 42px;
               padding: 0 20px;
               margin: 0;
               line-height: 42px;
               display: block;
               float: left !important;
               background: url(images/button_end_gradient.png) center right no-repeat;
               color: #D8DCE0;
               font-size: 16px;
               font-weight: bold;}

#menu ul li a:hover {background: url(images/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 11px;
          padding: 0;} 

#left-column {width: 510px;
              float: left;
              padding: 0;
              margin: 0;}

#right-column {width: 240px;
               padding: 0;
               float: right;
               margin: 0;}

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

 a.more {
												display: block;
												float: right;
												width: 120px;
												height: 27px;
												padding:6px;
												padding-right:1px;
												Font-size:16px;
												font-weight:bold;
												text-align:center;
												background: url(images/learn_more_button.png) no-repeat;}

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

#sub-wrapper {float: left;
              width: 100%;}

#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: 0px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 

#footer {width: 790px;
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

/* Featured services */

.featured-wrapper {background: #6A7A86 url(images/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 100%;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 25px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p, .featured-content h3 {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}
.featured-content a.more2, .featured-content span.cena {
												display:block;
												width: 230px; 
												height: 34px;
												padding:5px;
												Font-size:16px;
												font-weight:bold;
												text-align:center;
												color:#FF6600;
												background: url(images/featured_learn_more.png) no-repeat;
												}

.featured-top {width: 240px;
               height: 18px;
               background: #6A7A86 url(images/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #F60;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
                padding: 0;}
								
.fieldwrap img {margin:0; margin-bottom:-5px;}
span.required {color:#FF6600;}
.fieldwrap label {display:block;float:left;width:100px;}

div.credits {text-align:right;font-size:8px;}

/*GALLERY*/

#gallery.realisations {
	margin:27px 0 0 5px;
}
#gallery.realisations h2 {
	text-align: center;
}
img.gallery_image{
	margin-left:10px;
}  
.gallery{
	width: 240px;
	float: left;
	margin:0 8px 0 9px;
	}

/*END GALLERY*/



/*CONTACT*/
	#right-column.address h2, h3 {
		text-align: center;
	}
	#right-column.address h3 {
		font-size:18px;
		padding-top: 17px;
	}
		#right-column.address p.address {
			text-align: center;
		}
	input#fm_name, input#fm_email, input#fm_subject, textarea#fm_message {
		width:400px;
	}
	input#fm_verify, input#fm_upload {
		width: 338px;
	}

/*END CONTACT*/

/* Begin offer CSS */

#offer {
            background: url('images/blue_star.png') center top no-repeat;
            position: absolute;
            right: 0;
            top: 0px;
            font-size: 16px;
            font-weight: bold;
            width: 127px;
            height: 84px;
            text-align: center;
}
	#offer a {
		color: #fff;
	}
		#offer a:hover {
			color: #5B6973;
		}
		#offer a span{
			display: block;
			padding-right:3px;
		}

/* End offer CSS */