/* CSS Document */

/* main styles */

body {
	font: 90%/160% Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 2ems;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #000000;
}


img {
	border: none;
	float: left;
	display: block;
	
}


p {
	padding: 0;
	margin: 10px 0 0 0 ;
	color:#FFFFFF;
	
}


h1{
	color: #ffffff;
	margin: 0px;
	

	font: bold 170%/100% Verdana, Arial, Helvetica, sans-serif;
	
	
}

h1 a{
	color: #ffffff;
	}

h2{
	color: #C8C7C7;
	margin: 0px;
	

	font: bold 170%/100% Verdana, Arial, Helvetica, sans-serif;
	
	
}

h1 a:hover, h2 a:hover{
	color: ##330066;
	}
	



h3 {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #C8C7C7;
	margin: 8px 0 0 0;
	text-align: right;
}



h4 {
font: normal 115% Verdana, Arial, Helvetica, sans-serif;
font-stretch: 90%;
	color: #ffffff;
	margin: 18px 0 0 0;
	text-align: left;
	padding-left: 40px;



}

h5 {

font: bold 110% Verdana, Arial, Helvetica, sans-serif;


}

h6 {
font: 30%;

}

h6 a:hover {
color:#AAAAAA;

}



.headline{
font-weight: bold;
color: #C8C7C7;
}

/* body frame */

#wrapper { 
padding: 0;
margin: auto;
 width: 930px;

}

#top{
width: 100%;
height: 20px;
}
#header {
 width: 930px;
 float: left;
 position: relative;
height: 232px;
 margin: 0;

}
#tel {
color:#ffffff;
 width: 210px;
 position: absolute;
 top: 40px;
 right: 40px;
font: bold 70% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1.5em;
}
#header-quote {
color:#C8C7C7;
 width: 210px;
 position: absolute;
 top: 90px;
 right: 40px;
font:italic 45% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1.5em;
}


#navigation {
clear: both;
 background: url(../images/portrait-navbar-index.jpg) no-repeat;
 width: 929px;
 float: left;
 position: relative;
height: 34px;
 margin: 0;
 padding:0;

}

#navigation-inside {
clear: both;
 background: url(../images/portrait-navbar.jpg) no-repeat;
 width: 929px;
 float: left;
 position: relative;
height: 34px;
 margin: 0;
 padding:0;

}



#nav-text-left{
background-color: none;
 float: left;
 position: relative;
height: 33px;
 margin: 0;
 padding: 0 0 0 40px;

 }
 
 
 
 #nav-text-right{
 
 background-color: none;
float: right;
 position: relative;
height: 33px;
 margin: 0;
 padding:0 30px 0 0;
 text-align:left;

 }


#main-body {
clear: both;
 color:#ffffff;
 background: url(../images/portrait-bg-index.jpg) repeat-y;
 float: left;
 position: relative;
 width: 929px;
height: 560px;
 margin: 0;
 padding:0;


}

.inside-body {
clear: both;
color:#ffffff;
background: url(../images/portrait-bg.jpg) repeat-y;
width: 929px;
float: left;
position: relative;
margin: 0;
padding:0;

}

#body-header {
clear: both;
color:#ffffff;
background: url(../images/portrait-bg.jpg) repeat-y;
width: 929px;
height: 40px;
float: left;
position: relative;
margin: 0;


}


.picture-column {

  width: 470px;
 float: left;
 position: relative;
 margin: 0;
 padding:0 0 10px 0;

}

.prices-end {
font: normal 85% Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
margin:50px 20px 10px 0;
border: solid #ffffff thin;
padding: 10px;
}

.text-column {

 width: 190px;
 float: left;
 position: relative;
 margin: 0;
 padding:5px 10px;
 line-height: 1.2em;
 font: 90%/160% Verdana, Arial, Helvetica, sans-serif;


}


#main-text {
	color:#ffffff;
	width: 350px;
	position: absolute;
	top:20px;
	left: 40px;
	margin: 0;
	padding:0;
	height: 260px;
	line-height: 2em;
}

.headlines {

 width: 200px;
 position: relative;
 float: right;
 margin: 0 ;
 padding: 20px 25px 0 0;
 text-align: right;
 clear:both;

}

.spacer{
width: 99%;
float: left;
position: relative;
height: 20px;
color:#ffffff;
text-align: center;
}

.spacer a{

color:#000000;

}

.spacer a:hover{

color:#ffffff;

}

#footer {

clear: both;
 color:#ffffff;
 background:url(../images/portrait-footer.jpg) no-repeat;
 width: 929px;
 float: left;
 position: relative;
height: 50px;
 margin: 0;
 padding:5px 0 0 0;
 overflow:hidden;
 text-align:center;

}

#footer a:hover{


 color:#000000;


}

#copyright {

clear: both;
 color:#ffffff;

 width: 929px;
 float: left;
 position: relative;
height: 50px;
 margin: 0;
 padding:5px 0 0 0;
 overflow:hidden;
 text-align:center;

}



/* mailform */



.form-column {

 float: left;
 position: relative;
 margin: 0;
 padding:0 10px 10px 40px;
 display:block;
 width: 400px;
 line-height: 1.3em;

}

.clearfix{
border: none;
padding: 0;
clear: both;
}



		
fieldset {
	
	padding-left: 0;	
	
	
		
		}		



.formLabel {
		font-size: 1em;
		line-height: 1.6em;
		text-align: left;
		position: relative;
		float: left;
		width: 99%;
		display; block;
		margin-top: 10px;
		
}



#message{
background-color:#ffffff;
width: 80%;
}

.formControl {
		float: left;
		position: relative;
		clear: both;
		width: 80%;
		
			
		
		}
		
input, textarea {
		width: 100%;
		
		font: 1em  Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;	
		}	
	
		
input {

		font-size: 1em;
		color:#000000;
		
		background-color:#ffffff;
		}			

textarea {

		background-color:#ffffff;		}
		


submitButton {
clear:both;
float:left;
position: relative;
margin:10px auto;
background:#330066;
	
		font:  bold 1.0em Verdana, Arial, Helvetica, sans-serif ;
		color:#FFFFFF;
		padding: 4px 6px;
		width: auto;
		text-align:center;
		}
		
input.submitButton {
clear:both;
float:left;
position: relative;
margin:10px auto;
background:#330066;
	
		font:  bold 1.0em Verdana, Arial, Helvetica, sans-serif ;
		color:#FFFFFF;
		padding: 4px 6px;
		width: auto;
		text-align:center;
		}

	
