*{margin:0; padding:0; outline:0; border:0;}
body{background:url(images/bg.png) repeat; font-family:Arial, Helvetica, sans-serif;}
a:link, a:visited{text-decoration:none;}
.clear{clear:both; overflow:hidden;}

#wrapper{width:956px; margin:auto;}

#header{width:900px; margin:auto; position:relative; z-index:1; height:116px;}
#logo{width:474px; height:116px;}
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background:url(images/logo.png); width:474px; height:116px;}
#medals{background:url(images/medals.png); width:198px; height:196px; position:absolute; z-index:2; right:10px; top:0px;}

#content_tp{background:url(images/content_tp.png); width:956px; height:312px;}
#content{background:url(images/content_st.png) repeat-y; width:929px; padding:10px 0 0 27px;}
#content_bt{background:url(images/content_bt.png) no-repeat top; width:956px; font-size:12px; font-family:Trebuchet MS; color:#fff; text-align:center; padding:40px 0 0 0;}
#content_bt a{color:#fff;}
#container{background:url(images/container.jpg) no-repeat bottom; width:900px;}

/*#textbox{background:url(images/trans.png) repeat; width:810px; margin:auto; position:relative; z-index:1;  -moz-border-radius:1ex; -webkit-border-radius:1ex; min-height:524px; padding:16px 6px 1px 14px;}*/
#textbox{background:url(images/trans.png) repeat; width:810px; margin:auto; position:relative; z-index:1;  -moz-border-radius:1ex; -webkit-border-radius:1ex; min-height:560px; padding:16px 6px 1px 14px;}

/*#mark{background:url(images/mark.png); width:258px; height:300px; position:absolute; z-index:2; right:-32px; bottom:-26px;}*/
#mark{background:url(images/mark.png); width:258px; height:300px; position:absolute; z-index:2; right:-32px; bottom:-20px;}

#menu{width:254px; float:left; padding:36px 0 0 52px;}
#menu ul li{list-style:none; font-size:20px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 0 6px 0;}
#menu ul li a{color:#fff; display:block; width:194px; height:37px; padding:0 0 0 60px; line-height:30px;}
#menu ul li a:hover,#menu ul li a.active{background:url(images/menu_over.png);}

#gallery{width:550px; float:left; height:200px; padding:3px 0 0 38px;}
#gtitle{background:url(images/red_box.png); width:196px; height:69px; font-size:20px; color:#e8dada; line-height:68px; font-weight:bold; padding:0 0 0 13px; margin:0 0 7px 0;}
#gallery ul li{background:#fff; list-style:none; float:left;  -moz-border-radius:1ex; -webkit-border-radius:1ex; padding:5px 6px 5px 6px; margin:0 18px 0 5px;}

#video{width:382px; float:left; margin:0 0 60px 0;}

#txt{width:362px; float:right; margin:0 15px 0 0;}
#content h2, #content h3, .more, #button, #form h1{color:#fff; font-size:23px; font-family:Trebuchet MS; text-shadow:#444 0px 2px 0px; margin:0 0 14px 0; background:url(images/title.png) repeat-x; height:40px; line-height:40px; padding:0 0 0 20px; -moz-border-radius:1ex; -webkit-border-radius:1ex; font-weight:normal;}
#content p{color:#000; font-size:15px; font-family:Trebuchet MS; line-height:20px; margin:0 0 20px 0;}
.batch{float:left; margin:0 20px 0 20px;}
#content h3{font-size:14px; margin:0 0 6px 0; height:30px; line-height:30px; padding:0 20px 0 20px; float:left;}
a.more{font-size:13px; font-style:italic; padding:0 10px 0 10px; background:none; font-weight:bold; text-decoration:underline;}
#form h1{font-size:18px;}

/** * This <div> element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */
 width: 75px;height: 75px;}
/** * The buttons are added dynamically by jCarousel before * the <ul> list (inside the <div> described above) and * have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 534px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 534px; height: 190px;}
.jcarousel-skin-tango .jcarousel-item {width: 147px;height: 177px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
/** * Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 73px;right: -30px;width: 34px;height: 38px;cursor: pointer;background:url(images/next.png) no-repeat left;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 73px;left: -30px;width: 34px;height: 38px;cursor: pointer;background:url(images/previous.png) no-repeat left;}

/**lightbox**/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}


.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

#contact-form h4{float:left; width:120px; color:#fff; font-size:18px; font-family:Trebuchet MS; text-shadow:#444 0px 2px 0px; text-align:right; padding:0 20px 0 0;}
#name, #email, #message{background:#efefef; border:2px solid #888; -moz-border-radius:1ex; -webkit-border-radius:1ex; font-size:13px; color:#555; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; width:240px; padding:5px; margin:0 0 10px 0;}
#message{width:300px; height:110px;}

#form{float:left; margin:0 40px 0 0;}
#cdet{float:left;}
#button{background:url(images/title.png) repeat-x; width:80px; height:30px; color:#fff; float:none; padding:0; font-size:15px; margin:0 0 0 140px;}

#socialicons {float: right; width: 310px; margin-top: -36px;}

#twt {float: left; width: 350px;}
#twt h3 {display: none;}
#fb { background-color: #FFFFFF; float: right; margin-right: 118px; width: 291px;}