@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
	margin-bottom: 1px;
}

body {
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment:fixed
}


p, li  {
	font-family: Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

a:link {
	color: #9c9a32;
	text-decoration: none;
}
body,td,th {
	font-family: Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.body2{
	text-align:left;
    font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}

a:visited {
	text-decoration: none;
	color: #9c9a32;
}
a:hover {
	text-decoration: none;
	color: #74b9cf;
}
a:active {
	text-decoration: none;
}
.style4 {
	font-size: 10px
}
h1 {
	color: #74b9cf;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
}
h2 {
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
}
h3 {
	font-weight:normal;
	font-style:italic;
	color: #CCCCCC;
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* divs */


#all {
		
		position: relative;
        width: 800px;
		
		overflow:auto;
		
	}
	
#rap {
		
		position: relative;
        width: 800px;
		
		overflow:auto;
		
	}
	

#siderap {

		position:relative;
		float:left;
		width:244px;
		
				
		}

	

#pic {
		position:relative;
		float: left;
		width:244px;
		
	}
	
.menu {
		
		position: relative;
		float: left;
		left:0px;
        width:150px;
		
		
		font-size:13px;
		font-weight:normal;
		font:Verdana, Arial, Helvetica, sans-serif;
		color: #74b9cf;
		padding: 15px 0px 0px 46px;
				
		
       	
		
	}
	

	
	
#content {

		position: relative;
		float:left;
		margin:190px 0 0 0;
		
		
        width:395px;
		
       

	}
	
#menu2 {

		position: relative;
		float:right;
		margin:0 0 0 0;
	
        width:155px;
		height:150px;
       

	}
	
	
#desrap {

		position: relative;
		float:right;
		margin:20px 0 0 0;
	
        width:155px;
		height:23px;
       

	}
	

#rightrap {

		position: relative;
		float:right;
		margin:400px 0 0 0;
	
        width:155px;
		height:200px;
       

	}
	

#footer {

	
		position:relative;
		float: right;
   		margin: 0 0 0 0;
        width:156px;
		height:20px;
      

	}
	
	
/* menu stylings */

.menu h1 { 		font-size:13px;
				font-weight:normal;
				font-family: Helvetica, sans-serif;
				color: #666666;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				
				
				 }
				 
.menu ul { 		font-size:12px;
				font-style:italic;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				color: #999999;
				padding: 5px 0px 15px 20px;
				margin: 0px 0px 0px 0px;
				list-style-type:none;
				text-align:left;
				
				 }
				 
				 

.menu a:link {
				color: #999999;
				text-decoration: none;
				}

.menu a:visited {
				text-decoration: none;
				color: #999999;
				}	
.menu a:hover {
				text-decoration: none;
				color: #74b9cf;
				}
.menu a:active {
				text-decoration: none;
				}
		
		/* special index pag divs */		


.index		{
				position:absolute;
				top:484px;
				left:2px;
				width:550px;
				height:140px;
			
			}

.filler     {
				position: relative;
				height:330px;
				width:395px;
				}
				
				
					/* special gallery page divs */
				
.gallery

{
	width: 400px;
	height: 320px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
	.gallery .controls
	{
		background: #fff;
		opacity: 0.8;
		padding: 0 5px 2px 5px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
	}
		.gallery .controls a
		{
			font-size: 20px;
		}
	.gallery .images
	{
		width: 999999px;
		height: 320px;
		position: absolute;
		left: 0px;
		right: 0px;
	}
		.gallery .images div
		{
			width: 400px;
			height: 320px;
			float: left;
		}
		.gallery .images img
		{
			
		}