* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body{
	background:#260930/*url('bg.png') center center*/;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	margin:0px 20px;
}

.bgimg {
	background: url(/images/backgrounds/clouds.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#wrapper, #bookmarks{
	width:975px;
	margin:0 auto;
	position: relative;
	margin-top:50px;
	z-index:1;
}
#wrapper{
	height:465px;
}

#wrapper form{
	width:635px;
	height:30px;
	position:absolute;
	left:340px;
	top:225px;
	font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
	text-align: center;
	padding:0px;
}

#wrapper input{
	width:568px;
	height:24px;
	margin:5px 0px 5px 5px;
	background:#fff;
	border:2px #fff solid;
	color:#333;
	font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
	font-size: 14px;
	line-height:16px;
	padding:1px;
}

input:focus{
	border:2px #00aef0 solid;
}

#wrapper button{
	height:30px;
	width:50px;
	vertical-align: bottom;
	background:url('../lib/arrow.png') no-repeat;
	color:#333;
	font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
	font-size: 14px;
	margin-bottom:5px;
	margin-right: 5px;
	text-transform:uppercase;
}

#wrapper div{
	margin: 5px;
	text-align: center;
}

#wrapper div img{
	vertical-align:middle;
}
#wrapper label{
	background:url('../lib/3.png') repeat-x;
	color:white;
	font-weight:bold;
	font-size: 15px;
	padding: 5px;
	font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
}

#thumb1{
	width:215px;
	height:103px;
	position: absolute;
	left:0px;
	top:0px;
	background:url('../lib/1.png')/*#409da5*/;
	line-height: 103px;
}

#thumb1 img{
	max-width: 215px;
	max-height: 103px;
}

#thumb2{
	width:215px;
	height:102px;
	position: absolute;
	left:0px;
	top:113px;
	background:url('../lib/2.png')/*#4849a6*/;
	line-height:102px;
}

#thumb2 img{
	max-width: 215px;
	max-height: 102px;
}

#thumb3{
	width:140px;
	height:65px;
	position: absolute;
	left:225px;
	top:0px;
	background:url('../lib/3.png')/*#cd432d*/;
	line-height:65px;
}

#thumb3 img{
	max-width: 140px;
	max-height: 65px;
}

#thumb4{
	width:140px;
	height:65px;
	position: absolute;
	left:375px;
	top:0px;
	background:url('../lib/4.png')/*#da8515*/;
	line-height:65px;
}

#thumb4 img{
	max-width: 140px;
	max-height: 65px;
}

#thumb5{
	width:290px;
	height:140px;
	position: absolute;
	left:225px;
	top:75px;
	background:url('../lib/5.png')/*#7d9f2a*/;
	line-height:140px;
}

#thumb5 img{
	max-width: 290px;
	max-height: 140px;
}

#thumb6{
	width:440px;
	height:215px;
	position: absolute;
	left:525px;
	top:0px;
	background:url('../lib/6.png')/*#672c9b*/;
	line-height:215px;
}

#thumb6 img{
	max-width: 440px;
	max-height: 215px;
}

#thumb7{
	width:330px;
	height:160px;
	position: absolute;
	left:0px;
	top:225px;
	background:url('../lib/7.png')/*#621354*/;
	line-height:160px;
}

#thumb7 img{
	max-width: 330px;
	max-height: 160px;
}

#thumb8{
	width:160px;
	height:75px;
	position: absolute;
	left:0px;
	top:395px;
	background:url('../lib/8.png')/*#409da5*/;
	line-height:75px;
}

#thumb8 img{
	max-width: 160px;
	max-height: 75px;
}

#thumb9{
	width:160px;
	height:75px;
	position: absolute;
	left:170px;
	top:395px;
	background:url('../lib/9.png')/*#7d9f2a*/;
	line-height:75px;
}

#thumb9 img{
	max-width: 160px;
	max-height: 75px;
}

#thumb10{
	width:420px;
	height:205px;
	position: absolute;
	left:340px;
	top:265px;
	background:url('../lib/10.png')/*#03417a*/;
	line-height:205px;
}

#thumb10 img{
	max-width: 420px;
	max-height: 205px;
}

#thumb11{
	width:195px;
	height:98px;
	position: absolute;
	left:770px;
	top:265px;
	background:url('../lib/11.png')/*#409da5*/;
	line-height:98px;
}

#thumb11 img{
	max-width: 195px;
	max-height: 98px;
}

#thumb12{
	width:195px;
	height:97px;
	position: absolute;
	left:770px;
	top:373px;
	background:url('../lib/12.png')/*#da8515*/;
	line-height:97px;
}

#thumb12 img{
	max-width: 195px;
	max-height: 97px;
}


/* Popup */

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}

	

#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}

#boxes .dialog {
	width:375px; 
	height:203px;
	padding:10px;
	background-color:#ffffff;
}

#boxes .LR {
	width:375px; 
	height:203px;
}

.lr .d-header {
	background:url(/images/popup/login-header.png) no-repeat 0 0 transparent; 
	width:375px; 
	height:125px;
	padding:25px 0px 0px 50px;
}


.lr .d-header input {
	position:relative;
	border:3px solid #cccccc;
	height:22px;
	width:200px;
	font-size:15px;
	padding:5px;
	margin-top:4px;
}

.lr .d-blank {
	float:left;
	background:url(/images/popup/login-blank.png) no-repeat 0 0 transparent; 
	width:267px; 
	height:53px;
}

.lr .d-tblank {
	float:left;
	background:url(/images/popup/blank.png) no-repeat 0 0 transparent; 
	width:375px; 
	height:53px;
}

.lr .d-login {
	float:left;
	width:108px; 
	height:53px;
}

#boxes .notice {
	background:url(/images/popup/notice.png) no-repeat 0 0 transparent; 
	width:326px; 
	height:229px;
	padding:50px 0 20px 25px;
}


/* Menu */

#menu {
	margin-top:-80px;
	padding:0px;
	list-style:none;
	color:#fff;
	line-height:45px;
	display:inline-block;
	float:left;
	z-index:10000;
}
#menu a {
	color:#fff;
	text-decoration:none;
}
#menu > li {
	background:#172322 none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding:0px 10px;
}
#menu > li a:hover {
	color:#B0D730;
}
#menu .logo {
	background:transparent none repeat scroll 0 0;
	padding:0px;
	background-color:Transparent;
}

/* sub-menus*/
#menu ul {
	padding:0px;
	margin:0px;
	display:block;
	display:inline;
}
#menu li ul {
	position:absolute;
	z-index:1000;
	left:-10px;
	top:0px;
	margin-top:45px;
	width:150px;
	line-height:16px;
	background-color:#172322;
	color:#0395CC;
	/* for IE */ display:none;
}
#menu li:hover ul {
	display:block;
}
#menu li ul li{
	display:block;
	margin:5px 20px;
	padding: 5px 0px;
	border-top: dotted 1px #606060;
	list-style-type:none;
}
#menu li ul li:first-child {
	border-top: none;
}
#menu li ul li a {
	display:block; color:#0395CC;
}
#menu li ul li a:hover {
	color:#7FCDFE;
}

/* main submenu */
#menu #main {
	left:0px;
	top:-20px;
	padding-top:20px;
	background-color:#7cb7e3;
	color:#fff;
	z-index:999;
}

/* search */
.searchContainer div {
	background-color:#fff;
	display:inline;
	padding:5px;
}
.searchContainer input[type="text"] {
	border:none;
	width:100px;
	height:20px;
}
.searchContainer img {
	vertical-align:middle;
}

/* corners*/
#menu .corner_inset_left {
	position:absolute; top:0px; left:-12px;
}
#menu .corner_inset_right {
	position:absolute; top:0px; left:150px;
}
#menu .last {
	background:transparent none repeat scroll 0 0;
	margin:0px;
	padding:0px;
	border:none;
	position:relative;
	border:none;
	height:0px;
}
#menu .corner_left {
	position:absolute;
	left:0px;
	top:0px;
}
#menu .corner_right {
	position:absolute;
	left:132px;
	top:0px;
}
#menu .middle {
	position:absolute;
	left:18px;
	height: 20px;
	width: 115px;
	top:0px;
}

/* No Bookmarks */
#no-bookmarks {
	width: 60px;
	margin: 0 auto;
	position: relative;
	margin-top: 50px;
	z-index: 1;
	text-align: center;
	border: 1px solid #CCC;
	background: url(/images/scroller/bookmarks/h300.png) repeat-x;
}

/* scrollable settings */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
}
.items div { float:left; }

/* Bookmarks scoller */

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 880px;
	height:60px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/images/scroller/bookmarks/h300.png) repeat-x;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:880px;
}

/* single scrollable item */
.scrollable .bookmark {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:110px;
	height:15px;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor: pointer; 
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/scroller/bookmarks/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:15px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/scroller/bookmarks/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;		*/
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}