/*Links
TinyMCE specific rules*/
BODY.mceContentBody
{
	background: #FFF;
}
/*.mceContentBody a {
color: red !important; /* FF requires a important here
}*/
BODY
{
	font: 62.5% Arial;
	background-color: #506651;
}
A
{
	outline: none;
}
P
{
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 0 0.5em;
	margin: 0;
}
H3
{
	font-size: 2em;
	padding: 0 0.3em;
	margin: 1em 0 0.3em;
	font-family: Georgia;
	font-weight: normal;
}


H4
{
	font-size: 1.6em;
	padding: 0;
	margin: 1em 0.6em 0;
	font-family: Georgia;
	font-weight: normal;
}
H4 a { color:#54612B;}
H4 a:hover { color:#222222;}
.align_right
{
	float: right;
	padding: 8px;
	border: 1px solid #EFEFEF;
	margin: 0 0 5px 8px;
}
#site_badge{width:800px; margin:5px auto;}
#site_badge a{ float:right; color:#333333}
#container
{
	width: 800px;
	margin: 15px auto 0;
	border: 10px solid #FFFFFF;
	background: #FFFFFF url(../images/cont_rep.png) repeat-y;
}
#header
{
	width: 800px;
	height: 243px;
	background: url(../images/header.png) no-repeat;
}
#navigation
{
	width: 800px;
	height: 39px;
	background: url(../images/nav.png) repeat-x;
	clear: both;
}
#navigation UL
{
	margin: 0;
	padding: 0;
	height: 39px;
	width: 800px;
	margin-left:10px
}
#navigation LI
{
	float: left;
	list-style: none;
	height: 39px;
	margin-right:5px
}
#navigation LI A
{
	display: block;
	height: 15px;
	margin-top: 10px;
	text-indent: -5000px;
	width: 50px;
}
#navigation LI A.main_Home
{
	background: url(../images/home_tab.png) no-repeat;
	margin-left: 10px;
	width: 80px;
}
#navigation LI A.main_Home:hover
{
	background: url(../images/home_tab.png) no-repeat 0 -15px;
}
#navigation LI A.main_News
{
	background: url(../images/news.png) no-repeat;
	margin-left: 10px;
	width: 80px;
}
#navigation LI A.main_News:hover
{
	background: url(../images/news.png) no-repeat 0 -15px;
}
#navigation LI A.main_About-Us
{
	background: url(../images/about_us.png) no-repeat;
	width: 100px;
}
#navigation LI A.main_About-Us:hover
{
	background: url(../images/about_us.png) no-repeat 0 -15px;
}
#navigation LI A.main_Services
{
	background: url(../images/services.png) no-repeat;
	width: 100px;
}
#navigation LI A.main_Services:hover
{
	background: url(../images/services.png) no-repeat 0 -15px;
}
#navigation LI A.main_Our-Work
{
	background: url(../images/our_work.png) no-repeat;
	width: 100px;
}
#navigation LI A.main_Our-Work:hover
{
	background: url(../images/our_work.png) no-repeat 0 -15px;
}
#navigation LI A.main_Testimonials
{
	background: url(../images/testimonials.png) no-repeat;
	width: 140px;
}
#navigation LI A.main_Testimonials:hover
{
	background: url(../images/testimonials.png) no-repeat 0 -15px;
}
#navigation LI A.main_Contact
{
	background: url(../images/contact_us.png) no-repeat;
	width: 100px;
}
#navigation LI A.main_Contact:hover
{
	background: url(../images/contact_us.png) no-repeat 0 -15px;
}

#content
{
	float: left;
	width: 515px;
	background: #FFFFFF;
	padding: 0 15px;
}
#content H4
{
	margin-left: 5px;
}
#content UL
{
	margin: 15px;
	padding: 0;
}
#content UL LI
{
	background: url(../images/drop.png) no-repeat;
	padding-left: 20px;
	font-size: 1.3em;
	margin-bottom: 5px;
	list-style: none;
}
#right
{
	float: right;
	width: 249px;
	background-color: #EFEFEF;
}
#right h3{ margin:15px 0 5px 10px;}
#right P
{
	padding: 0 0.9em;
}
#footer
{
	width: 800px;
	background: #2F2D30;
	clear: both;
	height: 2.5em;
	margin-top:20px;
}
#cont_case
{
	width: 800px;
	background: url(../images/bg_rep.jpg) repeat-y;
	height: 200px;
}
#footer UL
{
	margin: 2px 0 0 5px;
}
#footer UL LI
{
	float: left;
	list-style: none;
	margin: 5px 10px 0 0;
}
#footer UL LI A
{
	color: #858080;
	margin: 0;
}
.date
{
	width: 50px;
	background-color: #9FAA42;
	float: left;
	height: 62px;
	margin: 0 5px 0px;
	border: 3px solid #FFFFFF;
}
.day, .month
{
	font-size: 1.5em;
	font-weight: bold;
	font-family: Georgia;
	text-align: center;
	color: #F5FAFD;
	padding: 0;
	margin: 0;
}
.year
{
	font-size: 1.7em;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	font-family: Georgia;
}
.month
{
	text-align: center;
}
.item H4
{
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}
.item H4 a { color:#54612B;}
.item H4 a:hover { color:#222222;}
.item
{
	clear: both;
	width: 240px;
	height: 124px;
	margin: 10px 0 0 8px;
}
.item P
{
	font-size: 1.2em;
	text-align: justify;
}
.person_case
{
	background-color: #EDEDED;
	border: 1px solid #D9D9D9;
	margin: 10px 0;
	padding: 0 0 10px;
}
.person_case H4
{
	padding: 0px 12px;
}
.person_case P
{
	padding: 0 15px 10px;
}
/* Uni-Form by Dragan Babic  - http://dnevnikeklektika.com/ , http://draganbabic.com/ */ 
/* Some rights reserved - http://creativecommons.org/licenses/by-sa/2.5/ */
/* It is suggested not to edit this file directly, but rather the uni-form.css provided in the Uni-Form zip archive */

.uniForm{
  margin:0; padding:0;
  position:relative;
  width:100%;
  overflow:hidden;
}

  /* Some generals */
  .uniForm fieldset{
    border:none;
    margin:0; padding:0;
  }
    .uniForm fieldset legend{
      margin:0; padding:0;
    }

    .uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
      overflow:hidden;
      margin:0; padding:0;
      clear:both;
    }

    .uniForm .buttonHolder{
      overflow:hidden;
      clear:both;
    }
      .uniForm .resetButton{
      }
      .uniForm .submitButton{
	   width:100px; height:1.8em; border:1px solid #CCC; background:#EFEFEF; padding:2px; float:left; margin:5px 0 0 8px;
      }

    .uniForm .inlineLabel,
    .uniForm .inlineLabels .inlineLabel,
    .uniForm .blockLabels .inlineLabel{
      width:auto;
      float:none;
      margin:0 1em 0 0;
      display:inline;
    }
      .uniForm .inlineLabel input{
      }
    
    .uniForm .focused{ /* For highlighting the rows on input focus */
    }

    /* ########################################################################## */

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
    .uniForm .inlineLabels .ctrlHolder{
    }
        .uniForm .inlineLabels label,
        .uniForm .inlineLabels .label{
          float:left;
          margin:.3em 2% 0 0; padding:0;
          line-height:100%;
          position:relative;
        }

        .uniForm .inlineLabels .textInput,
        .uniForm .inlineLabels .fileUpload{
          float:left;
        }
        .uniForm .inlineLabels .fileUpload{
        }
        
        .uniForm .inlineLabels .selectInput{
          float:left;
        }

        .uniForm .inlineLabels textarea{
          float:left;
        }

      .uniForm .inlineLabels .formHint{
        clear:both;
      }

        /* inlineLabels esthetics */
        .uniForm .inlineLabels .formHint strong{
        }


    /* ########################################################################## */

    /* Styles for form controls where labels are above the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .blockLabels */
    .uniForm .blockLabels .ctrlHolder{
    }

      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{
        display:block;
        float:none;
        margin:.3em 0; padding:0;
        line-height:100%;
        width:auto;
      }
      .uniForm .blockLabels .label{
        float:left;
        margin-right:3em;
      }

      .uniForm .blockLabels .inlineLabel{
        position:relative; top:.15em;
      }

      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{
        float:left;
      }
      .uniForm .blockLabels .fileUpload{
      }
      
      .uniForm .blockLabels .selectInput{
        display:block;
      }

      .uniForm .blockLabels textarea{
        float:left;
        display:block;
      }

      .uniForm .blockLabels .formHint{
        float:right;
        margin:0;
        clear:none;
		padding:4px 0 0 9px
      }

      /* blockLabels esthetics */
      .uniForm .blockLabels .ctrlHolder{
      }

      .uniForm .blockLabels .focused{
      }

    /* ########################################################################## */

    /* Focus pseudoclasses */
    .uniForm .ctrlHolder .textInput:focus{
    }
    .uniForm div.focused .textInput:focus{
    }
    .uniForm div.focused .formHint{
    }

    /* Required fields asterisk styling, use if needed */
    .uniForm label em,
    .uniForm .label em{
      display:block;
      position:absolute; left:100%;
      font-style:normal;
      font-weight:bold;
    }
    .uniForm .blockLabels label em,
    .uniForm .blockLabels .label em{
      position:static;
      display:inline;
    }

    /* ########################################################################## */

    /* Messages */
    .uniForm #errorMsg,
    .uniForm .error{
    }
      .uniForm #errorMsg dt,
      .uniForm #errorMsg h3{
      }
      .uniForm #errorMsg dd{
      }
        .uniForm #errorMsg ol{
        }
          .uniForm #errorMsg ol li{
          }
      .uniForm .errorField{
      }

    /* ########################################################################## */

    /* Add the following classes to your fieldsets (preferably) if you want columns */
    .uniForm .col{
      float:left;
    }
    .uniForm .columnLeft{
      float:left;
    }
    .uniForm .columnRight{
      float:right;
    }
	

/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */

/* Generals */
          /* Highlighting the rows on input focus */
          .focused{
            background:#FFFCDF url(img/uf_focused.png);
            border:1px solid #EFE795; border-width:1px 0;
            padding:6px 4px;
          }
.uniForm fieldset{
  margin:1em 0; 
}
.uniForm fieldset legend{
  color:#000; /* Reset IE */
  font-weight:bold; 
  font-size:120%; 
}
.uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
  padding:7px; 
}
.uniForm .buttonHolder{
  text-align:right; /* Recommended */
}
.uniForm .focused{
  background:#FFFCDF; 
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{
  width:45%; /* Required property */
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:45%; /* Required property */
}
.uniForm .inlineLabels .selectInput{
  width:45%; /* Required property */
}
.uniForm .inlineLabels textarea{
  width:45%; /* Required property */
  height:12em; 
}
.uniForm .inlineLabels .formHint{
  margin-top:0;
  margin-left:47%; 
}

/* .blockLabels */
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{
  width:53%; /* Required property */
}

.uniForm .blockLabels .selectInput{
  display:block;
  width:53.5%; /* Required property */
}
.uniForm .blockLabels textarea{
  width:53%; /* Required property */
  height:12em; 
}
.uniForm .blockLabels .formHint{
  width:45%; /* Required property */
}

/* Columns */
.uniForm .col{
  width:47.9%; /* Required property */
  margin:0 2% 0 0; 
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}

/* Messages */
.uniForm #errorMsg{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
  margin:0 0 1em 0; padding:1em;
}
.uniForm .error{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0; margin-left:10px;
}
  .uniForm #errorMsg dt,
  .uniForm #errorMsg h3{
    margin:0 0 .5em 0;
    font-size:110%;
    line-height:100%;
    font-weight:bold;
  }
  .uniForm #errorMsg dd{
    margin:0; padding:0;
  }
    .uniForm #errorMsg ol{
      margin:0; padding:0;
    }
      .uniForm #errorMsg ol li{
        margin:0; padding:2px;
        list-style-position:inside;
        border-bottom:1px dotted #df7d7d;
        position:relative;
      }
    .uniForm .errorField{
      color:#af4c4c;
      margin:0 0 6px 0; padding:4px;
      background:#ffbfbf;
    }
	
#testimonial_display li h4{ font-size:120%;}
#testimonial_display li p{ font-size:100%;}

.ctrlHolder label{font-size:120%;}
ul#portfolio_list{ margin-left:0; padding-left:0;}
ul#portfolio_list li { background:none; margin-top:16px; margin-left:0; padding-left:0;}
#portfolio_list li li { font-size:1em; padding-left:15px}
#portfolio_list li li h4  { font-size:1em; background:url(../images/drop.png) no-repeat 0px 0px; margin-top:16px; padding-left:15px; font-weight:bold}
#portfolio_list li li p{margin-left:15px;}
#portfolio_list li li li{ list-style:circle; background:none; padding-left:0;font-size:100%;margin-top:0px; margin-left:15px}

#portfolio_list li h4{ font-size:130%; padding-top:0; margin-top:0;}
#portfolio_list li p{ font-size:100%;}
.service_left{ float:left; width:250px;}
.service_right{ float:left; width:250px;}
.service_right img{ padding:10px; margin:10px 10px 10px 20px; border:1px solid #CCC; background:#EFEFEF;}
#news_list h5{ margin:0 0 5px 6px; font-weight:normal; font-style:italic; padding:0;}
#news_display h3 a{ color:#54612B}
#news_display h5 { margin:0 0px 15px 6px; font-weight:normal; font-style:italic; padding:0;}

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

.pics
{
	height: 800px;
	width: 243px;
	padding: 0;
	margin: 0;
}
.pics IMG
{
	padding: 0;
	width: 800px;
	height: 243px;
	top: 0;
	left: 0;
}
#s2
{
	width: 800px;
	height: 243px;
}