/*################################################
Author:behnam hassanpour
Date: 2009-19-07
Description: Eye-net corporation official site
URL: http://eye-net.net

E-mail:loveson2006@gmail.com
#################################################*/

body {
margin: 0px;
padding: 0;

}
#container {

margin: 0px;
 width:800px;
padding:0px;


} 
#date {
text-align:center;
font-size:13px;
font-weight:bold;
font-family:verdana,Georgia,arial;
color:#ffffff;
}

#top-menu ul{
list-style-type: none;
float: right;
height:26px;
width:600px;
padding:  0 0 0 56px;
position:absolute;
top:0;
right:240px;
  }

#top-menu ul li{
line-height:22px;
float:right;
text-align:center;
background:  url(../images/nav_bg.gif) no-repeat scroll 0 0;
width:82px;
height:26px;
font-size:15px;
font-weight:bold;
font-family:Georgia,verdana,arial;
top:0px;
margin: 0 2px 0 0;
 }
#top-menu li a:hover{
background:#000000  url(../images/nav_bg_hover.gif) no-repeat scroll 0 0;
display:block;
color:#000000;
text-align:center;
width:82px;
height:26px;
}

#top-menu a{
display: block;
background-position: center bottom;
text-decoration: none;
color:#ffffff;
}

#caption {
margin:5px;
font-size:15px;
font-weight:bold;
font-family:verdana,arial;
color:#ffffff;
text-align:center;
background-repeat:no-repeat;
line-height:12px;
background-image:url(../images/menu_bg1.jpg);
background-repeat:no-repeat;
}

#marq {
font-size: 11px; 
color:#4190d0;
font-family: Tahoma;
font-weight:bold;
}
#search {
width:140px;
height:15px;
margin-top:5px;
}
#copy {
font-size:12px;
font-family:verdana,arial;
color:#2582A4;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}

#Footer ul {
margin:0;
padding:0;
position:absolute;
top:28x;
width:400px;
right:300px;

}
#Footer ul li{
float:right;
font-size:15px;
text-decoration:none;
margin:0 ;
line-height:13px;
}

#Footer ul li a{
padding: 0 5px;
text-decoration:none;
}
#Footer ul li a:hover{
text-decoration:underline;
color:#ED145A;
}
#rightnav ul{
color:#7c7c7c;
list-style-type:none;
margin: 0 0 12px;
padding: 0 1px 1px 0;
}
#rightnav ul li{
background:#f8f8f8 url(../images/grey_dotted.gif) repeat-x  scroll 0 100%;
height:20px;
line-height:19px;
margin:0;
padding:0 5px;
font-family:tahoma,arial,verdana;
font-size:10px;
}
#rightnav ul li a{
background:#f8f8f8 url(../images/arrow.gif) no-repeat  scroll 0 5px;
background-position:right;
display:block;
font-size:10px;
color:#7c7c7c;
font-weight:bold;
padding: 0  15px 0;
text-decoration:none;
}
#rightnav ul li a:hover{
background-color:#FFFFCC;
display:block;
color:#00b0db;
}
#author{
color:#72af36;
padding:15px;
}

#left form.con{
	width:100px;
	background-color:#FFFCF3;
	color:#cf6b00;
	padding:0px 30px 0 13px;
	margin:0;
	float:left;
}
#left form.con label{
	width:150px;
	font:bold 13px/26px   Arial, Helvetica, sans-serif;
	float:left;
}
#left form.con input.txtbox{
	width:120px;
	height:15px;
	background-color:#fff;
	color:#000;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	margin:0 ;
	float:left;
}
#left form.con textarea{
	width:120px;
	height:50px;
	background-color:#fff;
	color:#000;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
	float:left;
                
}

#left form.con input.submit{
	background-color:#FFCC33;
	width:50px;
	height:15px;
	margin:  0 ;
	float:left;
	border:medium none
}

#links a{
font-size:12px;
text-align:center;
text-decoration:none;
margin:0px;
padding:0px;
background-color:#B5DA4F;
}
#links a:hover{
text-decoration:underline
}

#address {
padding-top:15px;
text-align:center;
font-size:12px;
font-weight:bold;
font-family:verdana,tahoma;
color:#7C7C7C;
}
/*########################################*/
#topmain{
	width:100%;
	background:url(../images/top_bg.gif) 0 0 repeat-x;
	height:134px;
	padding:19px 0 0 0;
}

#top{
	width:958px;
	margin:0 auto;
	height:134px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:left;
	margin:0 82px 22px 0;
}

#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:left;
	margin:0 82px 22px 0;
}
#top p.topTxt{
	display:block;
	width:365px;
	font-size:12px;
	line-height:19px;
	color:#D4F5FF;
	background-color:inherit;
	float:left;
	padding:10px 0 0 0;
}
#top p.topTxt span.yellow{
	font-weight:bold;
	color:#F4F23C;
	background-color:inherit;
               font-size:10px;
              font-family:tahoma,arial;
}
#top p.topTxt span.red{
	font-weight:normal;
	color:#fff;
	background-color:#B70D0D;
	padding:2px;
}
#top form{
	background:url(../images/serch_bg.gif) 0 0 no-repeat;
	width:249px;
	height:47px;
	float:right;
	padding:17px 8px 0 53px;
}
#top form input.txtBox{
	width:184px;
	height:15px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
	padding:4px 0 0 14px;
	font-size:10px;
	margin:0 0 5px 0;
	line-height:15px;
}
#top form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:21px;
	float:right;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	color:#333333;
	background-color:#0D6C8A;
	border:none;
	cursor:pointer;
	margin:0 0 5px 0;
}
#top form a{
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#D6DF43;
	background-color:#0D6C8A;
	float:left;
	display:block;
	width:89px;
	text-decoration:none;
}
#top form a:hover{
	text-decoration:underline;
}

#top ul.nav{
	width:847px;
	height:26px;
	padding:0 0 0 56px;
	float:left;
}
#top ul.nav li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noMargin{
	margin:0;
}
#top ul.nav li a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#EBEBEB;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(../images/nav_bg_hover.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(../images/nav_bg_hover.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:892px;
	height:29px;
	padding:2px 0 0 60px;
	float:left;
               
}
#top ul.sub li{
	float:left;
	
	padding:0 2px 0 0;
}
#top ul.sub li.noImg{
	background-image:none;
}


#left input.login{
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	float:right;
	font:bold 11px/21px Verdana,Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	margin:4px 60px 0 0;
}

#green td{
background-image:url(../images/green.gif);
font-weight:bold;
color:#ffffff;
}
#blue td{
background-image:url(../images/blue.gif);
font-weight:bold;
color:#ffffff;
}

#news-title {
font:tahoma;
color:#ffffff;
font-weight:bold;
text-align:center;
background-image:url(../images/124.jpg);
}


#main-title {
text-align:right;
background-image:url(../images/bg_header.gif);
color:#333333;
font-family:Tahoma;
font-size:8pt;
font-weight:bold;
}
#news-text {
font:tahoma;
font-size:10pt;
text-align:right;
width:530px;
position:float;
top:150px;
}

****************************************
#banner{
	position:relative;
	width:874px;
	padding:0px 47px;
	height:293px;
	margin: 0px auto;
	display:block;
	background:url(banner-b.jpg) center top no-repeat;
	
	}
#banner .big{
	font-size:20px;
	color:#FFFFFF;
	padding-bottom:15px;
	display:block;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 610px; /*Width of Carousel Viewer itself*/
	height: 193px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#2f4b0d;
	padding:20px 0px 0px 0px;
	width:395px;
	height:273px;
	float:left;
        font-family:arial;    
        

}

	
div#mySlides{

}
div#mySlides .images{
	display:block;
	width:361px;
	height:262px;
	float:left;
	padding:31px 0px 0px 3px;
	background:url(banner-i.jpg) bottom no-repeat;
}