/*
 LinearOffice.com
 (c) 2003 Digimute.com
 
 
 Blue: #6699cc
 
*/
*{ margin: 0; padding: 0; }* 
	
body {
	background-color:#bbb;
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	background: #303030; 
	color: #111; 
	color:#666666;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:170%;
}
.even{
    width:280px;
	float:left;
}
.odd{
    width:220px;
	float:right;
}
ol li
  {
    list-style-type: none;
  }
  
ol li a:link,
ol li a:visited
  {
	text-decoration: none;
	color:#fff;
  }
  
ol li a:hover
  {
	text-decoration: none;
	color:#dbdbdb;
  }
#services{
	height:150px;
}
#contact{
	height:180px;
}
#serviceContent{
	padding-top:0px;
}
#services form{
	padding-top:5px;
}
.rightSpan{
	padding-top:50px;
}
#contact input{
	width:180px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

	background-color:#1b222a;
	border:1px solid #6a6e71;
	color:#fff;
	margin-bottom:2px;
	font-size:10px;
	
}
#contact textarea{
	width:180px;
	height:80px;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

	background-color:#1b222a;
		border:1px solid #6a6e71;
	overflow:hidden;
	color:#fff;
font-size:10px;
}



#container{
	margin:0 auto;
	width:960px;
	padding-top:50px;
}
#banner{
	height:100px;	
	background-color:#fff;

}
#logo{
	width:250px;
	height:100px;	
	background:url(../images/logonew.jpg) no-repeat;
	float:left;
	/*
margin-top:20px;
*/
}
#logofooter{
	width:250px;
	height:100px;	
	background:url(../images/logofooter.jpg) no-repeat;
	float:left;
	/*
margin-top:20px;
*/
}
#content{
	height:500px;
	background-color:#000;
	font-size:12px;
}
#conTop{
	height:5px;
	background-color:#303030;
/*
	background:url(../images/rulertop.jpg) repeat;
*/
}
#conBot{
	height:5px;
	background-color:#303030;
/*
	background:url(../images/rulerbot.jpg) repeat;
*/
	width:960px;
	margin:0 auto;
}
#rightHand{
	float:right;
	width:530px;
	margin-top:10px;
}

#thumbHolder{
	width:400px;
	height:60px;
}
#thumbnailHolder{
	overflow:hidden;
	padding-top:0px;
	width:366px;
	height:70px;
	position:relative;
	left:20px;
	top:20px;
}
#thumbNails{
	width:20000px;
	background-color:#000;
	height:70px;
	position:relative;
	left:0px;
}
#thumbNails img{
height:60px;
padding-top:3px;
	width:120px;
}
.thumbImage{
	border:1px solid #333;
	width:120px;
}
#moveleft{
	left:0px;
	position:relative;
	top:-50px;
	z-index:1000;
	width:20px;
	height:70px;
}
#moveright{
	left:364px;
	position:relative;
	top:-50px;
	z-index:1000;
	width:20px;
	height:70px;
}	
#footer{
	height:1000px;
	background-color:#fff;
	color:#000;
	margin:0 auto;
	width:960px;
	line-height:120%;
	font-size:11px;
}
#footer .lft{
	padding:5px;
	width:300px;
	float:left;
	text-align:left;
	padding-left:10px;

}
#footer .mid{
	padding:5px;
	width:320px;
	float:left;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
}
#footer .rht{
	float:right;
font-size:26px;
padding:50px 10px 5px 5px;
text-align:right;
width:300px;
}

#columns {
	color: #222;
	margin: 0 auto; 
	padding: 0;	
	width: 790px;		
	background: transparent;
}
#columns ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;	
	background: url(footer-dots.gif) repeat-x left top;	
}
#columns li {
	background: url(footer-dots.gif) repeat-x left bottom;		
}
#columns li a {
	display: block;
	font-weight: normal;
	padding: 3px 0 3px 0px;
	width: 96%;
}
#columns .col3, .col3-center {
	float: left;
	width: 23%;
}
#columns .col3-center { 
	margin: 0 15px; 
}

.blue{
	color:#6699cc;
}
#mainImage{
	margin-top:5px;border:2px solid #333;width:400px;height:250px;
}

h3{
color:#8EB50C;
font-family:Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0px 0pt 0pt 0px;
padding:3px 0pt 0px;
text-transform:none;
}
h3 a:link, h3 a:visited{
	color:#ccc;
	text-decoration:none;
	font-size:14px;
}
h3 a:hover{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}

#navcontainer
{
margin: 0px;
padding: 0px;
float:right;

}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;

}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
font-size: 10px;
float: left;
margin: 0px;
height: 67px;
width: 60px;color:#000;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
}

#navcontainer img{
	padding-top:10px;
}


.preview {
	float: left;
	width: 70px;
	height: 90px;
	margin-left: 4px;
	position:relative;
	top:0px;
	padding: 5px;
	text-align: center;
}
 
.preview img{
	width:50px;
	height:50px;
	border:none;
}
.preview span { 
	display: block;
	font-size: 11px; 
	margin-bottom: 4px;
		padding-top:0px;
}
 
.popular {
	color: #2e8531;
	font-weight: bold;
}
 
.SUPERpopular {
	font-weight: bold;
	color: #d62222;
}
 
.normal {
	font-weight: bold;
}


#demo-container {
    overflow: hidden;
 width:530px;
 height:460px;
 color:#fff;
}

#demo-wrapper {
   width:520px;
   position: relative;
   height: 450px;
   overflow: hidden;
}

.scrolling-content {
 height: 420px;
}

.scrolling-content {
	position:relative;
}

.box-content h2{
	padding-top:10px;
	padding-Bottom:10px;
	font-family:'Trebuchet MS','Helvetica Neue',Arial,Sans-serif;
	font-size:2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:10px 0pt 0pt 0px;
	padding:10px 0pt 2px;
	text-transform:none;
	color:#8EB50C;
}
.box-content p{
	padding-top:4px;
	padding-Bottom:4px;
	font-size:12px;
}

#myGallery{
	height:420px;
	padding-top:10px;
}
#galMenu{
	width:145px;
	height:420px;
	float:left;
	background-color:#000;
	margin-left:5px;
}

#galMain{
	width:630px;
	float:left;
	height:420px;
	background-color:#000;
}
#galThumbs{
	width:180px;	
	float:left;
	height:420px;
	background-color:#000;
}




#navigation-block {
	position:relative;
	top:200px;
	left:200px;
	text-align:left;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

.galSelected{
	background-color:#505050;
	margin-left:5px;
	list-style: none;
	font-size: 11px;
	display: block;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 2px;
	text-align:left;
		color: #ccc;
}
.galSelected a{
	color:#fff;
	text-decoration: none;
	}
ul#sliding-navigation
{
	list-style: none;
	font-size: 11px;
	margin: 5px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	padding: 3px 18px;
	margin: 0;
	margin-bottom: 2px;
	text-align:left;
}

.h3el
{
	display: block;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 2px;
	text-align:left;
	color: #8EB50C;;

	background:#333 url(heading_bg.jpg) repeat-y;

	font-weight: bold;
}

ul#sliding-navigation li.sliding-element a
{
	color: #ccc;
	background:#222 url(tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;

	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fff; }


ul#sliding-navigation2
{
	list-style: none;
	font-size: 1em;
	margin: 5px 0;
	padding: 0;
}

ul#sliding-navigation2 li.sliding-element h3,
ul#sliding-navigation2 li.sliding-element a
{
	display: block;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
	text-align:left;
}

ul#sliding-navigation2 li.sliding-element h3
{
	color: #8EB50C;;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation2 li.sliding-element a
{
	color: #999;
	background:#222 url(tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation2 li.sliding-element a:hover { color: #ffff66; }



		#thumbs {
			overflow: hidden;
			position: relative;
			top:10px;
		}
		
		#pageContainer {
			width: 3900px;
		}
		
		#pagerContainer {
			float: right;
			width: 170px;
			margin-right: 5px;

			position:relative;
			text-align:left;
		}
		#descContainer {
			float: right;
			width: 170px;
			margin-right: 10px;
			height: 30px;
			position:relative;
			text-align:left;
			color:#fff;
			font-size:12px;
		}
		.page {
			float: left;
			width: 180px;
			margin-bottom: 10px;
		}
		
		.thumbnail {
			float: left;
			margin: 0 15px 15px 0;
			width: 45px;
			height: 45px;
		}
		
		pre {
			border: 1px solid #fff;
			background-color: #333;
			padding: 5px;
		}
		
		/* this is for the loading.gif */
		.thumbnail div img {
			margin: 12px;
		}
		
		.thumbnail a img {
			width: 45px;
			height: 45px;
		}
		
		#bigimageContainer {
			float: left;
			position: relative;
			width:630px;
			text-align:center;
			height:420px;

		}
		
		#bigImage {
			border: 2px solid #aaa;
			position:relative;
		}
		
		#prev {
			float: left;
			outline: none;
			position:relative;
			top:-4px;
			left:0px;
		}
		
		#next {
			float: right;
			outline: none;
			position:relative;
			top:-4px;	
		}
		
		a img {
			border: 2px solid #fff;
		}
.noBorder{
	border:none;
}


/*-------------------------------footer---------*/
#footerMain{
	background-color:#000; width:960px;margin:0 auto;
	}	
#footer{
	background-color:#fff; height:100px; width:960px; margin:0 auto 0 auto; padding:5px 0 0 0;
	}
#footer ul{
	display:block; margin:0px 0 0 545px; padding:0; font-size:0; height:20px;list-style-type:none;text-align:right;float:right; padding-right:10px;
	}
#footer ul li{
	color:#9B9B9B; font:18px Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif;  float:left;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif;  
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:324px; display:block; font:12px/18px Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif; color:#EAEAEA; margin:0px 0 0 430px;
	background-color:#0A0A0A; padding:0 0 9px 0;
	}
#footer ul.css{
	width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
	}
#footer ul.css li{
	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
	}
#footer ul.css li a{
	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
	}
#footer ul.css li a.cs{
	background:url(images/css.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.cs:hover{
	background:url(images/css_h.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.html{
	background:url(images/xhtml.gif) no-repeat 0 0; width:61px;
	}
#footer ul.css li a.html:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; width:61px;
	}
#footer p.copy{
	width:250px; display:block; font:12px/18px Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif; color:#000; margin:0;
	background-color:transparent; padding:0; float:right; display:block;padding-right:0px;padding-top:10px;text-align:right;
	}
#footer p.copy a{
	text-decoration:underline; color:#EAEAEA; background-color:#030303;
	}
#footer p.copy a:hover{
	text-decoration:none
	}