/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.jpg) top center repeat-y #000000; text-align:center;}
#main{ padding:0 31px 0 30px;}
.top-bg{ background:url(images/top-bg.jpg) top center no-repeat;}
.bot-tail{ background:url(images/footer-tail.png) bottom repeat-x;}
img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.gameimgs {
	padding: 5px;
}



html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.167em; color:#d8cda7;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#d8cda7;}
a:hover{
	text-decoration:none;
	font-size: 100%;
}
.rightsearch {
	float: right;
	padding-top: 20px;
}

p {padding-top:15px;}
h2{ font-size:2.5em; line-height:1em; font-weight:normal; text-transform:uppercase; color:#d3d1d0; letter-spacing:-1px; padding-bottom:13px; margin-top:-5px; position:relative;}
h3{
	font-size:2em;
	line-height:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#CCC;
	letter-spacing:-1px;
	padding-bottom:13px;
}
cite{ font-style:normal; display:block;}
.ques {
	font-size: large;
	font-weight: bolder;
}
.ans {
	font-size: large;
	font-weight: bolder;
}
.indent-ans {
	margin-left: 20px;
	padding-top: 3px;
}

/* ============================= main layout ====================== */
.imgindent{
	margin:0 10px 10px 0;
	float:left;
}
.imgindent2{margin:0 20px 0 0; float:left;}
.padding1{ padding-top:15px !important;}
.padding2{ padding-top:23px !important;}
.padding3{ padding-top:28px !important;}
.padding4{ padding-top:10px !important;}

/* ============================= header ====================== */
#header{ position:relative;}
#header .flash{ position:absolute; margin-left:-14px;}
/* ============================= content ====================== */
#content{ padding:13px 0 19px 0;}

.banners a{ display:block; margin-bottom:6px;}
.unline{ background:url(images/line.gif) bottom repeat-x; padding-bottom:24px;}
.unline2{ background:url(images/line.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:15px;}
.author{ text-align:right; color:#ffffff; font-weight:bold;}
.date{ font-size:0.833em; color:#ffffff; display:block;}
.phone{ float:right; padding-right:240px;}

.indent{ padding:10px 10px 20px 25px;}
.indent2{ padding:10px 25px 20px 20px;}
.indent3{
	padding:10px 5px 0 20px;
}
.indent4{ padding:10px 5px 0 20px;}

.link1{ display:inline-block; margin-top:5px; color:#f8bc18; font-weight:bold;}
.link2{ font-size:1.083em; display:inline-block; margin-top:12px; color:#d8cda7; font-weight:bold;}
.link3{ font-size: 100%; color:#f8bc18; font-weight:bold;}

.list{ color:#f8bc18;}
.list li{ line-height:1.75em; font-weight:bold;}
.list a{ color:#f8bc18; margin-left:3px;}

table{ width:100%; margin-top:15px; border:solid 1px #5a5149; border-collapse:collapse;}
th{ padding:4px 0 5px 0; border:solid 1px #5a5149; border-collapse:collapse;}
td{ padding:1px 0 4px 10px; border:solid 1px #5a5149; border-collapse:collapse;}
th{ text-align:center; font-weight:normal;}
table .column1{ width:110px !important;}
table .column2{ width:315px !important; padding-left:20px}
table .column3{ width:71px !important; text-align:center; padding:1px 0 4px 0;}
table .column4{ width:66px !important; text-align:center; padding:1px 0 4px 0;}

/* ============================= page1 ===========================*/
#page1 .col-2{ margin-left:44px;}
/* ============================= page2 ===========================*/
#page2 .col-2{ margin-left:50px;}
/* ============================= page3 ===========================*/
#page3 .col-2{ margin-left:30px;}
/* ============================= page5 ===========================*/
#page5 .col-2{ margin-left:50px;}

/* ============================= footer ====================== */
#footer .text{ padding:24px 0 0 5px;}
#footer a{ font-weight:bold;}

/* ============================= forms ============================= */
#OrderForm{ padding-top:28px;}
#homebutton1 {
	float: left;
	width: 200px;
}

#OrderForm .col-1{ width:290px !important;}
#OrderForm .col-2{ width:290px !important; margin-left:40px !important;}
#OrderForm span{ display:inline-block; width:50px; text-align:right; padding-right:12px;}
#OrderForm label{ display:block; height:24px;}
#OrderForm input{ border:solid 1px #4a4138; background:#201a12; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:2px 0 2px 3px; width:218px;}
#OrderForm .link1{ margin:15px 0 0 25px;}

#ContactForm{ padding-top:28px;}
#ContactForm .col-1{ width:355px !important;}
#ContactForm .col-2{ width:260px !important; margin-left:0px !important;}
#ContactForm span{ display:inline-block; width:100px; padding-right:12px;}
#ContactForm .msg{ width:55px;}
#ContactForm label{ display:block; height:24px;}
#ContactForm input{ border:solid 1px #4a4138; background:#201a12; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:2px 0 2px 3px; width:200px;}
#ContactForm textarea{ border:solid 1px #4a4138; background:#201a12; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:2px 0 2px 3px; width:187px; overflow:hidden; height:62px; vertical-align:top;}
#ContactForm .link1{ margin:15px 0 0 25px; display:inline;}

h4 {
	font-size:1.6em;
	line-height:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#CCC;
	letter-spacing:-1px;
	padding-bottom:13px;
}
h5 {
	font-size:1.0em;
	line-height:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#d3d1d0;
	letter-spacing:-1px;
	padding-bottom:13px;
}

h6 {
	font-size: 1.3em;
}

.padding5 {
	padding-right: 1
.em;
	margin-left: 1.3em;
	padding-top: 10px;
}
.news {
	padding-top: 2em;
}
.homeright {
	float: right;
	width: 160px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-left: 20px;
}
.headerimage {
	padding-bottom: 10px;
}
.logo_trans {
}
.padding6 {
	padding-right: 20px;
}
.link4 {
	font-size:1.083em;
	color:#f8bc18;
	font-weight:bold;
	text-decoration: none;
}
.smallnews {
	font-size: 0.8em;
}
.no-unline {
	text-decoration: none;
}

/* styling of the container. */ 
a.myPlayer {
	display:block;
	width: 280px;
	height:205px;
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #000;
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover {
	border:1px solid #999;
}
.performance {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;
}
.media {
	height: 525px;
}
ul.list-tick {
	margin: 10px;
}
ul.list-tick li {
	margin: 0;
	list-style: none;
	background-image: url(images/pushpin-graphic.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0 2px 16px;
}

/* ============================= overlay ============================= */

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	*/
	height:360px;

	*/
	width:400px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(../images/overlay/transparent.png);		
		color:#fff;
		margin-left:auto;
		margin-right:auto;
	}


/* ============================= Button ============================= */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }