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

body {
background-image: url(images/bg.jpg);
}

a {text-decoration:none}
img {border:0px;}

p {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
color:#333;
}

.photo1 {
margin: 0px 30px 0px 5px;	
}

#page {
width:1000px;
min-height:700px;
background-image: url(images/pageBg.jpg);
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
top: 0px;
}

#head {
height: 80px;
}

#contentLeft {
float:left;
width:180px;
min-height:500px;
}

#contentRight {
float:left;
width:775px;
margin:15px 0px 15px 12px;
height:570px;
}


#contentRight h1 {
color:#3496d1;
text-align:right;
margin:0px 15px 0px 0px;
font-size:24px;
}


#footer {

}

/* CSS for thumbs */

.thumb-img {
border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
position:relative; 
width:100px; height:90px;
margin:1px; padding:3px;
background:#FFF;
float:left;
}
.thumb-inner {
position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
border:0;
}
.thumb-strip {
position:absolute; width:90px; height:10px; bottom:3px; left:3px;
background:#FFF;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60;
opacity:0.60;
}
.thumb-zoom {
background:url(images/zoom.png) no-repeat;
position:absolute; width:30px; height:30px;
right:5px; bottom:5px;
}


/* CSS sprite for the menu 1 */

#menu1 {
height:25px;
position:relative;
top:0px;
width:300px;
top:50px;
left:200px;
}


#m1-1 {
background:transparent url(images/menu1.png) no-repeat scroll 0px 0px;
display:block;
width:70px;
float:left;
height:25px;
cursor:pointer;
}

#m1-2 {
background:transparent url(images/menu1.png) no-repeat scroll 0px 0px;
display:block;
width:65px;
float:left;
height:25px;
cursor:pointer;
}

#m1-3 {
background:transparent url(images/menu1.png) no-repeat scroll 0px 0px;
display:block;
width:160px;
float:left;
height:25px;
cursor:pointer;
}

.m1 a.active {
cursor:default !important;
}

#m1-1			{ background-position:0px 0px; }
#m1-1:hover 	{ background-position:0px -25px; }
#m1-1:active	{ background-position:0px -50px; }
#m1-1.active	{ background-position:0px -50px; !important; }

#m1-2			{ background-position:-70px 0px; }
#m1-2:hover 	{ background-position:-70px -25px; }
#m1-2:active	{ background-position:-70px -50px; }
#m1-2.active	{ background-position:-70px -50px !important; }

#m1-3			{ background-position: -135px 0px; }
#m1-3:hover 	{ background-position:-135px -25px; }
#m1-3:active	{ background-position:-135px -50px; }
#m1-3.active	{ background-position:-135px -50px !important; }


/* CSS sprite for the menu 2 */

#menu2 {
position:relative;
top:40px;
width:170px;
left:0px;
}


#m2-1, #m2-2, #m2-3, #m2-4, #m2-5, #m2-6 {
background:transparent url(images/menu2.png) no-repeat scroll 0px 0px;
display:block;
width:170px;
float:left;
height:50px;
cursor:pointer;

}

#m2-7, #m2-8, #m2-9, #m2-10, #m2-11{
background:transparent url(images/menu2.png) no-repeat scroll 0px 0px;
display:block;
width:170px;
float:left;
height:30px;
cursor:pointer;
}
.m2 a.active {
cursor:default !important;
}

#m2-1			{ background-position: 0px 0px; }
#m2-1:hover 	{ background-position: -170px -0px; }
#m2-1:active	{ background-position: -340px -0px; }
#m2-1.active	{ background-position: -340px -0px; !important; }

#m2-2			{ background-position: 0px -50px; }
#m2-2:hover 	{ background-position: -170px -50px; }
#m2-2:active	{ background-position: -340px -50px; }
#m2-2.active	{ background-position: -340px -50px !important; }

#m2-3			{ background-position: 0px -100px; }
#m2-3:hover 	{ background-position:-170px -100px; }
#m2-3:active	{ background-position:-340px -100px; }
#m2-3.active	{ background-position:-340px -100px !important; }

#m2-4			{ background-position:0px -150px; }
#m2-4:hover 	{ background-position: -170px -150px; }
#m2-4:active	{ background-position: -340px -150px; }
#m2-4.active	{ background-position: -340px -150px; !important; }

#m2-5			{ background-position: 0px -200px; }
#m2-5:hover 	{ background-position: -170px -200px; }
#m2-5:active	{ background-position: -340px -200px; }
#m2-5.active	{ background-position: -340px -200px !important; }

#m2-6			{ background-position: 0px -250px; }
#m2-6:hover 	{ background-position: -170px -250px; }
#m2-6:active	{ background-position: -340px -250px; }
#m2-6.active	{ background-position: -340px -250px !important; }

#m2-7			{ background-position: 0px -300px; }
#m2-7:hover 	{ background-position: -170px -300px; }
#m2-7:active	{ background-position: -340px -300px; }
#m2-7.active	{ background-position: -340px -300px !important; }

#m2-8			{ background-position: 0px -330px; }
#m2-8:hover 	{ background-position: -170px -330px; }
#m2-8:active	{ background-position: -340px -330px; }
#m2-8.active	{ background-position: -340px -330px; !important; }

#m2-9			{ background-position: 0px -360px; }
#m2-9:hover 	{ background-position: -170px -360px; }
#m2-9:active	{ background-position: -340px -360px; }
#m2-9.active	{ background-position: -340px -360px !important; }

#m2-10			{ background-position: 0px -390px; }
#m2-10:hover 	{ background-position: -170px -390px; }
#m2-10:active	{ background-position: -340px -390px; }
#m2-10.active	{ background-position: -340px -390px !important; }

#m2-11			{ background-position: 0px -420px; }
#m2-11:hover 	{ background-position: -170px -420px; }
#m2-11:active	{ background-position: -340px -420px; }
#m2-11.active	{ background-position: -340px -420px; !important; }



/* CSS contctForm */

.emailForm {
font-size:12px;
color:#777;
margin:10px 0px 0px 50px;
line-height:20px;
width:430px;
float:left;
}

.input {
border:1px solid #ccc;
height:14px;
font-size:12px;
color:#999;
width:400px;
}

.textArea {
border:1px solid #ccc;
font-size:12px;
color:#999;
width:400px;
height:150px;
}


#copyright {
float:left;
color:#666;
font-size:11px;
width:400px;
text-align:left;
margin: 10px 0px 0px 200px;
}

#wdd {
float:left;
color:#666;
font-size:11px;
width:380px;
text-align:right;
margin: 10px 20px 0px 0px;
font-style:italic;
}

#wdd a {color:#666;}
#wdd a:hover {color:#333}