/* CSS Document
Author: www.htmlartists.com
Email:info@htmlartists.com
*/


body {
	background:url(../images/bg-body.png) repeat-x  top;
	margin:0 auto;
	padding:0;
	color:#666;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color:#121212;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.pdngB10 {
	padding-bottom:10px;
}
#wrapper {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	background-color:#121212;
}

#main{width:990px;
	margin-left:auto;
	margin-right:auto;
}
.header1{
width:990px;
height:130px;
}

.header {
	width:680px;
	margin:0;
	padding:0;
	float:right;
	height:auto;
	background:url(../images/bg-link.jpg);
background-repeat:repeat-x;	
height:32px;
float:right;
}


.header ul {
width:675px;
background:url(../images/bg-link.jpg);
background-repeat:repeat-x;	
	float:right;
	height:32px;
	margin:60px 0 0 0;
}
.header ul li {
	float:left;
	margin:0 9px;
	text-transform:uppercase;
}
.header ul li a {
	text-decoration:none;
	color:#989898;
	line-height:32px;
}
.header ul li a:hover {
	color:#3bb3c1;
}
.header ul li.first {
	margin:0;
	padding:0;
}
.banner {
	width:988px;
	float: left;
	border:1px solid #121212;
	height:auto;
}
.header h1 {
	float:left;
	margin:25px 0
}
.content {
	width:740px;
	float:left;
	padding:15px 0;
	text-align:justify;
}
.content h2 {
	color:#ff8500;
	font-size:20px;
	border-bottom:1px solid #383838;
	padding-bottom:7px;
	margin-bottom:10px;
}
.content span a {
	text-decoration:none;
	color:#666;
}
.content span a:hover {
	border-bottom:1px solid #ff8500;
}
.orange {
	color:#ff8500;
}
.thumb {
	float:left;
}
.thumb ul {
	float:left;
	margin:20px 15px;
}
.thumb ul li {
	background:url(../images/bg-img.png) repeat-x left top;
	padding:6px;
	float:left;
	margin:0 10px;
	height:139px;
}
.thumb ul li:hover {
	background:url(../images/bg-img-hover.png) repeat-x left top;
	padding:6px;
}
.footer {
	width:988px;
	float:left;
	border:1px solid #383838;
	height:38px;
	background-color:#222;
	line-height:36px;
	color:#989898;
}
.footer ul li {
	float: left;
	margin:0 12px;
}
.footer ul li a {
	text-decoration:none;
	color:#989898;
	line-height:32px;
	font-size:11px;
	text-transform:uppercase;
}
.footer ul li a:hover {
	color:#3bb3c1;
}
.footer p {
	float:right;
	height:33px;
	line-height:33px;
	font-size:11px;
	padding:5px 0 0 0;
}
.footer p a {
	margin:0 8px;
}
.copyrit {
	width:988px;
	float:left;
	color:#989898;
	padding:10px 0;
	font-size:10px;
}
#slideshow {
	position:relative;
	height:479px;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
.boxgrid {
	width: 208px;
	height: 138px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: -3px;
	border: 0;
}
.boxgrid p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	top:105px;
	width: 100%;
	opacity: .8;
	cursor:pointer;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 140;
	left: 0;
}
.caption .boxcaption {
	top: 100;
	left: 0;
}
h3 {
	margin: 5px 10px 0 10px;
	color:#FFF;
	font:14pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: normal;
	text-align:center;
}

h3 a{
	color:#FFF;
	font:14pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	}
#leftcol {
	margin:0 20px;
	float:left;
	width:400px;
}
#leftcol form p {
	margin: 0 0 10px 0;
	display: block;
	width: 100%;
	clear: both;
}
#leftcol form p label {
	float: left;
	width: 135px;
	text-align: left;
	margin: 0 10px 0 0;
	line-height: 22px;
}
#leftcol form p .button {
	border: none;
	background: #003466;
	text-transform: uppercase;
	font-size: 11px;
	padding: 2px 5px;
	color: #FFFFFF;
}
.txtfiled {
	background-color:#222222;
	border:1px solid #383838;
	width:200px;
	padding:2px;
	color:#666;
}
/* Tutorial button with jQuery */
.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 36px;
	width: 125px;
	background:url(../images/btn-submit.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
a.otherbutton:hover {
	text-decoration:none;
}
.otherbutton span.hover {
	position: absolute;
	display: block;
	height:36px;
	width: 125px;
	background:url(../images/btn-submit.png) no-repeat;
	background-position: bottom;
	text-decoration:none;
}
.gallery-list {
	width:988px;
	float:left;
}
.gallery-list ul {
	float:left;
	margin:20px 12px;
}
.gallery-list ul li {
	background:url(../images/bg-img.png) repeat-x left top;
	padding:6px;
	float:left;
	margin:10px;
	height:139px;
	position:relative;
}
.gallery-list ul li:hover {
	background:url(../images/bg-img-hover.png) repeat-x left top;
	padding:6px;
}
.plus_icon {
	height:17px;
	position:absolute;
	right:11px;
	top:11px;
	width:17px;
	top:5px;
	right:5px;
}

.page{
height:auto;
width:988px;
margin-left:auto;
margin-right:auto;
}

h4{
font-size:18px;
font-family:"Lucida Grande", "Lucida Sans Unicode";
font-weight:normal;
margin-top:10px;
margin-bottom:5px;
color:#38b4c3;
}

.text{
display:block;
text-align:justify;
width:980px;
margin-left:auto;
margin-right:auto;
color:#b1b0b0;
padding-bottom:10px;
padding-top:10px;
}

.formbox{
width:375px;
float:left;
}


.form{
margin-top:20px;
margin-left:15px;
margin-bottom:10px;
width:350px;}

.input{
margin-top:10px;
}

.button1{
float:right;
width:210px;
margin-right:50px;

}

.submit{
background-image:url(../images/button.png);
background-repeat:no-repeat;
width:90px;
margin-right:10px;
height:40px;
text-align:center;
padding-top:10px;
margin-top:5px;
}

.submit a{
text-decoration:none;
color:#b1b0b0;
}

.submit:hover{
background-image:url(../images/button-hover.png);
background-repeat:no-repeat;
width:90px;
height:40px;
text-align:center;
padding-top:10px;
margin-top:5px;
}

.addressbox{
float:right;
width:600px;}

.address{
}
.boxgrid1 {
	width:160px;
	height: 138px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
}
.boxgrid1 img {
	position: absolute;
	top: 0;
	left: -3px;
	border: 0;
}
.boxgrid1 p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	top:105px;
	width: 100%;
	opacity: .8;
	cursor:pointer;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.vision ol{
margin-left:10px;
padding-left:10px;}

.vision ol li{
line-height:20px;
}

#divclear{
clear:both;
}