/* globals */

body {
background: #bebebe url(images/wrap-background.gif) 50% 0 repeat-y;
text-align: center;
margin: 0;
padding: 0;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 150%;
}

body * {margin:0 padding:0}

/* positioning + backgrounds */

#wrap {
width: 702px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
}

#whiteout /* this hides the tiled background columns for the header area */{
position: absolute;
top: 0;
left: 10px;
width: 672px;
height: 210px;
background: #ffffff;
z-index: 1;
}

#header {
position: absolute;
top: 29px;
left: 21px;
width: 455px;
height: 149px;
background: #f586e5 url(images/header-background.jpg) top left no-repeat;
z-index: 2;
}

#flash-area {
position: absolute;
top: 0;
right: 21px;
width: 195px;
height: 178px;
background: #f586e5 url(images/flash-background.gif) top left repeat-x;
z-index: 2;
}

#nav {
position: absolute;
top: 0;
left: 21px;
width: 455px;
height: 18px;
background: #f586e5;
margin: 0;
padding: 0;
z-index: 2;
}

#left-column {
position: absolute;
top: 189px;
left: 21px;
width: 455px;
background: #fff7ca url(images/left-column-background.gif) top left no-repeat;
z-index: 2;
}

/* little flags */
#flags{
position: absolute;
top: 195px;
right: 21px;
width: 135px;
background: #fff7ca;
z-index: 3;
}

#right-column {
position: absolute;
top: 189px;
right: 21px;
width: 195px;
background: #fff7ca;
z-index: 2;
}

/* font stylings */

#right-column * {
text-align: right;
margin: 5px;
}

#right-column h3 {
font-family: "Century Gothic", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.5em;
font-weight: normal;
white-space: nowrap;
}

#left-column * {
text-align: left;
}

#left-column h2 {
margin: 20px;
font-family: "Century Gothic", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 2.2em;
font-weight: normal;
white-space: nowrap;
}

#left-column p {
margin: 20px;
}

#header h1 {
margin: 0;
padding: 0;
font-family: "Century Gothic", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 6em;
font-weight: bold;
white-space: nowrap;
color: white;
text-indent: -5000px;
width: 409px;
height: 109px;
/*background: transparent url(images/logo.gif) 0 0 no-repeat; */
}

#header p {
font-family: "Century Gothic", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 1.5em;
font-weight: normal;
color: white;
float: right;
margin-right: 5px;
}

#nav ul li {
	font-family: "Century Gothic", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: normal;
	white-space: nowrap;
	color: white;
	line-height: 17px;
}

#left-column * a img:hover {
border: none;
}

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

a:hover {
text-decoration: underline;
}

a:active {
color: #FF0099;
}

/* nav menu styling */

#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav * a {
color: white;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

#nav * a:hover {
border-bottom: solid 2px yellow;
}

#nav * a:active {
border-bottom: solid 2px red;
}

/* content area styling bits */

.margintop {
margin-top: 20px;
}

#left-column ul li {
list-style: none;
padding-left: 20px;
margin: 0 20px;
line-height: 20px;
background: transparent url(images/bullet.gif) 0 4px no-repeat;
}

#left-column p {
clear: left;
}

#gmfree {
padding: 0;
margin: 0 20px;
}

#left-column #gmfree li {
margin: 0 20px;
line-height: 20px;
background: transparent url(images/bullet.gif) 0 4px no-repeat;
}

#right-column ul li {
list-style: none;
line-height: 20px;
padding: 0;
margin: 0;
}

#fide-nav {
padding: 0;
margin: 0;
list-style: none;
display: block;
background: transparent;
margin-left: 50px;
}

#left-column #fide-nav li {
margin: 0;
padding: 0;
background: transparent;
float: left;
margin-left: 5px;
margin-bottom: 1em;
}

#left-column #fide-nav li a {
background: #f586ee;
color: white;
display: block;
text-align: center;
width: 105px;
border-bottom: 3px solid #fff7ca;
}

#left-column #fide-nav li a:hover, #left-column #fide-nav li.here {
color: black;
border-bottom: 3px solid white;
text-decoration: none;
}

#left-column #fide-nav li.here a, #left-column #fide-nav li.here a:hover {
color: black;
border: 0;
}

#fide-products-table {
clear: left;
}

.site {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
}