/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ 
	 	margin: 0; 
  		padding: 0; 
 		text-align: center;
 		overflow:scroll; 
	
		background: url(../images/bg_top.gif) top repeat-x #181818; border:0; font:12px Arial, Helvetica, sans-serif; color:#878787; line-height:16px; }

#centereddiv
{ 
 width: 670px;
 text-align: left;
 border: 0px;
 padding: 0;  
 margin: 0 auto; 
} 

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.main {padding-left:5px; width:670px; position:relative; background:url(../images/line_hor.gif) 5px top no-repeat; }

.main.top{ z-index:101; background:none}

/* ============================= main layout ====================== */

a{ color:#878787; text-decoration: underline; outline:none}
a:hover{ text-decoration: none; color:#fff}
h1{ padding:30px 0 0 0}
h2{ font:29px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:25px 0 20px 0; font-weight:normal; letter-spacing:-1px;}
p{ padding-bottom:16px;}

/* ============================= header ====================== */
header{ position:relative; z-index:102}

#logo{ font:46px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color:#fff; text-decoration: none;}

#menu { padding:20px 0 0 1px}
#menu > li { float:left; padding-right:18px; position:relative;}
#menu > li > a{ display:block; color:#878787; text-decoration:none; text-transform:uppercase; line-height:30px;}
#menu > li > a:hover, #menu > .active > a{ color:#fff}

#menu .ul_1{ position:absolute; top:30px; background: url(../images/bg_menu.png) repeat; width:160px; left:-50px; padding:12px 0}
#menu .ul_1 > li{ position:relative}
#menu .ul_1 > li > a, #menu .ul_2 > li > a{display:block; color:#878787; text-decoration:none; line-height:20px; text-align:center}
#menu .ul_1 > li:hover > a, #menu .ul_2 > li:hover > a{ color:#fff}

#menu .ul_2{ position:absolute; top:-12px; left:161px; width:160px; background: url(../images/bg_menu.png) repeat;; padding:12px 0}

#menu ul{ display:none}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; background:url(../images/line_hor.gif) 0 bottom no-repeat}

#content > ul{ position:relative; width:670px;}
#content > ul > li{ position:relative}

#page_1{ height:0; font-size:0; line-height:0;}

.slide{ width:480px; height:347px; position:relative; float:left;}

/*  width=(pictureWidth + (numPhotos-1)*barWidth) = 480+3*60  */
.gallery{ padding-left:5px; width:660px; overflow:hidden; padding-top:20px; position:relative; height:0;}
.gallery > ul{ width:3250px;}
.slideshow{ height:347px;width:480px; overflow:hidden; position:absolute}

.next{ display:block; position:absolute; top:308px; right:0; background:url(../images/marker_down_bg.png) 0 0 no-repeat; width:40px; height:40px; z-index:99}
.prev{ display:block; position:absolute; top:0px; right:0; background: url(../images/marker_up_bg.png) 0 0 no-repeat; width:40px; height:40px; z-index:99}

.pagination{ top:347px; position:relative; height:180px; width:100%; overflow:hidden}
.pagination div{ position:absolute; padding:15px 5px 0px 5px;}
.pagination div p{ background:#181818}

#gallery1, #slide1{ z-index:1}
#gallery2, #slide2{ z-index:2}
#gallery3, #slide3{ z-index:3}
#gallery4, #slide4{ z-index:4}
#gallery5, #slide5{ z-index:5}


.font1{ font-size:15px; color:#fff;}
.color1{ color:#fff}

.pad_bot1{ padding-bottom:6px;}
.pad_bot2{ padding-bottom:10px;}
.pad_left1{ padding-left:80px;}

.link1{ color:#fff; text-decoration:none; font-size:9px; display:inline-block; padding-top:2px; padding-left:2px}
.link1:hover{ color:#878787}

.list1{ margin-top:-5px;}
.list1 li{ line-height:24px;}
.list1 li a{ padding-left:23px; background:url(../images/markers.gif) 0 6px no-repeat}



/* ============================= footer ====================== */

footer { font-size:11px; color:#878787; text-transform:uppercase;  padding-top:0px; line-height:16px; padding-bottom:0px;}
footer a{ color:#878787; text-decoration:none}
footer a:hover{ color:#fff}

#footer_menu { font-size:12px; padding:10px 0 25px 0; width:100%; overflow:hidden}
#footer_menu  li { float:left; padding-right:18px; position:relative;}
#footer_menu  li  a{ display:block; color:#878787; text-decoration:none; text-transform:uppercase; line-height:30px;}
#footer_menu  li  a:hover, #footer_menu  .active  a{ color:#fff}


/* ============================= forms ============================= */

#contact-form {}
#contact_form a{ float:right; font-size:15px; color:#fff; text-decoration:none; margin-left:15px}
#contact_form a:hover{ color:#878787}
#contact-form input {  width:225px; background:  none;  padding:2px 3px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#878787; height:14px;}
#contact-form textarea { overflow: auto; width:412px; background:  none;  padding:2px 3px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#878787; height:140px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:25px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:131px; overflow:hidden; padding-bottom:7px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:#fff;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px;background:#242424; border:1px solid #4c4c4c;}
#contact-form .bg{ float:left;background:#242424; border:1px solid #4c4c4c}
#contact-form .col_1{ width:240px; float:left;}
#contact-form .col_2{ width:420px; float:left; padding-left:5px;}