/*
Theme Name: Template 1
*/
*{
	padding:0;
	margin: 0;
}
body {
	background: #000 no-repeat top center;
	background-attachment:fixed;
	color:#FFF;
	font-family: Helvetica, sans-serif;
	font-size:10px;
	line-height:1.6em;
	margin: 0;
	padding: 0;
}

#container {
	margin: 0 auto;

	width: 1009px;
}

#header {
	color:#fff;

	clear:both;
	height:30px;
	padding:10px 0;
	width:1009px;
}

h1#logo{
	z-index:100;
}

h1#logo a{
	background: url(../images/logo.png) no-repeat;
	display:block;
	height:57px;
	text-indent:-5000px;
	width:180px;
}


.contact{
	height:44px;
	width:30px;
}

#top_header{
height:28px;
top:0px;
z-index:9;
}

a {
    outline: none;
}

#lefCol { float:left; width:155px;}
#midCol { float:left; padding:5px 0;}

p.top_left_text{
float:left;
padding:0 5px 0 0;
}
p.top_left_box{float:right}

#midCol .btn{background:#09c;color:#fff;font-size:10px;font-family:arial,sans-serif;font-weight:bold;line-height:20px;border:none;height:20px;padding-bottom:1px;width:20px;cursor:pointer;}
#midCol .btn:hover{background:#000;}

#rigCol { float:right; 
position:relative;
padding:5px 0;
top:0px;
}

#rigCol ul{
	height:90px;
	list-style-type:none;
	margin:0 auto;
	position:relative;
	top:15px;

}

#rigCol ul li {
	float:left;
}

  #rigCol li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#rigCol ul a{
	color:#ed5391;
	display:block;
	text-decoration:none;
}
	.nav1{left: 0px; postion:relative; text-indent:-9999px;}
	.nav2{left: 0px; postion:relative; text-indent:-9999px;}
	.nav3{left: 0px; postion:relative; text-indent:-9999px;}
	.nav4{left: 0px; postion:relative; text-indent:-9999px;}
	
	#nav1 {left: 0px; width: 95px;}
	#nav2 {left:100px;width:100px;}
	#nav3 {left:220px;width:100px;}
	#nav4 {left: 340px; width: 100px;}
  
    #nav1 a:hover {
    background: url(../images/sub_nav.png) -0px -64px no-repeat;}
    #nav2 a:hover {
    background: url(../images/sub_nav.png) -100px -64px no-repeat;}
    #nav3 a:hover {
    background: url(../images/sub_nav.png) -220px -64px no-repeat;}
    #nav4 a:hover {
    background: url(../images/sub_nav.png) -340px -64px no-repeat;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

span.contact{
height:300px;
}
.contact a{
	background: url(../images/glass.png) no-repeat 100% 84%;
	padding:40px 39px 30px 0px;
}

#mainLogo {
	float:left;
	height:30px;
	text-indent:-9999px;
	width:30px;
}

#subNav {
	float:right;
}

#subNav a{
	color:#b9b5b5;
	font-size:11px;
	text-decoration:none;
}


#mainNav {
	background: url(../images/nav.jpg) repeat scroll 0 0;
	height: 66px;
	position:relative;
	z-index:8;

	width:1009px;
}

#mainNav ul {
	height:68px;
	list-style-type:none;
	margin:0 auto;
	position:relative;
	top:14px;
	width:1009px;
}

#mainNav ul li {
	float:left;
}

#mainNav li, #mainNav a {height:66px; display: block;}

#mainNav ul a{
	color:#ed5391;
	text-decoration:none;
}

  #mainNav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  	
	
	.ex1{left: 0px; postion:relative; text-indent:-9999px;}
	.ex2{left: 0px; postion:relative; text-indent:-9999px;}
	.ex3{left: 0px; postion:relative; text-indent:-9999px;}
	.ex4{left: 0px; postion:relative; text-indent:-9999px;}
	.ex5{left: 0px; postion:relative; text-indent:-9999px;}
	.ex6{left: 0px; postion:relative; text-indent:-9999px;}
	.ex7{left: 0px; postion:relative; text-indent:-9999px;}
	
	#ex1 {left: 0px; width: 168px;}
	#ex2 {left: 169px;width:158px;}
	#ex3 {left: 329px;width:96px;}
	#ex4 {left: 430px; width: 128px;}
	#ex5 {left: 585px; width: 70px;}
	#ex6 {left: 685px; width:125px; }
	#ex7 {left: 850px; width:127px; }
  
    #ex1 a:hover {
    background: url(../images/nav.jpg) 0px -80px no-repeat;}
    #ex2 a:hover {
    background: url(../images/nav.jpg) -169px -80px no-repeat;}
    #ex3 a:hover {
    background: url(../images/nav.jpg) -329px -80px no-repeat;}
    #ex4 a:hover {
    background: url(../images/nav.jpg) -430px -80px no-repeat;}
    #ex5 a:hover {
    background: url(../images/nav.jpg) -585px -80px no-repeat;}
	#ex6 a:hover {
    background: url(../images/nav.jpg) -685px -80px no-repeat;}
	#ex7 a:hover {
    background: url(../images/nav.jpg) -850px -80px no-repeat;}

#slideshow{
	background:url(../images/gradient.png) repeat-x;
	height:511px;
	padding:0px 0;
	z-index:30;
	width:924px;
	}

#content-wrap{
	margin:0 auto;
	width:899px;
}

#first{
border: #f0bf13 solid 1px;
float:left;
padding:20px 20px;
width:427px;
}

#second{

float:right;
padding:20px 20px;
width:388px;
}

h1#news{
background: url(../images/news.png) no-repeat; 
height:66px;
width:212px;
text-indent:-9999px;
}

h1#games{
background: url(../images/games.png) no-repeat; 
height:66px;
width:212px;
text-indent:-9999px;
}

#footer {
	clear:both;
	font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
	margin: 0 auto;
	padding:31px 0 40px 0;
	width:69.4em
}

#mainFooter {
	margin:0px auto;
	width:27.4em;
}

#mainFooter ul{
	display:inline;
	margin: 0;
	padding:0;
}

#mainFooter li {
	float:left;
	padding-right:5px;
}

#mainFooter a{
	color:#9c9799;
	font-size:10px;
	text-decoration:none;
}

#mainFooter a:hover{
	color:#FFF;
}

#subFooter {
	margin:0px auto;
	width:25em;
}

#subFooter ul{
	display:inline;
	margin:0px auto;
	width:50em;
}

#subFooter li {
	float:left;
	padding-right:40px;
}

#subFooter a{
	color:#9c9799;
	font-size:10px;
	text-decoration:none;
}

#subFooter a:hover{
	color:#FFF;
}

form.cmxform fieldset {
  margin-bottom: 10px;
}

form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px 0px;
  margin: 0;
  
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 145px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.cmxform legend {
  padding: 0 0px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}

/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */

#content{
	color:#FFFFFF;
	margin: 0 auto;
	padding-top:30px;
	width:88.4em;
}

#jobInfo{
	float:left;
	width:27em;
}
#appointments{
	margin:0 400px;
	width:30em;
}

#app{
	float:right;
	width:40em;
}


/* --------------------------------------- */
/* Portfolio Area
/* --------------------------------------- */

.popupBox a { color: #fff; text-decoration: none !important; margin-bottom: 0 !important; }
.popupBox a:hover { text-decoration: underline !important; }
.popupBox { display: none; }
.section:hover .popupBox { display: block; }

.popupBox { position: absolute; top: 78px; left: 0; z-index: 99; width: 100%; }

#portfolioWrap { width:90.9em; padding-top:20px; height:341px; margin:0 auto; overflow:hidden; }
#portfolioWrap.subpage { overflow:visible; height:auto; }

#portfolio { position:relative }

.container_12 #previous,
.container_12 #next {
	font-size:75px;
	width:40px;
	height:40px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:128px }
	
	.pagination.inactive { cursor:default !important }
	
	.hoverBlock .grid_4 { margin-bottom:20px; position:relative; width:158px !important; height:329px; border:5px solid #000;  }

#portfolio #previous { left:-55px }
#portfolio #next { right:-55px }

#portfolio img.portfolio-image { position:absolute; top:0; left:0; display:block; margin:0  }

#portfolio a{
	color:#BFBFBF;
	display:block;
	height:20px;
	line-height:20px;
	margin-bottom:1px;
	padding:0 20px;
}


.portfolio-url{	 
position: absolute; 
left: 0px; 
bottom: 17px; 
z-index: 6;
width: 290px;
}

.portfolio-url a {
display: block;
height: 20px;
margin-bottom: 1px; padding: 0 4px;
background-color: #fff; 
color: #bfbfbf;
font-size: 77%; 
line-height: 20px; 
text-transform: lowercase; 
font-weight: bold; 
text-align: center;
      }
.entrySlide{
background-color:#F5F5F5;
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:290px;
left:0px;
overflow:hidden;
padding-top:114px;
position:absolute;
top:0px;
width:290px;
z-index:1;

}	 
h2 .entrySlide p
{
background-color:#FFFFFF;
color:#BFBFBF;
display:none;
font-size:77%;
font-weight:bold;
height:20px;
line-height:20px;
margin-bottom:1px;
padding:0 4px;
text-align:center;
text-transform:lowercase;
}



span.slideHover {
 display: none;
}
a:hover span.slideHover{
 display: inline; 
 float: right;
 color: #222; 
}

#portfolio .portfolio-info {
	height:305px;
	padding:12px 15px;
	width:128px;
	background: url(../../../../graphics/portfolio_hover_bg.gif) repeat-x top }


.entry-1 { margin-left:0 }

.portfolio-info h3 {
	font-size:14px;
	margin:0 0 1px 0;
	padding:0;
	color:#fce772;
	text-transform:uppercase }
	
.portfolio-info small {
	font-size:11px;
	color:#a7a7a7;
	display:block;
	margin:0 0 10px 0;
	padding:0 }
	
.portfolio-info p {
	font-size:14px;
	line-height:17px;
	margin:0 0 22px 0;
	color:#e4e4e4 }
	
.portfolio-info .button {
	float:left }
	
	.portfolio-info .button.left { margin:0 10px 0 0 }
	

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#disclaimer{
	color:#FFFFFF;
	padding-top:40px;
}

a img{border:0;}

h3 a{
color:#FFFFFF;
text-decoration: none;
}

a{
color:#FFFFFF;
text-decoration: none;
}

h3 a:visited {
color:#FFFFFF;
text-decoration:underline;
}

a:visited {
color:#FFFFFF;
text-decoration:none;
}


#eventsForm{
position:absolute;
width:550px;
left:40%;
background-color:purple;
top:491px;
z-index:30;
}

.slide-out-div {
          padding: 20px;
          width: 900px;
          background: #1E1C1C;
	    z-index:13;
      }      

#toppanel2 {
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	height:100%;
}

#panel2 {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #1e1c1c;
	overflow: hidden;
	position: relative;
	z-index: 3;
	padding-bottom:15px;

}

#panel2 h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel2 h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel2 p {
	margin: 5px 0;
	padding: 0;
}

#panel2 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel2 a:hover {
	color: white;
}

#panel2 a-lost-pwd {
	display: block;
	float: left;
}

#panel2 .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel2 .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel2 .content .right {
	border-right: 1px solid #333;
}

#panel2 .content form {
	margin: 0 0 10px 0;
}

#panel2 .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel2 .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel2 .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel2 .content input.bt_login,
#panel2 .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel2 .content input.bt_login {
	width: 74px;
	background: transparent url(library/media/images/bt_login.png) no-repeat 0 0;
}

#panel2 .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel2 .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

ul.far_right_column {
margin-left:0;
padding-left:0em;
}

ul.far_right_column li{
margin:0;
padding:0;
list-style-type:none;
}




#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

ul { list-style-type: none; margin-left: 0px; padding-left 0px; }