body {
	margin: 0;
	background: #59797A;
	font: 14px Veranda, Arial, Trebuchet MS, sans-serif; 
	color : #ffffff;
	padding:0;}

#maincontainer {
	width: 950px;
	background:#ffffff;
  	text-align: left;
	padding: 0;
	margin:50px auto;
	position: relative; }
	
body {
	text-align: center;}

#main {
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 5px;}
	
#leftcolumn {
	width: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	line-height: 0; 
	font-weight : bold;
	font-size : 1em;}
	
#leftcolumn #logo {
	width: 200px;
	height: 277px;
	left: 32px;
	top: 25px;
	background: url(../images/main/csi-logo.jpg) 0 0 no-repeat;
	text-indent: -2000px; }	
	
	
#leftcolumn #navpanel{
	width:120px;
	background:#ffffff;
	margin-left: 0px;
	padding-top:1px;}
	
	
.nav{
	display:block;
	height:23px;
	margin-top: 3px;
	margin-left:20px;
	width:160px;
	border-bottom: 1px #cccccc solid; }

.home{background:url(../images/nav/nav_home1.gif) no-repeat;}
.home:hover{background:url(../images/nav/nav_home2.gif) no-repeat;}
.about{background:url(../images/nav/nav_about1.gif) no-repeat;}
.about:hover{background:url(../images/nav/nav_about2.gif) no-repeat;}
.services{background:url(../images/nav/nav_services1.gif) no-repeat;}
.services:hover{background:url(../images/nav/nav_services2.gif) no-repeat;}
.portfolio{background:url(../images/nav/nav_portfolio1.gif) no-repeat;}
.portfolio:hover{background:url(../images/nav/nav_portfolio2.gif) no-repeat;}
.fabric{background:url(../images/nav/nav_fabric1.gif) no-repeat;}
.fabric:hover{background:url(../images/nav/nav_fabric2.gif) no-repeat;}
.news{background:url(../images/nav/nav_news1.gif) no-repeat;}
.news:hover{background:url(../images/nav/nav_news2.gif) no-repeat;}
.contact{background:url(../images/nav/nav_contact1.gif) no-repeat;}
.contact:hover{background:url(../images/nav/nav_contact2.gif) no-repeat;}
.directions{background:url(../images/nav/nav_directions1.gif) no-repeat;}
.directions:hover{background:url(../images/nav/nav_directions2.gif) no-repeat;}	
	
.csiimage {
float : left;
margin : 0 5px 0 0;
border : 1px solid #ffffff;
vertical-align : text-top;
}	
		
#rightcolumn {
	width: 700px;
	height: 475px;
	margin: 0;
	padding: 15px 10px 15px 5px;
	float: left;}
	
#imageholder {
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	height: 476px;
	width: 700px;
	position:relative ;}	
	
#contentholder {
	margin-top: -480px;
	margin-bottom: 20px;
	margin-left: 360px;
	margin-right: 15px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 18px;
	background-color: #59797A;
	height: 428px;
	width: 310px;
	position:relative ;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	z-index: 2;}	
	
#contentholder h1 {
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	z-index: 2;}
	
#contentholder h2 {
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	z-index: 2;}	
	
#contentholder h3 {
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 1px;
	padding: 12px 0px 0px 0px;
	text-align:right;
	z-index: 2;}	
	
#contentholder p {
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 1px;
	padding: 9px 0px 0px 0px;
	z-index: 2;}
	
#contentholder p a {
	color: #AB0535;
	text-decoration: none;
	z-index: 2;}
	
#contentholder p a:hover {
	color: #AB0535;
	text-decoration: none;
	z-index: 2; }
	
#contentholder p span {
	color: #ffffff;
	text-decoration: none;
	z-index: 2;
	font-weight: bold;}
	
#contentholder .moretext {
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #ffffff;
	margin-top:10px;
	z-index: 2; }		
	


#space {
	font-size: 0;
	line-height: 0;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 1px;
	position: relative;
	clear: both;
	top: 1px;
	bottom: 1px; 
	padding-top: 0px;
	padding-bottom: 0px;}


#footer {
	width: 930px;
	height: 30px;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
	background: #ffffff}
	
#footer p {
	margin: 0;
	padding: 1px 0px 10px 0px;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	color: #414141;
	top: 0px;
	left: 315px;
	position: absolute;}
	
#footer p span {
	color: #AB0535;}
	
#footer p a {
	color: #414141;
	text-decoration: none;}
	
#footer p a:hover {
	color:#AB0535;
	text-decoration: none; }
	
#footer .fuzedesign {
	margin: 0;
	padding: 0;
	padding-left: 700px;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #ffffff;
	top: 40px;
	left: 50px; }
	
#footer .fuzedesign a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #ffffff;
	text-decoration: none;}
	
#footer .fuzedesign a:hover {
	margin: 0;
	padding: 0;
	font-weight: normal;
	fnt-size: 11px;
	line-height: 11px;
	color: #ffffff;}
	
	
#navselect ul {
    list-style-type: none;
    margin: 0;
    padding: 40px 8px 0 20px;
	 }
	
#navselect ul li a {
    display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	color: #59797A;
	border-bottom: 1px #cccccc solid; }
	
#navselect li a:hover {
	color : #AB0535; }

#navselect ul li {
    font-size: 14px;
	line-height: 20px;
	color: #A90635;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: lighter;
	text-align: center; }

table.csi {
	border-collapse: no-collapse;
	font: 12px Veranda, Arial, Trebuchet MS, sans-serif; 
	line-height: 14px;
	color : #ffffff;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px; }
	
table.csi a {
	color: #ffffff;
	text-decoration: none;}
	
table.csi a:hover {
	color: #AB0535;
	text-decoration: none; }
	
	
table.csi td { padding: 0; margin-right: 2em; margin-left: 0em; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;  }
	
table.csi td { padding: 0; }



/* Gallery styling */

#contentholderphoto {
	margin-top: -500px;
	margin-bottom: 20px;
	margin-left: 14px;
	margin-right: 15px;
	height: 476px;
	width: 700px;
	position:relative ;
	z-index: 2;}

.photo {
	position:relative; 
	width:670px; 
	height:465px; 
	margin-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;}
	

	
	
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:210px;}
.photo ul {border:1px solid #fff;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:210px; float:left; background:#F1F3F3;}
.photo ul li a.set {display:block; color: #59797A; text-align:center; height:30px; line-height:30px; background:#E3E8E8; font-family: verdana, arial, sans-serif; font-size:13px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:460px; height:460px; background:#ffffff; border:1px solid #fff; position:absolute; top:10px; left:225px;}

.photo ul :hover table
{padding:0; margin-top:-2px; display:block;  border-width:0 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height:183px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}

.photo ul :hover ul li a
{background:transparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0; z-index:3;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #AB0535;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{position:absolute; left:225px; top:10px; z-index:3; border:1px solid #ffffff;}

.photo .default {width:460px; height:460px; position:absolute; left:225px; top:10px; border:1px solid #fff; z-index:2;}


.csiphoto {position:relative; height:465px;
	width:670px; 
	margin-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px; }
	
.csiphoto ul, .csiphoto ul ul {padding:0; margin:0; border:0; list-style:none; width:210px; }
.csiphoto ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.csiphoto ul li {width:210px; background:#59797A; float:left; background:#fff url(button/gallery_2.gif) no-repeat;}
.csiphoto ul li a.set {display:block; text-align:center; width:215px; line-height:30px; background:#fff url(button/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.csiphoto ul li table {margin:0; padding:0; display:none;}

.csiphoto img {border:0;}

.csiphoto ul li a.set:hover {background:#fff url(button/gallery_1.gif) no-repeat;}


.csiphoto ul li a.set:active {white-space: normal; background:#fff url(button/gallery_2.gif) no-repeat;}
.csiphoto ul li a.set:focus {outline:0; background:#fff url(button/gallery_2.gif) no-repeat;}

.csiphoto ul li a.set:active i,
.csiphoto ul li a.set:focus i
{display:block; width:460px; height:460px; position:absolute; left:225px; top:0; border:1px solid #fff; background:#59797A;}


.csiphoto ul li a.set:active table,
.csiphoto ul li a.set:focus table
{padding:0 0 10px 0; margin-top:-2px; margin-bottom:2px; display:block; border:1px solid #888; border-width:0 1px 1px;}

.csiphoto ul a.set:active ul,
.csiphoto ul a.set:focus ul
{margin:0; width:207px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.csiphoto ul a.set:active ul li,
.csiphoto ul a.set:focus ul li
{float:left; display:inline; width:56px; margin:4px 6px; background:transparent;}

.csiphoto ul a.set:active ul li a,
.csiphoto ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.csiphoto ul a.set:active ul li a img,
.csiphoto ul a.set:focus ul li img
{display:block; border:3px solid #fff; cursor:default; margin:0 auto;}

.csiphoto ul a.set:active ul li a em,
.csiphoto ul a.set:focus ul li em
{position:absolute; left:-9999px; width:460px;}

.csiphoto ul a.set:active ul li a:hover,
.csiphoto ul a.set:focus ul li:hover
{background:#fff;}

.csiphoto ul a.set:active ul li a:hover em,
.csiphoto ul a.set:focus ul li:hover em
{left:225px; z-index:0; top:0;}

.csiphoto ul a.set:active ul li a:hover img,
.csiphoto ul a.set:focus ul li:hover img
{border:3px solid #fc0; cursor:default;}

.csiphoto ul a.set:active ul li a:hover em img,
.csiphoto ul a.set:focus ul li:hover em img
{padding:1px; border:1px solid #888; margin-bottom:10px;}

.csiphoto ul a.set:active b,
.csiphoto ul a.set:focus b
{font-weight:normal; font-style:normal; background:#fff;}

.csiphoto .default {width:460px; height:460px; position:absolute; left:225px; top:0; border:1px solid #fff;}


.thumbnails {
	position:relative; 
	width:230px; 
	height:465px; 
	float: left;
	top: 10px;
	margin-left: 2px;}
	
.enlargedphotos {
	position:relative; 
	width:461px; 
	height:465px; 
	float: left;
	top: 12px;}
	
.gallerynav {
	margin: 0;
	padding: 10px;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff; }
	
.gallerynav a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-decoration: none;}
	
.gallerynav a:hover {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;}