body {background: #000; padding: 0; margin: 0; color:#ccc; font-size:13px; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Tahoma;}
h1{color: #a6647f; font-size: 30px; font-weight: normal; padding: 0; margin: 0; clear: both;}
h2{color: #fff; font-size: 16px; font-weight: normal; padding: 0; margin: 0; line-height: 16px;}
p {padding: 0; margin: 0 0 15px 0;}
img {border: 0;}

#container {width: 970px; padding:0; margin:0; background: url('../images/bg/home.jpg') top left no-repeat;}

#containerservice {width: 970px; padding:0; margin:0; background: url('../images/bg/services.jpg') top left no-repeat;}
 #containerservice h1 {color: #8A87B2;}

#containerabout {width: 970px; padding:0; margin:0; background: url('../images/bg/about.jpg') top left no-repeat;}
 #containerabout   h1 {color: #4B869C;}

#containerweb {width: 970px; padding:0; margin:0; background: url('../images/bg/web.jpg') top left no-repeat;}
#containerweb   h1 {color: #8f7115;}
/*6C4C13*/

#containercorporate {width: 970px; padding:0; margin:0; background: url('../images/bg/corporate.jpg') top left no-repeat;}
#containercorporate   h1 {color: #6C4C13;}

#containercontact {width: 970px; padding:0; margin:0; background: url('../images/bg/contact.jpg') top left no-repeat;}
#containercontact h1 {color: #9b513f;}     
  
#containerlogos {width: 970px; padding:0; margin:0; background: url('../images/bg/logos.jpg') top left no-repeat;}

                       
#content {clear: both; width: 450px; margin: 10px 0 20px 520px;}

#topline {width:100%; height:20px; margin: 0; padding: 0; background: #25211a;}
  #topline #home {width: 100px; height: 20px; text-align: center; margin: 0 20px 0 830px; padding: 0 20px; display: block; background: #9b5d77; color: #e9dbe1;}
  #topline #service {width: 100px; height: 20px; text-align: center; margin: 0 20px 0 830px; padding: 0 20px; display: block; background: #4C496C; color: #e9dbe1;}
  #topline #about {width: 100px; height: 20px; text-align: center; margin: 0 20px 0 830px; padding: 0 20px; display: block; background: #31596E; color: #e9dbe1;}
  #topline #web {width: 100px; height: 20px; text-align: center; margin: 0 20px 0 830px; padding: 0 20px; display: block; background: #6e5a1b; color: #e9dbe1;}
  #topline #contact {width: 100px; height: 20px; text-align: center; margin: 0 20px 0 830px; padding: 0 20px; display: block; background: #854739; color: #e9dbe1;} 



#footer {clear: both; width: 450px; margin: 0 0 20px 520px;}
#icons {margin: 10px 0 0 0;}



.headline {margin: 0 0 20px 0; padding: 0; color: #ccc; font-size:15px; font-weight: normal;}
  .headline h1 {margin: 0; padding: 0; color: #cfc6b3; font-size:30px; font-weight: normal; }
  .headline h2 {margin: 5px 0; padding: 0; color: #dedede; font-size:36px; font-weight: normal;}
  .headline p {margin: 10px 0; padding: 0;}


#menu {float: right; margin: 35px 0; padding: 0; text-align: right; height: 50px;}
#menu ul {margin: 0; padding: 0;}                                   
#menu li {display:inline; margin:0 0 0 42px; padding: 0;}                         
#menu img {border: 0;} 


#featured {clear: both; width: 470px; margin: 0 0 20px 0;  padding: 0;}
  #featured .item {float: left; width: 200px; padding: 0; margin: 0 25px 15px 0;}
  #featured .item img {border: 5px solid #5e5e5e; width: 200px; height: 65px;}
  #featured .item span img {border: 0; width: 10px; height: 10px; margin: 0; padding: 0;}
  #featured p {margin: 0; padding: 0;}

#services {clear: both;}
  #services .serviceslist {float: left; width: 270px; margin: 0 0 0 0;}
  #services ul {list-style-image: url('../images/bullet.gif'); margin: 0 0 0 15px; padding: 0;}
  #services li {margin: 0 0 0 5px; padding: 0;}


#portfolio {clear: both; margin: 0 0 20px 0;  padding: 0;}
  #portfolio .item {clear:both; padding: 0; margin: 0 0 15px 0;}
  #portfolio .item img {border: 5px solid #5e5e5e; width: 440px; height: 185px;}
  #portfolio .item span img {border: 0; width: 10px; height: 10px; margin: 0; padding: 0;}
  #portfolio p {margin: 0; padding: 0;}

form div {clear:both; padding:5px 0; margin:0 0 5px 0;}
	form label {float:left; width:100px; padding:0 10px 2px 0; font-weight:bold;}
		form fieldset, .last-item {padding-left:150px;}
		form fieldset label {float:none; width:auto;}
			form fieldset ul {list-style-type:none; margin:0 0 1em 0;}
				form fieldset .text {margin-left:18px;}
	
	.text {width:200px; border:1px inset #333; padding:3px; font-size: 12px; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Tahoma;}
	textarea.text {width:270px; height:80px; font-size: 12px;  font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Tahoma;}
	.scroller {border:1px solid #ccc; padding:10px; font-size:0.8em; height:100px; overflow:auto;}
	.submit {border:2px outset #000; background:#C5D4DB; padding:0 10px; color:#000; text-transform:uppercase; font-weight:bold; cursor:pointer;}
	

                                                     
a         {color:#afa693;}
a:visited {color:#afa693;}
a:active  {color:#cfc6b3;}
a:hover   {color:#cfc6b3;}

