/* FITWD MAIN CSS FILE - By TNV - OCT 2009*/

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/bg_puzzle.jpg); background-position:center; background-repeat:no-repeat; 
	background-color: #fff;
	font: normal 91% "Tahoma", "Lucida Grande", Verdana, Georgia, Sans-Serif;
	text-align:center;
	width:100%;
	line-height:1.2;
	color:#161616;
}


/* Links */
a:link { color: #335577; text-decoration: none; outline: none; }

a:visited { color: #557799; text-decoration: none; }

a:hover, a:active {
color:#333333;
}

a.blacklink:link {
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.blacklink:visited {
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.blacklink:active {
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.blacklink:hover {
font-weight:bold;
color:#454545;
text-decoration:none;
}

/* Html Elements */
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin:2px 0; padding: 0; line-height:1.2; }

h1 { font-size: 32px; }

h2 { font-size: 26px; margin:0px 0px 12px 0px; }

h3 { font-size: 20px; }

h4 { font-size: 20px; }

h5 { font-size: 90%; }

h6 { font-size: 13px; text-transform: uppercase; margin: 5px 0; font-weight: bold; }

ul { line-height: 1.8em; list-style-type: square; color: #333333; }

ol { line-height: 1.8em; color: #333333; }

blockquote
{
	color: #555555;
	background-color: #eeeeee;
	border: 1px solid #cfcfcf;
	padding: 5px 10px; 
	margin: 10px 20px;
}

code { font-family: Consolas, Verdana, Arial, "Courier New"; }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

em { font-style: italic; }

strong { font-weight: bold; }

del { text-decoration: line-through; color: #555555; font-size: 11px; }

ins {
	text-decoration: none;
	color: #679b3c;
	font-weight: bold;
}

p em, 
cite
{
	font-family: Consolas, Verdana, Serif;
}

/* Structure */

#container {
	background-position:10px -65px;
	background-repeat:repeat-x;
	float:left;
	margin:0 auto;
	text-align:center;
	width:100%;
}

#container_ii {
	width: 900px;
	margin: 0 auto;
	background-position:center right;
	text-align:left;
}

#header
{
	padding: 0;
	background-repeat: no-repeat;
	background-position: 350px 0px;
	padding-top: 15px;
	float: left;
	clear: both;
	width: 900px;
}

#header h1 {
color:#000000;
font-size:13px;
font-weight:bold;
letter-spacing:-1px;
line-height:1.2;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header #address {
clear:none;
float:left;
margin:12px 0px 0px 0px;
width:330px;
font-size:25px; 
color:#FFF; 
font-weight:bold;
}

#page {
background-image:url(images/bg_center_left.png);
background-position:-3px -9px;
background-repeat:repeat-y;
float:left;
margin:23px 0 0;
padding:26px 15px 30px 48px;
width:460px;
}

#page_holder {
background-image:url(images/bg_center_top.png);
background-position:15px top;
background-repeat:no-repeat;
float:left;
margin-right:20px;
width:505px;
background-color:#FFFFFF;
height:auto;
}

.bottom_edge {
padding: 1px 1px 100px 0px; 
float: left; width: 710px; 
background-image: url(images/bg_center_bottom.jpg); 
background-repeat: no-repeat; 
background-position: 10px bottom;
}

#page img {
position:relative;
z-index:12;
}

#page p {
margin:3px 0px 6px 0px;
background-image:url(images/line_left.png);
background-position:left center;
background-repeat:repeat-y;
padding-left:16px;
}

#page h3 {
color:#161616;
line-height:1.1;
margin:15px 0 7px;
}

#ajax_content_block {
float:left;
width:710px;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 750px;
	margin: 0px auto;
	text-align:left;
}

#content-wrapper {
	width: 900px;
	float: left;
	text-align: left;
}

/*
li#content {
	float: left;
	padding: 20px 20px 0 20px;
	width: 55%;
}
*/

/* LAYOUT */
.cellRow { clear:both; float:left; }
.leftBlock { float:left; }
.rightBlock { float:right; }
.full { width:100%; }

#left_col {
width:180px;
float:left;
padding: 15px 0px 0px 10px
}

#right_col {
float:left;
font-size:11px;
line-height:1.1;
width:182px;
}

#right_col ul {
background-image:url(images/right_col_block/right_col_bloc_blue_01.jpg);
background-repeat:no-repeat;
padding:63px 0px 0px 0px;
margin:0px;
list-style:none;
}

#right_col ul .content {
list-style:none;
background-image:url(images/right_col_block/right_col_bloc_blue_02.jpg);
background-repeat:repeat-y;
padding:0px 0px 0px 25px;
}

#right_col ul .footer {
list-style:none;
background-image:url(images/right_col_block/right_col_bloc_blue_03.jpg);
background-repeat:repeat-y;
height:77px;
}

#right_col ul li p {
padding:0px;
margin:0px;
}

#footer
{
	clear: both;
	float: left;
	width: 750px;
	margin: 0px 0;
	color: #CCCCCC;
	text-align: center;
	padding: 10px 0px 10px 0px;
	background-color: #333333;
}


/* Header */

#header h1 { margin-bottom: 0; }

#header h1 a { }

#header h1 a:link,
#header h1 a:visited
{
	color: #333333;
}

#header h1 a:hover,
#header h1 a:active
{
	color: #000000;
	background-color: transparent;
}

#header h1 span { visibility: hidden; }


/* Sidebar */


/* Footer */


/* PUZZLE NAV */
.puzzlegation {
margin: 20px 0px; 
position: relative; 
clear: both; 
height: 193px;
}

.piece { position:absolute; }
.piece a { text-decoration:none; border:none; }
.piece img { border:none; }



#footer_block {
background-image:url(images/bg_full_puzzle.png);
background-position:center top;
height:256px;
left:0;
position:absolute;
top:1132px;
width:100%;
z-index:16;
}

#footer_block #puzzle_strip ul {
list-style:none; padding:185px 0px 0px 0px; margin:0px;
}

#footer_block #puzzle_strip ul li {
display:inline;
}

#footer_block #puzzle_strip ul li a:link, #footer_block #puzzle_strip ul li a:visited, #footer_block #puzzle_strip ul li a:active  {
color:#161616;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-1px;
}

#footer_block #puzzle_strip ul li a:hover {
color:#FFFFFF;
}



#banners {
position:absolute;
left:100px;
top:40px;
z-index:18;
}



/* THUMBNAIL BLOWUP */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 460px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb li img {
	width: 90px; height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	background-color:#FFFFFF;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

/* THUMBNAIL BLOWUP */
ul.thumb_vertical {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 460px;
}
ul.thumb_vertical li {
	margin: 0; padding: 5px;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb_vertical li img {
	width: 90px; height: 90px; /* Set the small thumb_verticalnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb_vertical li img.hover {
	background:url(thumb_vertical_bg.png) no-repeat center center;
	background-color:#FFFFFF;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

/* CONTACT PAGE */
#form_wrap {
width:425px;
font-size:14px;
font-family:"Trebuchet MS", Tahoma, Arial;
}

#form_wrap label {
font-size:90%;
line-height:1.1;
font-style:italic;
}

#form_wrap input.info, select.what { 
border:2px solid #AAAAAA;
color:#666666;
font-size:14px;
margin:10px 0 0;
padding:6px;
width:290px;
}

#form_wrap input.request {
margin-right:3px;
}

#form_wrap div {
float:left;
width:100%;
position:relative;
padding:6px 0px;
}

#form_wrap textarea {
width:290px;
height:200px;
padding:6px;
border:2px solid #AAAAAA;
color:#666666;
font-size:14px;
}

a.submit_btn:link, a.submit_btn:active, a.submit_btn:visited {
background-image:url(images/btn_submit.png);
background-position:left;
width:98px;
height:41px;
display:block;
outline:none;
}

a.submit_btn:hover {
background-position:96px center;
}

.site_puz { margin-left:15px; }

#left_col div ul { 
list-style: none;
margin: 0;
padding:0px 0px 0px 20px;
}

#left_col div ul li { line-height:1.1; font-size:14px; margin:4px 0px; }