@charset "utf-8";

/*	---------------------------------------------------------------------------------------
	Elune Art

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:		Main styles
	File:		style.css
	Version:	1.0
	Date:		April 8th, 2008
	Author:		Omega
	---------------------------------------------------------------------------------------	*/
		
/*	---------------------------------------------------------------------------------------
	Main styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		body {
			margin:0px;
			padding:0px;
			background-color:#faf9f7}
			
		body,td,th {
			font-family:Arial, Helvetica, sans-serif;
			font-size:75%;
			color:#042f3b;
			}
			
		p, h1, h2, h3, h4, form, ul, li {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		p {
			line-height:150%;
			color:#042f3b}
			
		a {
			color:#e92e69;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			outline:none;
			text-decoration:none;
			font-size:100%}
			
		a:hover {
			color:#0ea9d3;}
		a:visited {color:#0e8655}	
		img {
			border:0px}
	blockquote  {clear:both;text-align:left; 
	color:#19afd8;
	font-style:italic;
	padding:0;
	margin:10px 0 0 20px;
	line-height:30px;
	font-weight:bold;
	display:block
	}
	blockquote q{color:#19afd8;
	font-style:italic;
	font-weight:normal}
		
/*	---------------------------------------------------------------------------------------
	Content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		body span.GB_navStatus {font-size:16px; }
		#content {
			padding:18px 0px 0px 0px;
			background-image:url(../../images/bg-content.png);
			background-repeat:repeat-x;}
			
		#sidebar h2, #sidebar h3 ,#sidebar h4 ,#sidebar h5 ,#sidebar h6  {
			font-size:140%;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#383838;
			margin:0px 0px 15px 0px;}

			
		#content h4 {
			font-size:300%;
			font-weight:normal;
		
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;}
		#main-content  h4.form{color:#ED457A; font-size:120%}	
		#content p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#content p.introtext {
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 20px;
	margin-left: 10px;
	line-height:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
	p.introtext a {font-size:100%}	
/*	---------------------------------------------------------------------------------------
	Top styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#top {
			height:52px;
			background-image:url(../images/top-bg.gif);
			background-repeat:repeat-x;
			background-color:#e82b66;
			padding:0px 20px;}
			
		 #top h1 a {
			text-indent:-9009px;
			background-image:url(../images/logo.png);
			background-repeat:no-repeat;
			background-color:#e82b66;
			width:253px;
			height:52px;
			float:left;
			margin-left:40px;
			position:absolute;
			z-index:1;}

		 #top .header {
			text-indent:-9009px;
			background-image:url(../images/logo.png);
			background-repeat:no-repeat;
			background-color:#e82b66;
			width:253px;
			height:52px;
			float:left;
			margin-left:40px;
			position:absolute;
			z-index:1;}


		 #top .topheader {

			margin:45px 0 0 55px;
			color:#FFFFFF;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:100%;
			font-weight:normal;
			line-height:30px;
			position:absolute;
			z-index:1;}
			
		#top p {
			color:#FFFFFF;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:160%;
			background-repeat:no-repeat;
			float:right;
			margin:13px 10px 0px 0px;}
		
#top ul {margin:0 20px 0 0;
list-style-type:square;
list-style-position:inside;
padding:0px;
color:#fff;
font-size:11px;}
#top li {float:right;
display:inline;
}
#top li a:link, #top li  a:active,#top li  a:visited  {color:#fff;
font-size:11px;
text-decoration:none;
margin-right:5px;
}
#top li  a:hover {text-decoration:underline}
#top .span {float:right;
margin:0 5px 0 0px;}
			
/*	---------------------------------------------------------------------------------------
	Main content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
#main-content {
	float:left;
	width:638px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding:0 0 0 40px
}
#main-content img {float:left;
margin:5px 20px 0px 10px}
#main-content h3  {
			font-size:190%;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#0DA9D2;
			margin:10px 0px 15px 20px;}
#main-content h2  {
			font-size:190%;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#0DA9D2;
			margin:10px 0px 15px 20px;}

#main-content h1  {
			font-size:190%;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#0DA9D2;
			margin:10px 0px 15px 20px;}
			
#main-content h4 {
			font-size:130%;
			font-weight:bold;
			line-height:30px;
			font-family:Arial, Helvetica, sans-serif;
			color:#1B7C98;
			margin:0px 0px 5px 10px;
			display:inline}
#main-content h4.about {
			font-size:150%;
			font-weight:normal;
			line-height:30px;
			font-family:Arial, Helvetica, sans-serif;
			color:#ED4379;
			margin:0px 0px 10px 20px;
			display:block}
#main-content fieldset {border:0px}
#main-content form, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#main-content input, #main-content textarea{background-color:#e6f5fd;
		border:1px solid #91c9d8;
		padding:5px;
		margin:0 0 5px 0;
		font-size:11px;
		color:#042f3b}
select{background-color:#e6f5fd;
		border:1px solid #91c9d8;
		padding:0px;
		margin:0 0 5px 0;
		font-size:11px;
		color:#042f3b;
		margin:0 0 0 5px
		}

				

	
/*	---------------------------------------------------------------------------------------
	Services page styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
#main-content ul.services {list-style:none;
margin: 0 0 90px 0}
#main-content ul.services li {display:block}
#main-content ul.services li .unterschrift {display:block;
color:#0DA9D2;
font-style:italic;
font-size:100%;
margin:0 0 0 130px}	
#main-content ul li img {float:left;
margin:5px 10px 0px 10px}
#main-content ul.services li p {font-size:11px; padding:0 30px 0 20px;
	line-height:25px}
	#main-content ul.about {list-style:none;
margin: 0 0 90px 0}
#main-content ul.about li {display:block; margin:0 0 0 10px}
#main-content ul.about li .unterschrift {display:block;
color:#0DA9D2;
font-style:italic;
font-size:100%;
margin:0 0 0 140px}	

#main-content ul.about li p {font-size:11px; padding:0 30px 0 20px;
	line-height:25px;
	margin:0 0 0 120px}
#main-content ul.about li img {float:left;
margin:5px 10px 0px 10px;
border:4px double #CAEAFA}
#main-content ul.about li ul.links {list-style:none;
display:block;
font-size:11px;
margin:10px 0 0 130px;
}
#main-content ul.about li ul.links li {display:inline}
#main-content ul.about li ul.links li a{color:#0e8655; text-decoration:none}
#main-content ul.about li ul.links li a:hover{color:#0e8655; text-decoration:underline}
#main-content ul.tos {font-size:110%;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
margin:0 20px 0 10px}
#main-content ul.tos li {line-height:3em}
#main-content ul.tos li p {line-height:2em}
#main-content ul.tos li span.red {font-size:110%;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#E82C66;
display:block;
font-weight:bold}
#main-content ul.tos ul, #main-content ul.tos ul  p {list-style:none; color:#0DA9D2;font-weight:bold}
#main-content ul.tos ul li {line-height:2em;
list-style:circle;
margin-left:10px}
#main-content div.button_position	{display:block; text-align:left; width:160px; margin-right:25px;}	
#main-content div.button button, #main-content span.button button {background:url(../images/but-submit.gif) no-repeat;
	border:none;
	padding:5px 0 10px 5px ;
	width:84px;
	height:29px;
	margin:0;
	font-size:11px;
	cursor:pointer;
	color:#ed457a;
	font-weight:bold}	
#hp-services-left img {
			margin:0px 0px 14px 0px}
		
#main-content li .rm {
			padding:0px 35px 0px 20px;
			background:url(../images/but-more.gif) 115px 2px no-repeat;
			display:block;
			float:right;
			font-size:15px;
			font-weight:bold;
			color:#0DA9D2;
			border:4px double #C1E6EF
			}
#main-content li .rm:hover {
			padding:0px 35px 0px 20px;
			background:url(../images/but-more.gif) 115px -20px no-repeat;
			text-decoration:none;
			display:block;
			color:#E72E68}	
#main-content ul.design_features {list-style:none; font-size:110%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 10px; color:#034e6d}
#main-content ul.design_features li {background:url(../images/li-hostfeatures.gif) 0px 7px no-repeat; display:block; margin:0 10px 10px 0; padding:5px 5px 5px 20px}
/*	---------------------------------------------------------------------------------------
	Sidebar styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#sidebar {
			float:right;
			width:226px;
			padding:20px;
			background-image:url(../images/sidebar-bg.gif);
			background-repeat:no-repeat;

			margin:0px 30px 0px 0px}
		#main-content .portfolio {
			margin:10px 0px 20px 0px;}	
		#portfolio {text-align:center}
		#portfolio h2, #portfolio h3,#portfolio h4,#portfolio h5, #portfolio h6 {background:url(../images/h-portfolio.gif) center no-repeat;
		display:block;
		width:211px;
		padding:10px 0 0 20px;
		height:23px;
		color:#016c8a;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left}
		
		#portfolio  ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#portfolio  li {
		float:left;
			margin:0px 5px 10px 5px;
			padding:0px;
			background-repeat:no-repeat;
			height:56px;
			width:56px;
			border:3px solid #dfe9ea}
			#portfolio  li img {	height:56px;
			width:56px;
			}
			#portfolio a {font-size:11px; color:#01607a}
			#portfolio a:hover {color:#e82c67}
		#quick_quote h2 {background:url(../images/h-quote.gif) center no-repeat;
		display:block;
		width:211px;
		padding:10px 0 0 20px;
		height:23px;
		color:#016c8a;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		margin-top:20px}
		#quick_quote form, #quick_quote fieldset {width:231px; border:none; font-size:11px; margin:0;padding:0}
		#quick_quote input#QuoteName, #quick_quote input#QuoteEmail, input#security_code {float:left;
		width:90px;
		background-color:#e6f5fd;
		border:1px solid #91c9d8;
		margin:0 5px 0 8px;
		font-size:11px;
		padding:3px}
		#quick_quote textarea{
	width:201px; margin:20px 0 10px 8px;padding:0;
	float:left;
	background-color:#e6f5fd;
		border:1px solid #91c9d8;
		font-size:11px;
		padding:3px}
	#quick_quote div.button_position	{float:left; text-align:right; width:160px; margin-right:25px;}	
	#quick_quote span.button button {background:url(../images/but-submit.gif) no-repeat;
	border:none;
	padding:5px 0 10px 5px ;
	width:84px;
	height:29px;
	margin:10px 0;
	font-size:11px;
	cursor:pointer;
	color:#ed457a;
	font-weight:bold}
	#promo_banners {margin:10px 0 0 0}
	#promo_banners ul {list-style:none;
	font-size:11px;
	margin:20px auto;
	display:block;
	padding:10px;
	border:4px double #CAEAFA;
	width:180px
	 }
	#promo_banners ul li {display:block;
	line-height:2em}
	#promo_banners ul li a {color:#1AAFD9;
	text-decoration:none}
	#promo_banners ul li a:hover {color:#ED457A}
	
		
/*	---------------------------------------------------------------------------------------
	Homepage promo styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#hp-promo {
			background-image:url(../images/mainhead.gif);
			background-repeat:repeat-x;
			height:181px;}

			
		
		#box {
			width:975px;
			height:181px;
			margin:0px auto;
			padding:0px 0px 0px 0px;
			background-image:url(../images/box-bg.jpg)}
			
		#cont {
			float:left;
			width:694px;}
			
		
		#box h3 {
			font-size:190%;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#fff;
			margin:60px 0px 12px 5px;
			}
			
#box h2 {
	line-height:140%;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	line-height:30px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 55px;
}

#box .header {
	line-height:140%;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	line-height:30px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 55px;
}


			
		#box .bigger {
			font-size:290%;
			color:#FFFFFF;
			float:left;
			padding:8px 7px 0px 0px}
			
		#box a {
			margin:0px 0px 0px 5px;
			color:#FFFFFF;
			float:right;}
			
		#box a:hover {
			background-position:0px -51px;}
			
		
		
			
			
		
		
/*	---------------------------------------------------------------------------------------
	Contact styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#contact .text {
			width:100%;
			margin:5px 0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:120%;
			background-image:url(bg-news-field.png);
			background-repeat:no-repeat;
			border-bottom:1px solid #EBEAE4;
			border-right:1px solid #EBEAE4;
			border-left:1px solid #D4D4CF;
			border-top:1px solid #D4D4CF;
			color:#0E1116;
			line-height:20px;
			padding:6px 5px 6px 5px;}
		
		#contact .cb {
			float:left;
			margin:-43px 0px 0px 80px}
			
		#contact .cb input {
			margin:0px 5px 0px 0px;}
		
		#contact #button {
			width:58px;
			background-image:none;
			padding:0px;
			border:0px}
			
		#contact {padding:10px 22px 5px 10px;
			margin:0px 0px 0px 0px;}
			
/*	---------------------------------------------------------------------------------------
	Error page styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.error {font-size:130%;
	list-style:none;
	line-height:2em;
	display:block;
	margin:0 0 0 20px}	
		ul.error li {background:url(../images/errorflower.gif) 0 5px no-repeat;
		display:block;
		height:36px;
		padding:0 0 0 36px}
		
/*	---------------------------------------------------------------------------------------
	Footer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#footer {
			width:957px;
			margin:0px auto;
			padding:130px 0 30px 0;
			color:#19afd8;
			background:url(../images/foot-bg.gif) top left no-repeat; font-size:11px;
			text-align:center}
			#footer p {color:#19afd8}
			#footer a.top {background:url(../images/but-back.gif) right no-repeat;
			display:block;
			width:170px;
			font-size:14px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#19afd8;
			font-weight:bold;
			margin:0 auto 10px auto}
			#footer a.top:hover {background:url(../images/but-back-hov.gif) right no-repeat;
			color:#e82c67}
			
		#footer a, #footer ul li a {
			color:#015f78; font-size:11px}
			#footer ul li a:hover {text-decoration:underline}
			#footer ul {list-style:none;
			display:block;
			margin: 10px auto;
			text-align:center;
			width:67%}
			#footer ul li {display:block;
			float:left;
			margin: 0 0 0 10px}
				#footer .rec {color:#19AFD8; display:block; margin:5px 0 10px 0; font-size:10px}
			#footer .rec a {color:#19AFD8; text-decoration:underline; font-size:10px}

/*	---------------------------------------------------------------------------------------
	CSS fixes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	div.hr, li.hr {
  height: 17px;
  background: #FAFAF8 url(../images/hr-bg.gif) no-repeat top center;
  display:block;
clear:both;
  margin:10px auto
}
 div.hr hr, li.hr hr {
  display: none;
}	
		.cleaner {
			clear:both;
			height:0px;
			font-size:0px;}
			
		.divleft {
			float:left;}
		
			
		.divright {
			float:right;}
		
			
		.border {
			padding:1px;
			background-color:#FFFFFF;
			border:1px solid #E1DED5;
			margin:20px auto 20px auto;}
			
		.smaller {
			font-size:60%;}
			
		.banner {
			margin:3px 0px 10px 0px}
			
		.banner-hp {
			margin:3px 0px 0px 0px}
			
		.center {
	width:975px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
			
		.go {font-size:11px
			}
			
		.divider {
			margin:5px 0px 13px 0px;}
		
		.home {
			width:66px;}
		
		.about-us {
			width:87px;}
		
		.our-work {
			width:95px;}
		
		.contact {
			width:78px;}
		
		.hint {
			width:100%;
			display:block;}
			

		
		.hidd {
		  visibility: hidden;
		}





#benefits ul li {list-style:none;
font-size:11px;
line-height:20px;
background:url(../images/li-hostfeatures.gif) 0 3px no-repeat;
padding:0 0px 0 20px}
#benefits ul {padding:10px;
}

.atext li {list-style:none;
font-size:11px;
line-height:20px;
background:url(../images/li-hostfeatures.gif) 0 3px no-repeat;
padding:0 0px 0 20px}
.atext  {padding:10px;
}

#benefits h2,#benefits h3,#benefits h4,#benefits h5,#benefits h6{background:url(../images/h-quote.gif) center no-repeat;
  display:block;
  width:211px;
  padding:10px 0 0 20px;
  height:23px;
  color:#016c8a;
  font-size:14px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  margin-top:20px}