* {
	margin: 0;
	padding: 0;
	outline: 0;
}

/*
=======================================================
	Tags & main classes
=======================================================
*/

body {
	font-size: 12px;
	line-height: 1.3;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	background: #11151b url(images/body.jpg) center 606px repeat;
}

/* Links */
a { color: #fff; text-decoration: strong; cursor:pointer; }
a:hover {
	text-decoration: underline;
}
a img { border: 0; }

/* Forms */
input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

/* Clears and floats */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* Others */

.last { border-bottom:0 !important; border-right:0 !important; margin-right:0 !important; margin-bottom:0 !important; }

.button-live { width:95px; height:24px; font-size: 0; line-height: 0; text-indent: -4000px; float:left; background:url(images/visitlive.png); }



/*
=======================================================
	Shells & Wrappers
=======================================================
*/

#wrapper { background:url(images/wrapper-top.jpg) center top repeat-x; }
.wrapper-bg { background:url(images/wrapper-bg.jpg) center top no-repeat; }

#shell { width:960px; margin:0 auto; padding:0 10px 30px 10px; }


/*
=======================================================
	Header
=======================================================
*/

/* Basics */
#header { padding:12px 10px 10px 10px; height:100%; }

/* Logo */
#logo { font-size:40px; line-height:144px; float:left; display:inline; background-image:url(images/logo2.png); background-repeat:no-repeat}
#logo { font-size:40px; line-height:144px; float:left; display:inline; background-image:url(images/logo2.png); background-repeat:no-repeat}
#logo a { color:#fff; text-shadow:#000 -1px 2px; text-decoration:none;  }

/*
======================================================
Menu
======================================================
*/
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#dedede;}
ul#css3menu1 ul{
	display:none;position:absolute;right:0;top:100%;background-color:#424542;border-width:2px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-color:#FFF;padding:0 10px 10px;filter:alpha(opacity=80)}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 active{
	background-color:#900;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	opacity:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;*display:inline; margin-top: 80px; float:right; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8;-moz-box-shadow:-3.5px 3.5px 5px #000000;-webkit-box-shadow:-3.5px 3.5px 5px #000000;box-shadow:-3.5px 3.5px 5px #000000;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none; background-color: #666; color:#F00}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS;color:#fff;cursor:pointer;padding:10px 10px 10px 30px;background-color:#444444;border-width:2px 0 0 2px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu1 ul li{
	float:none;margin:10px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:4px;background-color:#424542;background-image:none;font:14px Tahoma;color:#FFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color: #444444;
	border-color: #C0C0C0;
	border-style: solid;
	color: #f00;
	background-position: 0 100px;
	text-decoration: none;
}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:left center;background-repeat:no-repeat;padding-left:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#424542;background-image:none;color:#aa0000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{

}
ul#css3menu1 li.toplast>a{
}
	


/*
======================================================
	Slider
======================================================
*/
#slider { background:#181818 url(images/slider.png) 0 0 no-repeat; width:934px; position:relative; margin: 0 -1px 10px; height:433px; overflow:hidden; position:relative; padding:0 14px; }
#slider .jcarousel-clip { width:934px; height:433px; overflow:hidden; position:relative; }
#slider ul { list-style:none; height:433px; position:relative; }
#slider ul li { float:left; width:894px; height:312px; padding:45px 13px 46px 27px; }

/* Slider Image */
#slider .image { float:left; width:527px; position:relative; z-index:9; }


/* Slider Data */
#slider .data { float:right; width:310px; padding:0 39px 0 0; }
h2 { font-size:24px; line-height:26px; padding-bottom:10px; color:#fff; }
#slider .data p { line-height:15px; padding-bottom:14px; }

/* Jcarousel Stuff */
.jcarousel-prev,
.jcarousel-next { height:132px; position:absolute; top:136px; z-index:10; cursor:pointer; }
.jcarousel-prev { background:url(images/slider-arrow-prev.png); width:54px; left:11px; }
.jcarousel-next { background:url(images/slider-arrow-next.png); width:56px; right:11px; }


/*
======================================================
	Intro
======================================================
*/

#intro { background:#212121; margin-bottom:10px; padding:9px 9px 7px 9px;  height:100%; overflow:hidden; }

#intro .avatar { float:left; width:210px;}
#intro .avatar1 { float:left; width:250px;}
#intro .avatar img {  }

#intro .cnt { float: right; width:670px; padding:3px 20px 15px 20px; margin-right: 10px; text-wrap:normal;}

h4 {
	font-size: 16px;
	color: #999;
	line-height: 16px;
	padding-bottom: 3px;
}

#intro .cnt p { color:#afafaf; line-height:15px; width:670px; letter-spacing:0.4px; }

/*
======================================================
	Main
======================================================
*/
#main { background:#181818; padding:10px 9px; height:100%;  }
#main1 { background:#181818; padding:10px 9px; height:600px;  }
#main2 { background:#181818; padding:10px 9px; height:100%; width: 700px;  }
#about{ width:900px; height: 190px; float: right; padding: 10px 30px 0 0;}
#about1{ width:900px; height: 240px; float: left; padding: 20px 0 0 30px; margin-top: 10px;}
#aboutimage{ width:188px; height: 213px; float: left; padding-left: 15px;}
#aboutimage1{ width:188px; height: 233px; float: right; padding-left: 15px;}

/* Box */
.box { float:left; background:url(images/content-bg.gif) left top repeat-y; }
.box1 { width: 885px; float:left; background:url(images/content-bg1.gif) left top repeat-y;}
.box2 { width: 685px; float:left; background:url(images/content-bg1.gif) left top repeat-y; padding: 10px 0 0 10px;}
.box2 .box-top { width: 685px; float: right;}
.box3 { float:left; background:url(images/content-bg.gif) left top repeat-y; }
.box4 .box-top { width: 575px; background:url(images/content-bg1.gif) left top repeat-y; padding: 10px; height: 500px;}
.box .box-bottom { padding:21px 22px 20px 22px; height:100%; overflow:hidden; border:medium #000; }
.img {float:left; padding-right: 20px; }

/* Content */
#content { width:578px;}
#content1 { width:940px; height: 600px; float: left;}
#content2 { width:690px; height: 520px; float: right;}
#content3 { width:670px; height: 575px; float: right; padding: 0 0 5px 25px;}
#content4 { width:595px; height: 545px; float: right;}

/* Sidebar */
#sidebar { width:356px; float:right; }
#sidebar { background-image:url(images/sidebar-bg.gif); }
#sidebar1 { width:250px; float:left; }
#sidebar1 { background-image:url(images/sidebar-bg.gif); }
#sidebar2 { width:335px; float:left; height: 500px;}
#sidebar2 { background-image:url(images/sidebar-bg.gif); padding: 10px; }
#sidebar .box-top { background-image:url(images/sidebar-top.gif); }
#sidebar1 .box-top1 { height: 530px;}
#sidebar1 .box-top2 { height: 580px;}
#sidebar .box-bottom { background-image:url(images/sidebar-bottom.gif); padding:15px; }
#sidebar1 .box-bottom1 { background-image:url(images/sidebar-bottom.gif); padding:15px; }

/* Blog Posts */
.blog-posts ul { list-style:none; }
.blog-posts ul li { padding-bottom:11px; background:url(images/blogroll-border.gif) center bottom no-repeat; margin-bottom:10px; }
.blog-posts ul li.last { background:none; }
.blog-posts ul li p { line-height:15px; }

h3 { font-size:16px; color:#fff; line-height:18px; padding:6px 0 8px 10px; height:35px;  }

h5 { font-size:13px; line-height:15px; color:#009dff; padding-bottom:4px; }
h5 a { color:#009dff; text-decoration:none; }
h5 a:hover { text-decoration:underline; }


/* Site Links */
.site-link { width:254px; float:left; margin-right:20px; position:relative; }
.site-link img { border:5px solid #000; border-right-size:4px; border-left-size:4px; }
.site-link .bubble { display:block; position:absolute; top:106px; left:0;  height:43px; }
.site-link .bubble { background:url(images/site-link-bubble.png); font-size:12px; font-weight:normal; color:#fff; padding:12px 4px 0 9px; line-height:14px; width:233px; margin-left:5px; }
.site-link .bubble strong { display:block; font-size:14px; font-weight:bold;  }
.site-link .button-live { margin-top:11px; }



/*
======================================================
	Footer
======================================================
*/

#footer { background:#212121;  padding:14px 20px; }
#footer p { font-size:14px; line-height:14px; color:#4a4a4a; text-transform:uppercase; font-weight:bold;}
#footer a { color:#4a4a4a; }

/*
=======================================================
	Lightbox
=======================================================
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(css/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(css/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 2.5em; outline: none;  background: url(../css/images/closelabel.gif) right 15% no-repeat; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }