/*
name         : style.css
author       : http://www.eastcoastinteractive.co.uk
created      : 24/07/2008
last updated : 30/07/2008
purpose		 : layout and styling for flashonlinedesigners.com
*/

/*general styles*/
*
{
	padding:0;
	margin:0;
}

body
{
	background:#6d0019 url('../img/pageBG.jpg') top left repeat-x;
	padding:0;
}

#base
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url('../img/fancy.jpg') center top no-repeat;
	text-align:center;
}

body
{
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

p{font-size:1.6em;}

p.larger{font-size:1.8em; margin-top:9px; line-height:1.6em;}
p.smaller{font-size:1.2em; line-height:1.6em; clear:both;}

a, a:visited
{
	color:#f7ab09;
	text-decoration:none;
	font-weight:bold;
}

a:hover{color:#fff; text-decoration:underline;}

a#homeLink
{
	position:absolute;
	top:24px;
	left:18px;
	width:380px;
	height:38px;
}

h1{font-size:2.0em;}

h2{font-size:1.8em;}

h3{font-size:1.8em; font-weight:bold;}

h4{font-size:1.8em; margin:18px 0 9px 0; display:block;}

strong{font-weight:bold;}

/* buttons */
ul#buttonRange{list-style-type:none; margin:0;}
ul#buttonRange li{float:left; margin:18px 36px 18px 0;}
ul#buttonRange li a{display:block;}
a.buttonArrowRM, a.buttonArrowWM
{
	display:block;
	line-height:23px;
	padding:0 0 0 28px;
	font-size:11px;
	background:transparent;
}

a.buttonArrowRM{background:url('../img/ui/arrowRightRM.png') left center no-repeat;}
a.buttonArrowWM{background:url('../img/ui/arrowRightWM.png') left center no-repeat;}

/*layout of elements*/
#holdem
{
	position:relative;
	width:900px;
	border:0px solid #fff;
	background:transparent;
	margin:0 auto;
	padding:18px;
	text-align:left;
}

#header
{
	position:relative;
	width:100%;
	height:100px;
	margin-bottom:2px;
}

#header h1, #header p.tagline{display:none;}

/* horizontal menu */
ul#menu
{
	list-style-type:none;
	margin:0;
}

ul#menu li
{
	float:right;
	margin:22px 1.4em 0 0;
}

ul#menu li a
{
	display:block;
	font-size:1.8em;
	line-height:2.2em;
	padding:0 0.3em;
	border:1px solid transparent;
}

ul#menu li a:hover
{
	color:#fff;
	background:#000;
	border:1px solid #f7ab09;
	text-decoration:none;
}

ul#menu li a.active
{
	color:#fff;
	background:#000;
	border:1px solid #fff;
}

#guide
{
	position:relative;
	height:180px;
	width:820px;
	margin:30px 36px 18px 45px;
}

#content
{
	margin:30px 18px 18px 18px;
	padding:18px;
	border:2px solid #000;
	background:#fff;
	color:#000;
}

#content ul
{
	list-style-type:square;
	margin:18px 0;
	list-style-image:url('../img/ui/listIconYes.png');
}

#content ul li
{
	margin:0 18px 9px 36px;
	font-size:1.4em;
}

#onlineDesigner
{
	border:4px solid #6d0019;
	background:#222;
	text-align:center;
	padding-bottom:18px;
	margin-bottom:36px;
}

#showcase, #continuation
{
	position:relative;
	margin-left:18px;
	margin-top:36px;
}

#description
{
	border:1px dotted #666;
	border-width:1px 0;
	padding:18px;
	margin-top:3px;
}
/* this is temp */
#soon{display:block; width:820px; height:300px; border:1px solid red;}
/* end temp div */
#description p, #continuation p
{
	font-size:1.2em;
	margin-bottom:1.8em;
	text-align:justify;
}

#footer
{
	position:relative;
	border-top:1px dotted #fff;
	clear:both;
	margin:36px 18px 54px 18px;
	padding:18px 0;
	background:transparent;
}

#footer p{font-size:1em;}

p.right
{
	float:right;
	margin-top:-18px;
}

/* forms */
form
{
	font-size:1.3em;
}

form legend
{
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
	position:relative;
	top:18px;
}

form fieldset
{
	background:transparent;
}

form fieldset div
{
	list-style:none;
	padding:9px 18px 0 18px;
	margin:0;
	position:relative;
}

form input, form select, form textarea
{
	font-size:1.1em;
	display:block;
	width:300px;
	border:2px solid #6d0019;
	color:#000;
	padding:2px;
}

form label.left
{
	display:block;
	margin-bottom:5px;
}

form select{margin-bottom:5px;}
form textarea{margin-bottom:18px;}
form input.submit{margin-bottom:18px;}
form input.submit
{
	background:#000;
	color:#f7ab09;
	font-weight:bold;
	margin-bottom:18px;
	cursor:pointer;
}

form input.submit:hover
{
	background:#6d0019;
	color:#fff;
	cursor:pointer;
}

div.error{display:none;}

form label.error
{
	margin:8px 0 0 1px;
	padding:2px 4px 4px 4px;
	width:auto;
	display:inline;
	border:1px solid #f7ab09;
	background:#f7ab09;
	color:#000;
}

span.reqd
{
	position:absolute;
	top:22px;
	left:336px;
	font-size:2.4em;
	color:#6d0019;
	padding-top:4px;
}

/* product list layout */
.productListIcon{float:left; display:block; margin:18px;}
.productListText
{
	display:block;
	margin:18px 0 9px 168px;
}
.productListText p{font-size:1.4em;margin-bottom:9px;}
.productListText a{}
.productListText a:hover, #continuation a:hover{color:#6d0019;}

.clear{clear:both;}

/* sifr */
/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced{visibility:visible !important;}

span.sIFR-alternate
{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display:none !important;}

/* "decoy" styles hide the browser text before it is replaced...the negative-letter spacing in this 
case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text 
in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2
{
	visibility:hidden;
	letter-spacing:30px;
	font-size:36px;
	line-height:12px;
}

.sIFR-hasFlash h3
{
	visibility:hidden;
	letter-spacing:20px;
	font-size:36px;
	line-height:13px;
}

.sIFR-hasFlash h3#info
{
	visibility:hidden;
	letter-spacing:19px;
	font-size:36px;
	line-height:12px;
}