@charset "UTF-8";
/* CSS Document */

/*
	PROJECT:		WOODLYNINTL.COM WEBSITE REDESIGN
	VERSION:		1.0
	BY:				CYBEROPTIK.NET
	CONTRIBUTORS:	WARREN GREELEY, JASON WITT, RON JOHNSON
*/



/* GLOBAL STYLES */

body {
	margin:0;
	padding:0;
	background:url(../images/horizon.jpg) repeat-x;
}

body,th,td {
	color:#555555;
	font-size:12px;
	line-height:18px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {margin-top:0;}

h1 {margin-top:0;}

h2 {margin-top:0;}

h3 {margin-top:0;}

a {
	text-decoration:none;
	outline:none;
	color:#ff7900;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#333;
}

img, img a {
	border:0;
}



/* TEMPLATE STYLES */

#container {
	margin:0 auto;
	width:1050px;
}

.alignleft {float:left;}

.alignright {float:right;}

.halfpad {padding:0 10px;}

.padlft {padding-left:20px;}

.padrgt {padding-right:20px;}

.padtop {padding-top:20px;}

.red {color:#F00;}

.lgtgray {color:#CCC;}

.gray {color:#999;}



/* HEADER STYLES */

#header {
	float:left;
	width:1050px;
	height:90px;
}

#header h1 {
	float:left;
	margin:0;
	padding:0;
	height:90px;
	width:240px;
}

#header h1 span {display:none;}

#header h1 a {
	float:left;
	width:240px;
	height:90px;
	background:url(../images/logo.jpg) no-repeat;
}



/* NAVIGATION STYLES */

#nav {
	float:left;
	width:1024px;
	height:130px;
	padding:0 13px;
	background:url(../images/nav-bkgr.jpg) no-repeat;
	z-index:100;
	position:relative;
}

#nav ul {
	float:right;
	padding:0;
	padding-left:1px;
	margin:0;
	list-style:none;
	background:url(../images/nav-spacer.jpg) left top no-repeat;
}

#nav li {
	float:left;
	padding:0;
	padding-right:1px;
	margin:0;
	background:url(../images/nav-spacer.jpg) right top no-repeat;
	height:40px;
	position:relative;
}

#nav a {
	float:left;
	color:white;
	font-weight:bold;
	font-size:13px;
	line-height:32px;
	height:34px;
	width:106px;
	text-align:center;
	position:relative;
	z-index:100;
}

#nav a:hover {
	background:url(../images/nav-current.jpg) repeat-x;
}

#nav a:active {
	background:url(../images/nav-current.jpg) left -34px repeat-x;
}

#nav li.current a {
	background:url(../images/nav-current.jpg) left -68px repeat-x;
}

#nav ul li .drop {
	display: none;
	z-index:100;
}

#nav .drop {
	float:left;
	width:146px;
	background:url(../images/dropdown.jpg) repeat-x;
	border:1px solid #996D30;
	z-index:100;
	color:white;
}

#nav .drop ul {
	float:left;
	padding:3px 0 0 0;
	margin:0;
	background:none;
	z-index:100;
}

#nav .drop li {
	padding:0;
	margin:0;
	font-size:11px;
	line-height:16px;
	background:none;
	height:17px;
	float:none;
	border-bottom:1px solid #eee;
	position:relative;
}

#nav .drop li a {
	float:left;
	display:block;
	width:126px;
	height:16px;
	padding:0 10px;
	margin:0;
	font-weight:normal;
	text-align:left;
	font-size:11px;
	line-height:16px;
}

#nav li.current .drop a {
	background:none;
}

#nav li.current .drop a:hover {
	background:url(../images/nav-current.jpg) repeat-x;
}

#nav li.current .drop a:active {
	background:url(../images/nav-active.jpg) repeat-x;
}

#nav ul li:hover .drop {
	display:block;
	position:absolute;
	top:33px;
	left:0;
	z-index:100;
}

#nav .drop ul li ul {
	display:none;
}

#nav .drop ul li:hover ul {
	display:block;
	position:absolute;
	top:-3px;
	left:146px;
	background:#666;
	z-index:1000;
}



/* CONTENT STYLES */

#content {
	float:left;
	width:1024px;
	margin:0 13px;
	background:url(../images/content-bkgr.jpg);
	z-index:10;
}

#content-top {
	float:left;
	width:1024px;
	background:url(../images/content-horizon.jpg) repeat-x;
	min-height:267px;
}

#content-btm {
	float:left;
	width:1024px;
	min-height:17px;
	background:url(../images/content-btm.jpg) left bottom no-repeat;
}

ul.modules {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

ul.modules li {
	float:left;
	padding:0 0 10px 7px;
	margin:0;
	width:332px;
}

ul.modules li p {
	padding:0 10px;
}



/* HOMEPAGE STYLES */

#flash {
	float:left;
	width:1024px;
	height:295px;
	margin:0 13px;
	padding-bottom:2px;
	z-index:10;
}

#flash object {z-index:0;}

#news {
	float:left;
	width:1024px;
	height:26px;
	margin:0 13px;
	padding-bottom:2px;
	background:url(../images/news-bar.jpg) repeat-x;
	line-height:24px;
	color:white;
}

#news h4 {
	float:left;
	margin:0;
	padding:0 10px 0 20px;
	line-height:24px;
	color:#222222;
	font-size:12px;
	font-weight:bold;
}

#news a {
	color:#FC3;
	font-size:11px;
	padding-left:10px;
}

#news a:hover {text-decoration:underline;}



/* PRODUCT LANDING STYLES */

h2.title {
	float:left;
	height:26px;
	width:984px;
	font-size:16px;
	color:#948574;
	line-height:22px;
	font-weight:normal;
	margin:0;
	margin-left:20px;
	padding:0;
	padding-top:10px;
	background:url(../images/horizon-line.jpg) 170px 21px no-repeat;
}

ul.products {
	float:left;
	padding:0 0 0 15px;
	margin:0;
	list-style:none;
}

ul.products li {
	float:left;
	width:117px;
	height:160px;
	padding:0 3px;
	margin:0;
	text-align:center;
	font-weight:bold;
}

ul.products a {
	text-decoration:none;
	outline:none;
	color:#333;
	font-weight:bold;
}

ul.products a:hover {
	text-decoration:none;
	color:#ff7900;
}

/* PAGE STYLES */

#page {
	float:left;
	width:1024px;
	background:url(../images/page-mid.jpg) repeat-y;
}

#page-top {
	float:left;
	width:1024px;
	background:url(../images/page-top.jpg) no-repeat;
	padding-top:10px;
}

#page-bottom {
	float:left;
	width:1024px;
	height:14px;
	background:url(../images/page-btm.jpg) no-repeat;
}

#page2 {
	float:left;
	width:1024px;
	background:url(../images/page-mid2.jpg) repeat-y;
}

#page-top2 {
	float:left;
	width:1024px;
	background:url(../images/page-top3.jpg) no-repeat;
	padding-top:10px;
}

#page-bottom2 {
	float:left;
	width:1024px;
	height:14px;
	background:url(../images/page-btm3.jpg) no-repeat;
}

#page-sidebar {
	float:left;
	width:200px;
	padding:10px 0 0 14px;
}

#page-sidebar h2 {
	font-size:12px;
	color:#505050;
	margin:0;
	padding-left:18px;
	letter-spacing:0.1em;
}

#page-sidebar h4 {
	color:#8a7a67;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	margin-top:0;
	padding-left:18px;
	letter-spacing:1px;
	padding-top:10px;
}

#page-sidebar ul {
	padding:6px 0 16px 0;
	margin:0;
	list-style:none;
}

#page-sidebar li {
	padding:0;
	margin:0;
}

#page-sidebar li a {
	font-weight:normal;
	display:block;
	padding-left:26px;
	line-height:22px;
	letter-spacing:1px;
}

#page-sidebar img {
	padding:4px 0 0 19px;
}

#page-content {
	float:left;
	width:760px;
	padding:10px 0 20px 35px;
}

#page-content.page2 {
	padding-left:140px;
}

#page-content h3 {
	font-size:14px;
	color:#948574;
	line-height:18px;
	font-weight:normal;
	padding:0;
}

#page-content h3.small {
	width:345px;
	background:url(../images/horizon-line.jpg) 65px center no-repeat;
	height:22px;
}

#page-content h2 {
	font-weight:normal;
	font-size:15px;
	line-height:19px;
	color:#948574;
}

#page-content h2.red {color:#F00;}

#page-content p {
	padding-right:20px;
}

#specs {
	float:left;
	width:740px;
	background:url(../images/horizon-line.jpg) 100px 10px no-repeat;
}

#page h1 {
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#232323;
	letter-spacing:1px;
	padding-top:10px;
}

#page2 h1 {
	font-weight:normal;
	font-size:22px;
	line-height:28px;
	color:#232323;
	letter-spacing:2px;
}

#page h1 span {
	color:#f68313;
}

#page2 h1 span {
	color:#f68313;
}

a.orange-button {
	float:left;
	width:133px;
	height:26px;
	background:url(../images/orange-button.png) no-repeat;
	text-align:center;
	line-height:25px;
	color:white;
	font-weight:bold;
	font-size:11px;
	padding-top:1px;
}

a.orange-button:active {
	background:url(../images/orange-button.png) center bottom no-repeat;
}



/* ABOUT STYLES */

#page-sidebar ul.large {
	font-size:14px;
	line-height:26px;
	margin:0;
}

#page-sidebar ul.large a {
	border-bottom:1px solid white;
	background:url(../images/sidebar-horizon.jpg) repeat-x;
}

#about {
	padding:0 50px 0 30px;
}

#about img {
	padding:3px;
	border:1px solid silver;
}

.article {
	position:relative;
	min-height:155px;
	border-bottom:1px solid silver;
	margin-bottom:20px;
}

img.left {
	float:left;
	margin:0 10px 10px 0;
}

img.right {
	float:right;
	margin:0 0 10px 10px;
}

#about h3 {
	font-size:14px;
	color:#948574;
	line-height:18px;
	font-weight:normal;
	padding:0;
	background:url(../images/horizon-line2.jpg) right 10px no-repeat;
}

#about h3.press {
	background:url(../images/horizon-line2.jpg) 150px 10px no-repeat;
}

#about h3 span {
	background:white;
	padding-right:10px;
}

/* CONTACT STYLES */

#contact-info {
	float:left;
	width:228px;
	padding-left:15px;
	padding-top:10px;
	margin-top:20px;
	border:1px solid silver;
}

#form {
	float:left;
	width:380px;
	padding-left:20px;
	padding-right:40px;
	padding-top:20px;
}

#form ul {
	padding:0;
	margin:0;
	list-style:none;
}

#form li {
	padding:0;
	padding-bottom:2px;
	margin:0;
}

#form label {
	float:left;
	width:100px;
	font-weight:bold;
}

#equote {
	float:left;
	width:700px;
	padding-left:20px;
	padding-top:20px;
}

#equote ul {
	padding:0;
	margin:0;
	list-style:none;
}

#equote li {
	padding:0;
	padding-bottom:2px;
	margin:0;
}

#equote label {
	float:left;
}



/* FOOTER STYLES */

#footer {
	float:left;
	width:1020px;
	padding:10px 2px 12px 2px;
	margin:0 13px;
	font-size:11px;
	line-height:30px;
	color:#3d352b;
	font-weight:bold;
}


/* VIDEO STYLE */

#video-thumb {
	position:relative;
	width:300px;
	height:130px;
	padding-top:5px;
	margin-bottom:16px;
}

#video-thumb h4 {
	font-size:16px;
	margin:0;
}

#video-thumb img {
	border:0;
	padding:0;
}

.video-thumbnail {
	position:absolute;
	top:5px;
	left:0;
	width:150px;
	height:115px;
	padding:5px 10px 10px 10px;
}

.video-mask {
	position:absolute;
	top:5px;
	left:0;
	width:170px;
	height:130px;
	background:url(../images/vid-thumb.png) no-repeat;
}

.video-mask a {
	width:170px;
	height:130px;
	float:left;
}

.video-title {
	position:absolute;
	bottom:12px;
	left:180px;
}