body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	margin: 0;
	margin-top: 2%;
	padding: 0;
	color: #F5F5F5;
	line-height: 18px;
	background-image: url('../images/banana.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top center;

}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}


.menu{margin:0; padding:0; width:180px; list-style:none;background:transparent;);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{
	text-align: left;
	height: 40px;
	padding: 0px 5px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	display: block;
	background: url('verMenuImages.png') no-repeat 0px
0px;
	text-decoration: none;
}
.menu li a:hover{background:url('verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}



.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px; font-weight:normal;}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:20px; line-height:22px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:12px; line-height:14px;}
h5 {font-size:12px; line-height:14px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a {
	color: #FFFF00;
	text-decoration: none;
}
a:hover{
	color: #DEDEDE;
/*	display:block; */

}
a img{border:none}
.imgleft{float:left; padding-right:10px;}
.imgright{float:right; padding-left:10px;}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
	
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	padding:10px 20px 10px 20px;
	background-color:#cccccc;
	border:solid 1px ;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #000;
	padding:15px 10px;
}
/*** END OF GLOBAL  ***/







/*** CONTAINER ***/
#container{width:auto; margin:auto; position:relative; padding:0 0;}
#glowbottom{background-image:url('../images/glow-bottom.png'); 
width:auto; background-repeat:no-repeat; background-position:50% bottom; 
height:59px; z-index:1;  margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
#content{width:993px; margin:0 auto; position:relative; z-index:2;}
#bg-content-repeat1{background-image:url('../images/bg-contentrepeat1.png'); 
background-repeat:repeat-y; min-height:364px;
}
#bg-content-repeat2{background-image:url('../images/bg-contentrepeat2.png'); 
background-repeat:no-repeat; min-height:364px;
}
#bg-content-top{background-image:url('../images/bg-contenttop.png'); 
background-repeat:no-repeat; background-position:50% top; 
height:26px;
}
#bg-content-bottom{background-image:url('../images/bg-contentbottom.png'); 
background-repeat:no-repeat; background-position:50% bottom; 
height:23px;
}
#main{padding:0px 120px;}
/*** END CONTAINER ***/


/*** TOP ***/
#top{width:502px}
#logo{width:260px; float:left;}
/* navigation */
#navtop{width:242px; float:left;}
#navtop ul{margin:0px; list-style-type:none; padding:10px 0px 0px 0px; float:right}
#navtop ul li{margin:0px 4px; list-style-type:none; padding:0px 0px 0px 0px; float:left} 
#navtop ul li a{height:27px; width:28px; display:block; float:left}
#navtop ul li.nav1 a{background-image:url('../images/homeinactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav1 a.activeSlide{background-image:url('../images/homeactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav2 a{background-image:url('../images/aboutinactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav2 a.activeSlide{background-image:url('../images/aboutactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav3 a{background-image:url('../images/workinactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav3 a.activeSlide{background-image:url('../images/workactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav4 a{background-image:url('../images/toolsinactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav4 a.activeSlide{background-image:url('../images/toolsactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav5 a{background-image:url('../images/contactinactive.png'); 
background-repeat:no-repeat;
}
#navtop ul li.nav5 a.activeSlide{background-image:url('../images/contactactive.png'); 
background-repeat:no-repeat;
}
#nav a:focus { outline: none; }
/*** END TOP ***/

/*** PAGE CONTENT ***/
#maincontent{width:753px; padding:0px 0px 0px 0px; height:430px; overflow:hidden; background: url('../images/transcontent.png');}
.page{
/*	background-color: #ffffff; */
	background: url('../images/transcontent.png');
}


/* homepage */



/* about */
ul.l1{margin:20px 0px 20px 10px; padding:0px; list-style-type:none;}
ul.l1 li{background-image:url('../images/list.gif'); 
background-position:0px 4px; background-repeat:no-repeat; padding:0px 0px 0px 22px
}

/* work */
#work{height:150px; width:802px; background: url('../images/transcontent.png');
}
ul.work{margin:0px 0px 0px 0px;padding:0px; list-style-type:none;}
ul.work li{list-style-type:none; float:left; display:inline; padding:5px 11px 5px 11px;}
#work-nav #next{width:36px;cursor:pointer; float:left}
#work-nav #prev{width:36px; cursor:pointer; float:left}
#work-nav{padding-left:10px; margin-top:30px;}


/* contact */

/*** END PAGE CONTENT ***/