* {
	margin:0;
	padding:0;
}

body{
	background: #f8f6f2 url(/images/bg-page.jpg) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{
	border:0;
	color:#f47b20;
	text-decoration:underline;
	outline:none;
}

span{
	font-weight:bold;
	color:#CC0000;
}

a.little{
	font-size:10px;
	line-height:14px;
}

ul{
	margin:10px 0 10px 20px;
}

ul li{
	list-style-image:url(/images/bullet.gif);
	list-style-position:outside;
	margin:0px 0 !important;
	margin:10px 0;
}

*:first-child+html ul li{
	margin:10px 0 !important;
}

p{
	line-height:24px;
}

img{
	border:0;
}

textarea,
input{
	padding:3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.error{
	border:1px solid #CC0000;
}

#container {
	width:990px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header{
	background:url(/images/bg-header.jpg) left 84px no-repeat;
	height:250px;
}

.logo{
	position:absolute;
	top:10px;
	left:30px;
}

#navigation{
	float:right;
	width:300px;
}

ul.nav{
	margin:0;
	float:right;
	margin-top:0 !important;
}

ul.nav li {
	list-style:none;
	text-indent:-9999px;
	width:90px;
	float:left;
	margin-top:0 !important;
}

*:first-child+html ul.nav li{
	margin-top:0 !important;
}

ul.nav li a{

	height:71px;
	display:block;
}

ul.nav li.home a{
	background:url(/images/nav-home.jpg) right top no-repeat;
	/*width:66px;*/
}

ul.nav li.home-selected a,
ul.nav li.home a:hover{
	background:url(/images/nav-home.jpg) right -71px no-repeat;
	float:none;
}

ul.nav li.about a{
	background:url(/images/nav-about.jpg) right top no-repeat;
	/*width:66px;*/
}

ul.nav li.about-selected a,
ul.nav li.about a:hover{
	background:url(/images/nav-about.jpg) right -71px no-repeat;
	float:none;
}

ul.nav li.contact a{
	background:url(/images/nav-contact.jpg) right top no-repeat;
	/*width:80px;*/
}

ul.nav li.contact-selected a,
ul.nav li.contact a:hover{
	background:url(/images/nav-contact.jpg) right -71px no-repeat;
	float:none;
}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 36px;
  position:relative;
  font-weight:bold;
  margin:25px 0;
  outline:none;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 18px;
  position:relative;
  margin:10px 0;
  outline:none;
  width:440px;
}

.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 18px;
  position:relative;
  margin: 0 0 10px 0;
}

h4{
	font-size:14px;
}

#content-left{
	width:660px;
	padding-left:30px;
	float:left;
	margin-bottom:20px;
}

.google-map{
	margin:10px 0 10px 8px;
}

.google-map iframe{
	border:5px solid #E3E3DF;
}

ul.services{
	width:130px;
	float:left;
	padding-right:10px;
}

.textarea-handle {
height: 5px;
display: block;
width:85%;
background: #C5C5C5;
background-image: url('http://www.mollerus.net/images/grab-handle.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
overflow:hidden;
}

ul.services li{
	margin:15px 0 !important;
	margin:20px 0;
}

*:first-child+html ul.services li{
	margin:17px 0 !important;
}

.contact-form{
	width:100%;
}

.contact-form textarea{
	width:84%;
}

.contact-form td{
	padding: 5px 0;
}

.btn-send{
	background:#E3E3DF;
	border:3px solid #fff;
	padding:5px 10px;
	cursor:pointer;
}

.btn-services{
	float:right;
	margin-right:20px;
}

#content-right{
	width:275px;
	margin-left:20px;
	float:left;
	padding:20px 0;
	border-bottom:1px solid #e3e3df;
	border-left:1px solid #e3e3df;
	border-right:1px solid #e3e3df;
	background:#fff;
	margin-top:86px;
	margin-bottom:20px;
}

#content-right p,
#content-right h2,
#content-right h3{
	padding-left:20px;
}

#content-right .contact{
	border-bottom: 1px dashed #bcbdbd;
	padding:0 0 10px 0;
	margin:0 20px 10px 20px;
	height:100%;
}

#content-right p{
	line-height:24px;
}

#content-right .contact-section-left{
	width:70px;
	float:left;
	line-height:24px;
}

#content-right .contact-section-right{
	width:165px;
	float:left;
	line-height:24px;
}		

#footer{
	background:url(/images/bg-footer.gif) left top repeat-x;
	color:#fff;
}

#footer a{
	color:#fff;
}

#footer .content{
	margin:0 auto;
	width:990px;
}

#footer .content .banner{
	text-align:center;
	padding:8px 0 0 30px;
}

#footer .content .copyright{
	margin:10px 0 0 35px;
	padding-bottom:20px;
}
