/* CSS Document */
body
{
margin:0px auto;
padding:0px;
background:url(images/body_bg10.gif) no-repeat;
font-family:Verdana ;
font-size:12px;
color:#888888;
}
a
{
text-decoration:none;
color:#888888;
outline:none;
}
a:hover
{
text-decoration:underline;
color:#FFCC00;
outline:none;
}
.link
{
text-decoration:underline;
color:#FFCC00;
}
.link:hover
{
text-decoration:none;
color:#888888;
}


.text30
{
font-size:30px;
color:#CFCFCF;
}
.text14
{
font-size:14px;
color:#CFCFCF;
}
.text22
{
font-size:22px;
color:#FFCC00 ;
}
.text25
{
font-size:25px;
color:#888888 ;
font-weight:bold;
}
.services
{
font-size:20px;
color:#FFCC00;
}

#main
{
margin:0px auto;
padding:0px;
width:780px;
}
#top
{
margin:18px 0 0 0px;
padding:0px;
height:15px;
background:url(images/top_bg.gif) bottom no-repeat;
float:left;
width:780PX;
}
#bot
{
margin:0px 0 0px 0px;
padding:0px;
height:52px;
background:url(images/bot_bg.gif) no-repeat;
float:left;
width:780PX;
}
#mainin
{
margin:0px;
padding:0px;
width:776px;
border-left:#696969 solid 2px;
border-right:#696969 solid 2px;
float:left;
}
#header
{
margin:0px;
padding:0px;
width:776px;
background:#000000;
float:left;
}
#headerimg
{
margin:0px;
padding:0px;
width:776px;
height:151px;
float:left;
background:url(images/header_img.jpg) no-repeat left top;
}
#callus
{
margin:0px;
padding:15px 0 0 19px;
width:209px;
height:86px;
float:left;
background:#222222;
}
#headertext
{
margin:52px 0 0 29px;
padding:0px;
width:370px;
height:60px;
float:left;
color:#CFCFCF;
}
#headerleft
{
margin:0px;
padding:0px;
width:270px;
float:left;
}

#mid
{
margin:0px;
padding:0px;
width:776px;
float:left;
background:#000000;
}
#midleft
{
margin:0px;
padding:14px 10px 0 20px;
width:239px;
float:left;
}
#midright
{
margin:0px;
padding:15px 20px 0 7px;
width:480px;
float:left;
}


#nav{
	height:35px;
	margin:56px 0px 0 224px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
}
#nav ul{
	margin:0px;
	padding:0px 0 0px 0px;
	list-style:none;
	height:35px;
}
#nav ul li{
	height:35px;
	float:left;
	margin:0 5px 0 0;
   
}

#nav ul li a{
	height:35px;
	float:left;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/nav_left_on.gif) no-repeat;
}
#nav ul li a span{
	height:22px;
	float:left;
	padding:11px 21px 2px 21px;
	display:block;
	cursor:pointer;
	 background: url(images/nav_right_on.gif) no-repeat right;
}

#nav ul li a:hover{
	background: url(images/nav_left_on.gif) no-repeat;
	height:35px;
	float:left;
	display:block;
	font-size:12px;
	text-decoration:underline;
	color:#FFCC00;
	font-weight:bold;
}
#nav ul li a:hover span{
	background: url(images/nav_right_on.gif) no-repeat right;
	height:22px;
	float:left;
	color:#FFCC00;
	padding:11px 21px 2px 21px;
	display:block;
	cursor:pointer;
}

/*on button*/
#nav ul  li b a{
	background: url(images/nav_left_on.gif) no-repeat;
	height:35px;
	float:left;
	display:block;
	font-size:12px;
	color:#FFCC00;
	font-weight:bold;
	text-decoration:underline;
}
#nav ul  li b a span{
	background: url(images/nav_right_on.gif) no-repeat right;
	height:22px;
	float:left;
	color:#FFCC00;
	padding:11px 21px 2px 21px;
	display:block;
	cursor:pointer;
}

#nav ul  li b a:hover{
	background: url(images/nav_left_on.gif) no-repeat;
	height:35px;
	float:left;
	display:block;
	font-size:12px;
	color:#FFf;
	font-weight:bold;
}
#nav ul  li b a:hover span{
	background: url(images/nav_right_on.gif) no-repeat right;
	height:22px;
	float:left;
	color:#FFf;
	padding:11px 21px 2px 21px;
	display:block;
	cursor:pointer;
}

/*on button*/




#portfolio
{
margin:0 0 20px 0px;
padding:0px;
width:478px;
height:106px;
border: solid 1px #666666;
float:left;
}
#footer
{
margin:0px;
padding:5px 20px 0 19px;
width:737px;
height:37px;
float:left;
font-size:11px;
line-height:30px;
background:url(images/body_bg3.gif) repeat;
}
#gallry
{
width:450px;
margin:0px;
padding:10px 10px 20px 0px;
float:right;
}

#galleryBottom
{
width:472px;
padding:10px 0 0 6px;
margin:0px;
float:left;
}
.video-gallery-middle
{
margin:0 6px 0 6px;
width:431px;
float:left;
}
.video-gallery-middle img
{
margin:2px 0 0 12px;
}
.left-arrow
{
cursor:pointer;
float:left;
width:10px;
height:7px;
}
.right-arrow
{
cursor:pointer;
width:10px;
height:7px;
float:left;
}
.imgborder
{
margin:0px;
padding:0px;
border:#FFFFFF 3px  solid;
}

#innerbg
{
margin:0px;
width:900px;
padding:0px;
background:url(images/innerbg1.gif) top repeat-y;
}
#port
{
margin:0px;
padding:10px;
float:left;
display:block;
width:425px;
}
#saperater
{
margin:0px;
padding:0px;
border-bottom:#444444 solid 1px;
width:425px;
float:left;
}

#scroll3
{
width:480px;
height:549px;
overflow:auto;
scrollbar-3dlight-color:#222222;
scrollbar-arrow-color:#2f2f2f;
scrollbar-base-color:#2f2f2f;
scrollbar-darkshadow-color:#222222;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#2f2f2f;
scrollbar-shadow-color:#2f2f2f;
scrollbar-track-color:#2f2f2f;
}