/*=== Setup ===*/

*{

	border: 0;

	margin: 0;

	padding: 0

}

body{

	-moz-background-clip:border;

	-moz-background-inline-policy:continuous;

	-moz-background-origin:padding;

	background: url(../images/bgr.gif) #f6f6f6 repeat-y center;

	color: #4a535a;

	font: .75em Arial,Verdana,Helvetica,Sans-Serif

}

a{

	color: #2a5168;

	text-decoration: underline

}

a:hover{

	text-decoration: none

}

input,select,textarea{

	border: #d8d8d8 1px solid;

	font-size: 11px;

	padding: 6px 4px

}

li{

	list-style: none

}

h2{

	font-size: 1.8em;

	font-weight: normal;

	margin: 0 0 .5em;

	text-transform: uppercase

}

h3{

	font: bold 1.75em "Arial Narrow", Arial, Helvetica, sans-serif;

	margin: 0 0 .5em;

	text-transform: uppercase

}

h4{

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 1em;

	text-transform: uppercase

}

h5{

	color: #74777a;

	font-size: 1em;

	font-weight: normal;

	text-transform: uppercase

}

p{

	line-height: 1.3em;

	padding: 0 0 1.3em

}

/*=== Layout ===*/

#page{

	margin: 0 auto;

	width: 981px

}

/*=== Header ===*/

#header{

	background: url(../images/header-bgr.gif) repeat-x top;

	height: 98px

}

#header .content{

	color: #b4c8d5;

	float: right;

	font-size: 10px;

	padding: 9px 15px 0 0;

	width: 435px

}

#header .content a{

	color: #ffffff;

	text-decoration: none

}

#header .content strong{

	color: #ffffff;

	font-size: 11px

}

/*- Logo -*/

#header h1{

	background: url(../images/logo.gif) no-repeat;

	float: left;

	text-indent: -9999px;

	width: 360px

}

#header h1 a{

	display: block;

	height: 98px;

	text-decoration: none

}

/*=== Navigation ===*/

/*- Nav1 -*/

#nav1{

	background: #cbb676;

	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	height: 40px;

	padding: 0 0 0 10px;



	text-transform: uppercase

}

#nav1 li{

	background: url(../images/nav1-sep.gif) no-repeat right;

	float: left;

	line-height: 34px;

	padding: 0 11px

}

#nav1 li.last{

	background: none

}

#nav1 li a{

	color: #113449;

	display: block;

	float: left;

	text-decoration: none

}

#nav1 li a:hover,

#nav1 li.active a{

	color: #ffffff

}

/*- Nav2 -*/

.nav2{

	border: 1px solid #d8d8d8;

	font-size: 13px;

	margin: 0 0 11px

}

.nav2 li{

	margin: 0 0 1px

}

.nav2 li a{

	background: #f0eeee;

	color: #2c556d;

	display: block;

	height: 30px;

	line-height: 30px;

	padding: 0 0 0 25px;

	text-decoration: none

}

.nav2 li a:hover,

.nav2 li.active a{

	background: url(../images/nav2-hover.gif) no-repeat top;

	color: #ffffff;

	text-decoration: none

}

/*- Nav2 Sub -*/

.nav2 li.active li a{

	background: url(../images/nav2-sub.gif) #f0eeee no-repeat 214px 11px;

	color: #113449;

	padding: 0 0 0 50px

}

.nav2 li.active li a:hover,

.nav2 li.active li.active a{

	background: url(../images/nav2-sub.gif) #e3e2e2 no-repeat 214px 11px

}

/*=== Headlines ===*/

.headline img{

	border: 1px solid #d8d8d8;

	display: block;

	margin: 0 0 11px

}

.headline h2{

	margin: -47px 0 0 460px;

	position: absolute;

	left: 227px;

	width: 322px;

}

.headline2{

	background: url(../images/h-bgr.gif) repeat-x top;

	height: 25px;

	padding: 0 0 0 15px

}

.headline2 h4{

	color: #ffffff;

	font-size: 14px;

	line-height: 25px

}

/*- Special Offers -*/

#header .content .special1{

	border-right: 1px solid #7e97a6;

	float: left;

	padding: 0 10px 0 0;

	width: 195px

}

#header .content .special2{

	float: right;

	width: 195px

}



/*=== All Columns ===*/

#columns{

	height: 1%;

	margin: 10px 0 0

}

.col1{

	float: left;

	width: 739px

}

.col2{

	float: right;

	width: 232px

}

.col3{

	float: left;

	width: 746px

}

.col4{

	float: right;

	width: 224px

}

.col5{

	float: left;

	width: 232px

}

.col6{

	float: right;

	width: 732px

}

/*- Subcolumns -*/

.subcol1{

	float: left;

	width: 365px

}

.subcol2{

	background: url(../images/vl-sep.gif) repeat-y right;

	float: left;

	padding: 0 40px 0 0;

	width: 340px

}

.subcol3{

	float: right;

	padding: 22px 0 0;

	width: 275px

}

.subcol4{

	float: left;

	padding: 0 10px 0 0;

	width: 690px

}

.subcol5{

	margin: 0 auto;

	width: 340px

}

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box{

	background: url(../images/box-bgr.gif) repeat-x top;

	border: 1px solid #d8d8d8;

	height: 1%;

	margin: 0 0 11px;

	padding: 13px 23px

}

.box.grad1{

	background: url(../images/grad1.gif) repeat-x top

}

/*- Box2 -*/

.box2{

	background: #f3f2f2;

	border: 1px solid #d8d8d8;

	height: 1%;

	margin: 0 0 11px

}

.box2 h5{

	color: #4a535a;

	font-size: 15px;

	margin: 0 0 .5em;

	text-transform: none

}

.box2 p{

	font-style: italic;

	line-height: normal;

	padding: 0

}

/*- Wrapper -*/

.wrap{

	border-bottom: 1px solid #d8d8d8;

	font-size: 12px;

	height: 1%;

	padding: 13px 45px 7px 15px

}

.wrap.row{

	background: #ffffff

}

.wrap .content{

	float: left;

	width: 425px

}

.wrap .contentb{

	float: left;

	width: 560px

}

/*=== Styling Lists ===*/

/*- List1 -*/

.list1{

	margin: 0 0 1em;

	padding: 0 25px

}

.list1 li{

	background: url(../images/ico-list.gif) no-repeat 0 6px;

	margin: 0 0 .3em;

	padding: 0 0 0 8px

}

.list1 li a{

	color: #4a535a;

	text-decoration: none

}

.list1 li a:hover{

	color: #000000

}

/*- News List -*/

.whatsnew li{

	background: url(../images/vl-sep.gif) repeat-y right;

	display: table-cell;

	display: block;

	float: left;

	font-size: .9em;

	height: auto !important;

	height: 80px;

	min-height: 80px;

	padding: 0 20px;

	width: 137px

}

.whatsnew li.first{

	padding-left: 0

}

.whatsnew li.last{

	background: none

}

.whatsnew p{

	line-height: normal;

	padding: 0

}

/*=== Styling Forms ===*/

input.btn{

	background: none;

	border: 0;

	margin: 0;

	padding: 0

}

select{

	padding: 1px

}

/*- Form1 Setup -*/

.form1{

	font-size: 11px

}

.form1 div{

	margin: 0 0 9px

}

.form1 label{

	display: block;

	font-size: 12px;

	margin: 0 0 3px

}

.form1 input{

	width: 235px

}

/* Form1 Buttons */

.form1 .submit{

	margin: 5px 0 0;

	padding: 0 30px 0 0

}

.form1 input.btn{

	width: auto

}

/* Form1 Checkboxes, Radio inputs */

.form1 .chk input{

	background: none;

	border: 0;

	float: left;

	height: 15px;

	margin: 0 5px 0 0;

	padding: 0;

	width: 15px

}

.form1 .chk label{

	float: none

}

/* Form1 Textarea */

.form1 textarea{

	height: 50px;

	overflow: auto;

	width: 170px

}

/* Form1 Select */

.form1 select{

	width: 105px

}

/*=== Link Buttons ===*/

.btn-click{

	font-size: .9em;

	width: 110px

}

.btn-click.smlr{

	font-size: .85em;

	width: 75px

}

.btn-click a{

	color: #2c495b;

	text-decoration: none

}

.btn-click a:hover{

	color: #000000

}

.btn-play{

	float: right

}

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img{

	border: 0px solid #d9d9d9;

	display: block;

	margin: 0 0 .5em

}

.pic.fl img{

	margin-right: 6px

}

.pic.fr img{

	margin-left: 10px

}

.pic2 img{

	margin: 0 0 1em

}

.pic2.fl2 img{

	margin: 0 7px 0 0;

	width: 90px;

	float:left; 

}

.arr{

	float: right;

	padding: 10px 0 0

}

.th-video{

	border: 3px solid #d8d8d8;

	float: left;

	height: 75px;

	margin: 0 35px 10px 0;

	width: 100px

}

/*=== Footer ===*/

#footer{

	background: #9a9fa4;

	border-bottom: 3px solid #656c73;

	border-top: 3px solid #656c73;

	color: #fefefe;

	font-size: 12px;

	height: 48px;

	padding: 0 15px

}

#footer a{

	color: #fefefe

}

#footer .c1{

	float: left;

	padding: 9px 0 0;

	width: 535px

}

#footer .c2{

	float: right;

	padding: 15px 0 0;

	width: 375px

}

/*=== Misc. ===*/

.fix{

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden

}

.hl{

	background: url(../images/hl-sep.gif) repeat-x top;

	clear: both;

	height: 2px;

	margin: 20px 0;

	overflow: hidden;

	width: 100%

}

.fl{

	float: left

}

.fr{

	float: right

}

.ac{

	text-align: center

}

.ar{

	text-align: right

}