/*---------------------------------------------------------------------*
 * CLASSES 
 *---------------------------------------------------------------------*/

  *  {
margin : 0;
padding : 0;
}
body {
background-color : #ffffff;
font-family : Georgia, "Times New Roman", Times, serif;
color : #333;
font-size : 12px;
line-height : 18px;
width: 650px;
height: 600px;
}
hr, .hide {
position:absolute;top:0;left:-9000px;
}	
img {
display : block;
border : 0;
}
p {
font-size : 11px;
color : #333;
padding-bottom:10px;
}
p.footer {
font-size : 10px;
color : #000;
}
a {
outline : none;
color : #000;
text-decoration : none;
}
a:link {
color : #000;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #000;
}
a:hover {
color : #000;
border-bottom: 1px solid #000;
}
a:active {
color : #000;
border-bottom: 1px solid #000;
}
a img {
border : none;
}
ul {
list-style-type: none;
}


/*---------------------------------------------------------------------*
 * Headers
 *---------------------------------------------------------------------*/

h1 {
font-family:Georgia, serif;
font-weight:normal;
margin-bottom:10px;
color:#0d0d0d;
font-size:12px;  
line-height:1.2;
letter-spacing:0.5px;
}
h2 {
font-family:Georgia, serif;
border-bottom:1px solid #0d0d0d;
padding-top:5px;
font-weight:normal;
margin-bottom:10px;
color:#0d0d0d;
font-size:11px;  
line-height:1.5;
letter-spacing:0.5px;
}

/*---------------------------------------------------------------------*
 * navigation
 *---------------------------------------------------------------------*/
#page {
height: 600px;
}
#main {
height:100%;
width:210px;
position:fixed;
top:0%;
background:#ffffff ;
opacity:0.9;
z-index:1
}
/* logo */
div#logo {
position:relative;
top:30px;
left:22px;
width:175px;
}
/* Navigation */
#navbar2 {
position:relative;
top:25px;
left:3px;
width:175px;
margin-bottom:10px;
font-size:11px;  
line-height:1.8;
letter-spacing:0.5px;
}
/* footer */
#footer {
font-size:11px; 
width:210px;
position:fixed;
bottom:1%;
left:20px;
background:#ffffff ;
z-index:2;
}

	
/*---------------------------------------------------------------------*
 * content
 *---------------------------------------------------------------------*/	

#content {
position:relative;
top:0px;
left:250px;
}
.pic {
margin: 0px 30px 0 0px; 
padding-left: 30px; 
padding-top: 15px;
float: left; 
height: 550px;
}
.par {
margin: 0px 30px 0 0px; 
padding-left: 30px; 
padding-top: 35px;
float: left; 
width: 415px;	

}
.par2 {
float: left; 
width: 415px;	
height: 300px;
}
	

/*---------------------------------------------------------------------*
 * arrows
 *---------------------------------------------------------------------*/	
#arrows {
	position: fixed;
	top: 290px;
	left: 40px; 
	width: 90px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../img/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/rightbig.png) no-repeat;}

/*---------------------------------------------------------------------*
 * rollover boxes
 *---------------------------------------------------------------------*/	
	
.index-pic {
	margin: 0;
	padding-right:35px;
	overflow: hidden;
	float: left;
	position: relative;
}
.index-pic a {
	text-decoration: none;
	border: 0px solid #eeeeee;
	float: left;
	margin: 0px;
}
.index-pic a:hover {
	border-color: #eeeeee;
	cursor: pointer;
}
.index-pic img{
	border-top: none;
	float: left;
}
.index-pic a:hover .desc {
	display: block;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 14px;
	background: #333333;
	filter:alpha(opacity=70);
	opacity:.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom:7px;
	left: 7px;
	right:7px;
	padding: 18px;
	margin-bottom: 0px;
	width: 83px;
}
.index-pic a .desc {display: none; }
.index-pic a:hover .more { visibility: hidden;}

/*---------------------------------------------------------------------*
 * rollover boxes
 *---------------------------------------------------------------------*/	
	
.index-pic2 {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.index-pic2 a {
	text-decoration: none;
	border: 0px solid #eeeeee;
	float: left;
	margin: 0px;
}
.index-pic2 a:hover {
	border-color: #eeeeee;
	cursor: pointer;
}
.index-pic2 img{
	border-top: none;
	float: left;
}
.index-pic2 a:hover .desc {
	display: block;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 14px;
	background: #333333;
	filter:alpha(opacity=70);
	opacity:.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom:0px;
	left: 0px;
	right:7px;
	padding: 10px;
	margin-bottom: 0px;
	width: 400px;
}
.index-pic2 a .desc {display: none; }
.index-pic2 a:hover .more { visibility: hidden;}