@charset "utf-8";
body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #838383;
	background-color: #070707;
	margin: 0px;
	padding: 0px;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a, button, input, img { outline:none}
h1,h2,h3,h4,h5,ul,li,form { margin:0px; padding:0px;}
#mainWrapper { width:864px; margin:auto;}
h1 { width:215px; height:189px; background:url(images/logo.jpg) no-repeat; float:left; text-indent:-600em}
#slogan { width:649px; height:189px; background:url(images/slogan.jpg) no-repeat; float:left;}
#top_links { line-height:43px; text-align:right; padding-right:42px; height:43px}
#top_links a{ color:#838383; text-decoration:none}
#top_links a:hover { color:#FFFFFF}

#myController { width:215px; text-align:center; float:left; height:18px; padding-top:1px}

#myController span{
color:#838383;
background:url(images/sbg1.gif) no-repeat; width:32px; height:19px;
cursor:pointer;
padding:0px 13px 0px 13px;
text-align:center;
}

#jFlowSlide{
/*border:10px solid #F00*/;
}

#myController span.jFlowSelected {
background:url(images/sbg2.gif) no-repeat; color:#000000;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#first { width:613px; height:55px; background:url(images/hello.png) no-repeat; margin-top:70px; padding:40px 0px 0px 10px}
#second { width:613px; height:70px; background:url(images/2nd_slide.png) no-repeat; margin-top:56px; padding:40px 0px 0px 10px}
#third { width:613px; height:70px; background:url(images/3rd_slide.png) no-repeat; margin-top:56px; padding:40px 0px 0px 10px}
#fourth { width:593px; height:100px; background:url(images/4th_slide.png) no-repeat; margin-top:26px; padding:40px 0px 0px 30px}
#fourth ul { width:200px; float:left}
#fourth a { color:#FFFFFF}
#contact_box { float:right}

#left_content {float:left; width:25%; text-align:center; color:#FFFFFF; padding-top:90px}
#right_content {float:right; width:75%; position:relative}
#right_content a { color:#999999}
#right_content a:hover{ color:#FFFFFF}

#left_content ul.contact  { text-align:left; padding-left:40px}

/*gallery*/

.demo{position:relative; width:615px}
.gallery_demo{width:615px;margin:0 auto;}
.gallery_demo li{width:120px;height:120px;margin: 0 2px;}
.gallery_demo li div{left:240px}
.galleria_container .caption{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;position:absolute;top:90px; width:450px; padding-top:10px}
.caption a { color:#666666;}
.caption a:hover { color:#FFFFFF}
	
#main_image{margin:15px auto 10px auto;height:520px;width:615px; background:#070707}
#main_image img{margin-top:30px;}

.prev { background:none; border:none; width:33px; height:31px; position:absolute; left:-40px; top:30px; cursor:pointer}
.next { background:none; border:none; width:33px; height:31px; position:absolute; right:20px; top:30px;cursor:pointer}

