/*---------------------------------------------------------------------*
 * 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: 13550px;
height: 600px;
}
hr, .hide {
position:absolute;top:0;left:-9000px;
}	
img {
display : block;
border : 0;
}
p {
font-size : 12px;
color : #000;
}
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;
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:30px;
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:15px;
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: 60px;
float: left; 
width: 315px;	
height: 300px;}
	

/*---------------------------------------------------------------------*
 * arrows
 *---------------------------------------------------------------------*/	
#arrows {
	position: fixed;
	top: 370px;
	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;}