* { padding: 0; margin: 0; }

body {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #bcbcbc;
	background-color: #000000;
	background-image: url(../images/bgbody.jpg);
}
.hd1{
	display: none;
	text-indent: -3000px;
}

h1{}
h1 span{
	display: none;
}
a{
	color: #EE6926;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

img{border:0px}
#wrapper {
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	width: 980px;
	height: 88px;
	background-image: url(../images/bgheader.jpg);
}


#navigation {
	float:right;
	display: inline;
	padding-top: 36px;
	padding-right: 10px;
}

#nav1, #nav2, #nav3, #nav4, #nav5 {
	float:left;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 18px;
	margin-left: 35px;
}
	
#nav1 span, #nav2 span, #nav3 span, #nav4 span, #nav5 span
{
  display: none;
}

#nav1
{
	width: 45px;
	background-image: url(../images/but_home_off.gif);
}
#nav1:hover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/but_home_on.gif);
}


#nav2
{
	width: 85px;
	background-image: url(../images/but_web_off.gif);
}
#nav2:hover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/but_web_on.gif);
}
#nav3
{
	width: 113px;
	background-image: url(../images/but_graphic_off.gif);
	
}
#nav3:hover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/but_graphic_on.gif);
}

#nav4
{
	width: 27px;
	background-image: url(../images/but_seo_off.gif);
}
#nav4:hover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/but_seo_on.gif);
}

#nav5
{
	width: 80px;
	background-image: url(../images/but_contact_off.gif);
}
#nav5:hover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/but_contact_on.gif);
}




#content {
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
}
#footer {
	width: 960px;
	background-image: url(../images/footer.jpg);
	height: 179px;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-top: 19px;
 
}

#footer a{
	color: #BCBCBC;
}
#footer a:hover{}

#footer .footdet{
	float: left;
	clear: both;
	color: #666666;
}
.box, .boxmid{
	float: left;
	width: 290px;
	background-image: url(../images/box.jpg);
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-top: 15px;
}
.box img, .boxmid img{
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
  
  .box img:hover, .boxmid img:hover{
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
  }


.boxmid{
	margin-right: 15px;
	margin-left: 15px;
}
.myform{
	width:450px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{

	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
	font-size:11px;
	color:#666666;
	padding-left: 30px;
	padding-bottom: 20px;
	}
	#basic label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:120px;
	float:left;
	}
	#basic .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:120px;
	}
#basic input{
	float:left;
	width:300px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 10px;
	}

	#basic textarea{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic .button{
	clear:both;
	float: right;
	width: 150px;
	height: 40px;
	background-image: url(../images/send_form.jpg);
	text-indent: 200px;
	cursor: crosshair;
	margin-right: 20px;
	}
	
.footerline{
	display: block;
	float: left;
	padding-right: 10px;
	
}
.footerline img{
	float: left;
	padding-right: 3px;
}
#slideshow{
	height: 295px;
	width: 960px;
}
.fade-box {
				margin-left: 0px;
				position: absolute;
				width: 960px;
				height: 295px;	
			}