@charset "utf-8";
/* CSS Document */
html, body
{
	height:100%; font-family:Arial, Helvetica, sans-serif;
}
.mainHome
{
	background-image:url(../images/homeBg.jpg); background-repeat:no-repeat; background-position:left 25px;
}
.mainHome1
{
	background-image:url(../images/homeBg1.jpg); background-repeat:no-repeat; background-position:left 25px;
}
.mainHome2
{
	background-image:url(../images/homeBg2.jpg); background-repeat:no-repeat; background-position: left;
}
.midHome
{	vertical-align:bottom;border:0px solid #989899;
}
.bgImage
{padding-left:5px; padding-top:15px;
}
.homeContent
{
	background-color:#0b101e;
	border:1px solid #989899; margin-bottom:70px;
}
.homeContent td
{
	padding:10px 5px 15px 5px; text-align:left;
}
h1
{ font-size:16px; font-weight:bold; 
}
h2
{ font-size:14px; font-weight:normal;
}
.leftMenu
{background-color:#0b101e;border:1px solid #96999e; padding:5px;
}
.darkBlue
{background-color:#0b101e;border:1px solid #96999e; padding:5px;text-align:left;
}
.darkBlue h1
{ font-size:16px; font-weight:bold;
}
.darkBlue h2
{ font-size:14px; font-weight:normal;
}
.darkBlue a
{ font-size:12px; font-weight:normal; color:#CCCCCC; text-decoration:none;
}
.darkBlue a:hover
{ font-size:12px; font-weight:normal; color:#ffffff;
}
.darkBlue td
{
	padding:3px 3px 3px 3px;
}
.borderBot
{background-image:url(../images/homeBg1bT.jpg); background-position:left bottom; background-repeat:no-repeat; height:2px;
}
.right
{
	float:right;
}
/*Expand menu start*/


.arrowlistmenu{
width: 165px; /*width of accordion menu*/
text-align:left;
padding:10px 0px 0px 0px;font-size: 12px;
}
.arrowlistmenu h3{
font-weight:normal;font-size: 14px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FFFFFF;
margin: 6px 0px 6px 0px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 5px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #999999;
margin: 6px 0px 6px 0px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 5px; /*header text is indented 10px*/
cursor: pointer;
}


.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FFFFFF;
text-decoration:none;font-size:14px;
}

.arrowlistmenu .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #999999;
text-decoration:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
padding:2px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;

}

.arrowlistmenu ul li{
line-height:20px;
}

.arrowlistmenu ul li a{
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 0px;
text-decoration: none;
font-weight: normal;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #999999;
}
.arrowlistmenu a
{
	margin:0px; padding:0px; color:#FFFFFF; text-decoration:none;
}
.arrowlistmenu a:hover
{
	margin:0px; padding:0px; color:#999999; text-decoration:none;
}

/*Expand menu end*/

/************* portfolio css start******/
#slideshow {list-style:none; color:#fff; width:620px;}
#slideshow span {display:none}
#wrapper {width:603px; margin:0px auto; display:none; }
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:603px; height:450px; padding:5px; border:1px solid #ccc; background:#0b101e; }
#information {position:absolute; bottom:0; width:603px; height:0; background:#0b101e; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:13px; font-weight:bold;}
#information h3 a{padding:4px 8px 3px; font-size:12px; color:#FFFFFF; float:right; font-weight:normal;}
#information p {padding:0 8px 8px}
#image {width:603px}
#image img {position:absolute; z-index:25; width:605px; height:400px;}
.imgnav {position:absolute; width:603px; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {padding-top:15px; }
#slideleft {float:left; width:20px; height:95px; background:#0b101e url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {}
#slideright {float:right; width:20px; height:95px; background: #0b101e url(../images/scroll-right.gif) center center no-repeat;}
#slideright:hover {}
#slidearea {float:left; position:relative; width:563px;height:95px; overflow:hidden; background:#0b101e;}
#slider {position:absolute; left:0; height:90px; padding:5px;}
#slider img {cursor:pointer; border:1px solid #666; padding:3px}
/************* portfolio css end******/

/********** gallery CSS start here*********/
#gallery
{

}
#gallery a img 
{
 border:0px;
}
#gallery ul li
{
display:inline; list-style-type:none;
}
#gallery li a img
{
border:0px;
padding:0px 5px 0px 5px; 
}
#gallery li {
	float:left;list-style-type:none;
}
#gallery a img
{
border:1px solid #96999e;
padding:0px 5px 0px 5px; margin:2px 2px 2px 2px;
}
#gallery img
{
border:1px solid #96999e;
padding:0px 5px 0px 5px; margin:2px 2px 2px 2px;
}
/********** gallery CSS end here*********/
.break
{
	height:2px; background-color:#96999e;
}


/* scroll css*/
.divback
{
background-position: top center;
background-repeat: no-repeat;
border: solid 0px #7b84af;
width: 450px;

}
a.lkarrow:hover
{
background: #d1dae3;
text-decoration: none;
}




#accordion {margin:5px auto; text-align:left;}
.accordion {font:12px Arial; color:#fff; text-align:left;}
.accordion dt {width:169px; border:0px solid #9ac1c9; padding:2px; font-weight:bold; margin-top:5px; cursor:pointer; text-align:left;}
.accordion dt:hover {background:#0b101e;}
.accordion dd {overflow:hidden; background:#0b101e; text-align:left;}
.accordion span {display:block; border:0px solid #9ac1c9; border-top:none; padding:2px; text-align:left;}
.accordion dd ul{
margin:0px; color:#FFFFFF; padding:0px; text-align:left;
}
.accordion dd ul li{
margin:0px; padding:0px;color:#FFFFFF; list-style:none;
}
.accordion dd a{
color:#FFFFFF;
}
.accordion dd a:hover{
color:#333333;
}
#accordion2 {margin:5px auto; text-align:left;}
.accordion2 {font:12px Arial,Verdana; color:#fff; text-align:left;}
.accordion2 dt {font-weight:bold; cursor:pointer;color:#fff; text-align:left; line-height:20px; padding-bottom:5px;}
.accordion2 dt:hover {background-color:#0b101e; text-align:left;}
.accordion2 .open {background-color:#0b101e; text-align:left; margin-left:0px;}
.accordion2 dd {overflow:hidden; background:#0b101e; text-align:left; margin-left:4px;}
.accordion2 dd ul{
margin:0px; padding:0px;color:#FFFFFF;
}
.accordion2 dd ul li{
margin:0px; padding:0px;color:#FFFFFF; list-style:none;
}
.accordion2 dd a{
color:#FFFFFF; text-decoration:none; line-height:18px;
}
.accordion2 dd a:hover{
color:#cccccc;line-height:18px;
}
.accordion2 span {display:block;border-top:none; padding:0px; text-align:left;}

