/******************************************************************************************************************
GENERAL
******************************************************************************************************************/
body  { font: 12px Georgia, sans-serif; color : #FFF; background:#000; margin: 0; padding: 0; }
a img { border : none; }
a { color : #CCC ; text-decoration : none; cursor : pointer}
a:hover { color : #666666}
h1 { font : bold 24px Georgia,Helvetica,sans-serif ; color : #FFF ; margin : 0; padding : 0 ; margin-left:90px;}
h2 { font : bolder 18px Georgia,Helvetica,sans-serif ; margin : 0; padding : 0 ; padding-top : 15px;}
h3 { font : bolder 14px Georgia,Helvetica,sans-serif ; margin : 0; padding : 0 ; padding-top : 10px;}
p { margin : 0 ; padding : 0}
.bold {font-weight : bold ; color : #FFF}
.clearer {clear : both ; margin : 0 ; padding : 0 ; height : 0}
/******************************************************************************************************************
HEADER
******************************************************************************************************************/
#header { width : 990px ; margin : 0 auto }
#header ul { ; width : 990px; margin : 0 auto; list-style-type : none ; padding : 0; height : 23px ; overflow:hidden; text-align : center}
#header ul li { display : inline; margin : 0 ; padding : 0}
/******************************************************************************************************************
CONTENT
******************************************************************************************************************/
#content { width : 990px ; margin : 0 auto ;}


/******************************************************************************************************************
FOOTER
******************************************************************************************************************/
#footer { width : 990px ; margin : 0 auto ; margin-top:20px;color : #FFFFFF }
#footer a { color : #FFFFFF ; font : bold 11px Georgia , Helvetica , sans-serif ; text-decoration : none }
#footer a:hover{ color : #FFCCCC ; } 
#footer ul { margin : 0 auto ; padding : 0 ; list-style-type : none ; text-align : center}
#footer ul li { display : inline}
#footer p { text-align: center; color: #444; }
#footer p a { color: #444; font-weight: normal; }
#footer p a:hover { color: #fff; }


/******************************************************************************************************************
ALBUM PHOTO
******************************************************************************************************************/
#album_photo { width : 900px; margin: 0 auto  }
#album_photo #menu { margin: 0 auto 10px auto; width : 700px;padding : 0 ; list-style-type : none ; text-align : center ; }
#album_photo #menu li { display : inline}
#album_photo .left{ width : 450px ; float : left ;  margin-top : 10px;}
#album_photo .photomin ul { list-style-type : none; padding : 0 !important ; margin : 0 !important}
#album_photo .photomin ul li { float : left ; width : 100px; height : 123px; text-align : center ;border : 1px solid #CCCCCC !important; margin : 2px 5px;margin-bottom:10px;}
#album_photo.photomin ul li img{ border : none !important ; cursor:pointer}
#album_photo .right { width : 450px ; float : left ;  margin-top : 20px;}
#album_photo a.current { color: #fff; }
.unavailable { 
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
 }


/******************************************************************************************************************
PORTFOLLIO
******************************************************************************************************************/
#portfollio { width : 900px; margin: 0 auto  }
 #menu { margin: 0 auto 10px auto; width : 700px;padding : 0 ; list-style-type : none ; text-align : center ; }
 #menu li { display : inline}
#portfollio .left{ width : 450px ; float : left ;  margin-top : 10px;}
.gallery  { padding : 0 !important}
#portfollio .left ul { list-style-type : none; width : 320px ; height : 310px}
#portfollio .left ul li { float : left ; width : 100px; height : 100px; text-align : center ;border : 1px solid #CCCCCC !important; margin : 2px}
#portfollio .left ul li img{ border : none !important ; cursor:pointer}
#portfollio .right { width : 450px ; float : left ;  margin-top : 20px;}
#portfollio a.current { color: #fff; }
/******************************************************************************************************************
MAP
******************************************************************************************************************/
#map { width:750px;height:400px;margin : 0 20px ; border : 1px solid #57881D ; float : left }
/******************************************************************************************************************
POPUP
******************************************************************************************************************/
#popup { font-size : 14px;}
#popup a{ color : #FFF ; font-weight : bold ; }
#popup a:hover{ color : #A2DF29;}
#popup h3{ color : #FFF ; margin : 0 ;padding : 0 ; border-bottom : none ; margin-bottom : 15px;  }
#popup b{ color : #000 }
#popup p{ text-align:left; min-height : 130px ; height : auto !important ; height:130px}