@charset "utf-8";

html,body { height: 100%;}
img {border: 0;}

/* PADDING STYLE */

* {padding:0; margin:0;}

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

/* BASE STYLE */

body {font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: url(images/bg.gif) repeat-x #002125; color:#fff; padding: 0; margin: 0;}


/* BASE LINKS */
a {outline: none;}
a:link {color: #fcff00; text-decoration: underline;}
a:visited {text-decoration: underline;  color: #fcff00;}
a:hover {color: #00c0da; text-decoration: underline;}
a:active {color: #fff; text-decoration: none;}



/* GLOBAL */

div#container {
	position:relative; /* needed for footer positioning*/
	background: url(images/bg_container.gif) repeat-x #00181b;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 20px;
	padding: 0 32px;
	min-width: 670px;
	border-right: solid 1px #00252a;
	border-left: solid 1px #00252a;
}

div#content {height:100%; min-height:100%; background: url(images/bg_content.gif) repeat-x #000c0e;}
div#content-left {height:100%; min-height:100%; background: url(images/bg_content_left.jpg) no-repeat;}
div#content-right {height:100%; min-height:100%; background: url(images/bg_content_right.gif) no-repeat right top;}

/* HEADER */

h1#logo {height: 184px; text-indent: -9999px;}
h1#logo a {display: block; height: 120px; width: 400px; margin-left: 25px; text-decoration:none;}

div#header h2#subtitle {position: absolute; top: 44px; right: 80px; background: url(images/slogan.gif) no-repeat; width: 182px; height: 17px; text-indent: -9999px;}
html>body div#header h2#subtitle {background: url(images/slogan.png) no-repeat;}
div#header h3#signup {position: absolute; top: 65px; right: 83px; font-size: 1.1em;}

div#header h3#titlepage {position: absolute; top: 150px; left: 80px; color: #16929b; font-size: 1.6em;}
div#header form {position: absolute; top: 145px; right: 83px;}
div#header form select { font-size: 1.3em; }


/* CONTENT */
ul#thumbs {padding: 0 50px 10px 40px;}
ul#thumbs a { color: #fff; text-decoration: none; }
ul#thumbs a:hover { color: #fcff00; }

/* a.thumblink {float: left;border: 1px solid #eee; }
a.thumblink:hover { border: 1px solid #c00; } */

html>body ul#thumbs {padding: 0 50px 10px 50px;}

ul#thumbs li { float: left; width: 132px; height: 108px; margin: 10px 10px 10px 0;}
ul#thumbs li a { display: block; background: url(images/bg_thumb.gif) no-repeat; padding: 4px;}
ul#thumbs li a:hover {  background: url(images/bg_thumb_over.gif) no-repeat; }

ul#thumbs li.hd { float: left; width: 132px; height: 108px; margin: 10px 10px 10px 0;}
ul#thumbs li.hd a { display: block; background: url(images/bg_thumb_hd.gif) no-repeat; padding: 4px;}
ul#thumbs li.hd a:hover {  background: url(images/bg_thumb_hd_over.gif) no-repeat; }


ul#thumbs li img { border: solid 1px #02282c; background: #000;padding: 1px;}

.modelsname { padding: 0 5px; text-transform:uppercase; font-size: 0.8em; font-weight: bold;}
.modelsname-hd { background: url(images/hd.gif) no-repeat right; padding-right: 20px; }

/* FOOTER */

div#footer { text-align: center; padding: 50px 55px; clear: both; height: 200px;}
div#footer h2 {font-size: 3em; line-height: 1.2em; text-transform:uppercase;}
div#footer h3 { font-size: 1.8em; line-height: 1em; text-transform:uppercase;}

div#footer p#copyright {color: #205d64; padding: 20px 0 0 0;}
div#footer ul#menu {padding: 10px 0;}
div#footer ul li { display: inline; border-right: solid 1px #205d64; padding: 0 0.5em;}
div#footer ul li.first { padding-left: 0; }
div#footer ul li.last { border-right: none; }
div#footer ul#pages {padding: 10px 0; font-size: 1.2em;}

a.footlink {outline: none; color:#205d64;}
a.footlink:link {color:#205d64; text-decoration: underline;}
a.footlink:visited {text-decoration: underline;  color:#205d64;}
a.footlink:hover {color: #00c0da; text-decoration: underline;}
a.footlink:active {color:#205d64; text-decoration: none;}