* { padding: 0; margin: 0; }

body {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #678B9B;
}
a{
	text-decoration: none;
	color: #678B9B;
}
a:hover{
	text-decoration: underline;
}
img{border:0px;}

table {
	font-weight: bold;
	}
table img{
	float: left;
	padding-right: 10px;
}
#wrapper {
	margin: 0 auto;
	width: 1000px;
	background-image: url(../images/bgwrapper.jpg);
}
#header {
	width: 960px;
	height: 149px;
	background-image: url(../images/bgheader.jpg);
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 35px;
	clear: both;
	display: inline;
	float: left;
	overflow: hidden;
}

#banner{
	background-image: url(../images/bannerbg.jpg);
	height: 160px;
	width: 955px;
	padding-top: 38px;
	padding-left: 5px;
	clear: both;
}
.none{display:none;}
#navigation{
	height: 20px;
	clear: both;
	width: 880px;
	top: 145px;
	left: 20px;
	float: left;
	padding-left: 80px;
}
.clear{
	clear: both;

}
.logo  a, .supportme a{
	float: left;
	height: 75px;
	width: 212px;
	background-position: 0px 0px;

}
.logo  a:hover, .supportme a:hover{
	background-position: 0px -75px;

}

.logo a{
	float: left;
	height: 75px;
	width: 212px;
	float:left;
	background-image: url(../images/logo.jpg);
}
.supportme a{
	float: left;
	height: 75px;
	width: 212px;
	float:right;
	background-image: url(../images/supportme.jpg);
}
#content {
	width: 960px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
}

.box {
	float: left;
	width: 300px;
}
.box .readmore a{
	width: 100px;
	height:25px;
	background-image: url(../images/readmorebox.jpg);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}
	.box .readmore a:hover{	background-position: 0px -25px;}
	
.box p{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.mid{
	margin-right: 30px;
	margin-left: 30px;
}
.left{
	float: left;
	width: 630px;
}

.leftfoot{
	float: left;
	width: 350px;
}

.right{	float: right;
	width: 300px;}
	
	.rightfoot{
	float: right;
	width: 215px;
}
	
#footer {
	width: 960px;
	height: 165px;
	background-image: url(../images/footerbg.jpg);
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 135px;
	clear: both;
}
#footer a{
	color: #FFFFFF;
}
#footer a:hover{}

#navigation1{
	height: 20px;
	width: 880px;
	float: left;
	clear: both;
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {
	height: 20px;
	display: inline;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
	margin-right: 68px;
}
	
#nav1 span, #nav2 span, #nav3 span, #nav4 span, #nav5 span, #nav6 span
{
  display: none;
}

#nav1
{
	width: 45px;
	background-image: url(../images/buthome.gif);
}
#nav1:hover
{
	background-position: center -20px;
}

#nav2
{
	width: 65px;
	background-image: url(../images/butsupport.gif);
}
#nav2:hover
{
	background-position: center -20px;
}
#nav3
{
	width: 98px;
	background-image: url(../images/butmaintenance.gif);
}
#nav3:hover
{
	background-position: center -20px;
}

#nav4
{
	width: 90px;
	background-image: url(../images/butnetworking.gif);
}
#nav4:hover
{
	background-position: center -20px;
}
#nav5
{
	width: 95px;
	background-image: url(../images/butcase.gif);
}
#nav5:hover
{
	background-position: center -20px;
}

#nav6
{
	width: 72px;
	background-image: url(../images/butcontact.gif);
}
#nav6:hover
{
	background-position: center -20px;
}
.det{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.det img{
	float: left;
	margin-right: 10px;
}
.formbut a {
	width: 215px;
	height:55px;
	background-image: url(../images/contact_formbut.jpg);
	background-position: 0px -55px;
	display: block;
	margin-top: 20px;
}

.formbut a:hover {
	background-position: 0px 0px;

}
p, form, button{border:0; margin:0; padding:0;}
/* ----------- My Form ----------- */
.myform{
	width:350px;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #678B9B;
}
	/* ----------- basic ----------- */
	#basic{
	margin-right: auto;
	margin-left: auto;

	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	#basic label{
	display:block;
	font-weight:bold;
	text-align:left;
	width:150px;
	float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
#basic input{
	float:left;
	width:340px;
	margin-right: 0;
	margin-bottom: 5px;
	border: 1px solid #678B9B;
	background-color: #F4F4F4;
	padding: 2px;
	color: #487187;
	font-family: "Century Gothic";
	}

	#basic textarea{
	float:left;
	width:200px;
	margin:2px 0 30px 10px;
	color: #7291A3;
	font-family: "Century Gothic";
	}
	#basic .button{
	width: 142px;
	float: right;
	margin-top: 10px;
	background-color: #375867;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	}
.surround{
	clear: both;
	height: 110px;
}
.case{
	margin-bottom: 10px;
}
.hd{
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0E1EA;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.testcs{
	background-color: #E3EFED;
	padding: 5px;
	margin-top: 10px;
}
.testcust{
	text-align: right;
	font-weight: bold;
}

#twitter_div   {
	width: 375px;
	float: right;
	margin-right: 20px;

}
#twitter_div   ul{
	list-style-type: none;
}
#twitter_div   li{
	list-style-type: none;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EE6D20;
	margin-bottom: 5px;
}
.butt1 {
	background-color: #FFFFFF;
	border: 1px solid #447391;
	color: #3C6D8D;
}