/* LAST UPDATED 02.22.09 */

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	border: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: url('../img/bg.jpg') center top no-repeat; 
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size:12px;
}

a {
	text-decoration: none;
		/* get rid of link outlines in firefox */
		outline-style: none;
}

a img { border: 0; }

.small { font-size: 10px; }

.clr {clear: both}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav {
	float: left;
	display: block;
	width: 100%;
	height: 35px;
}

#nav li, #nav a {
	display: block;
	float:left;
	line-height: 35px;
	height: 35px;
	color: #fff;
}
#nav a {
	padding: 0 7px 0 10px;
	position: relative;
}
#nav a span {
	position: absolute;
	right: -2px;
	top: 0;
	height: 35px;
	width: 2px;
}
#nav a:hover {
	background: url(../img/nav.gif) left top no-repeat;
}
#nav a:hover span {
	background: url(../img/nav.gif) right top no-repeat;
}
#nav a:active {
	background: url(../img/nav.gif) left bottom no-repeat;
}
#nav a:active span {
	background: url(../img/nav.gif) right bottom no-repeat;
}
#nav li {
	padding: 0 5px;
}

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 935px;
	padding: 0 25px 60px 25px;
	position: relative;
}

	.button {
		width: 123px;
		height: 31px;
		line-height: 28px;
		display: block;
		background: url(../img/buttonB.gif) center center no-repeat;
		cursor: pointer;
		color: #fff;
		text-align: center;
	}

	#contact-info {
		height: 32px;
		line-height: 32px;
		text-align: right;
		font-weight: bold;
		font-size: 14px;
	}
		.email, .phone {padding-left: 25px; margin-left: 10px;}
		.email {background: url(../img/contact-info.gif) left 0 no-repeat; color:#333;}		
		.phone {background: url(../img/contact-info.gif) left -15px no-repeat;}
	
	#features {
		clear: both;
		margin-bottom: 25px;
		width: 932px;
		height: 391px;
		position: relative;
		float: left;
	}
	#welcome #features {height:361px}
	#features .button {
		position: absolute;
		bottom: 60px;
		left: 15px;
		z-index: 9;
	}
	#features .box {
		height: 321px;
		padding: 30px 570px 10px 10px;
		width: 352px;
	}
		.box h1 {
			font-size: 28px;
			margin-bottom: 10px;
		}
		.box h1 strong {
			display: block;
			font-size: 18px;
		}
		.box p {
			font-size: 14px;
			line-height: 20px;
			color: #444;
			font-weight: bold;
		}
	#features h3 {
		font-size: 22px;
		line-height: 26px;
		width: 100%;
		text-align: center;
		padding-top: 340px;
	}
	#sem {background: url(../img/welcome/features/seo.jpg) center top no-repeat;}
	#cus {background: url(../img/welcome/features/custom.jpg) center top no-repeat;}
	#yel {background: url(../img/welcome/features/advertising.jpg) center top no-repeat;}
	#features .btm {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 932px;
		height: 15px;
		background: url(../img/welcome/features/btm.jpg) center center no-repeat;
		z-index: 9;
	}
	#control {
		position: absolute;
		bottom: 20px;
		height: 21px;
		width: 63px;
		right: 0;
		z-index: 9 !important;
		background: url(../inc/play-pause.png) center top no-repeat;
		padding-left: 35px;
		line-height: 21px;
	}
	#control.active {
		background: url(../inc/play-pause.png) center -21px no-repeat;
	}
	#control a, #control a:hover, #control a:visited, #controls a:active {
		color: #999;
		text-decoration: none;
	}
	#control a {
		padding: 0 5px;
	}
	#wrapper #control a.activeSlide {
		color: #fff;
	}
	#control a.pause {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 15px;
		height: 21px;
	}

	#main {
		background: #282829;
		padding: 3px 0;
		width: 932px;
		position: relative;
		clear: both;
		color: #fff;
		float:left;
		margin-bottom: 40px;
		text-align: justify
	}
		#main .top {position:absolute;top:-3px;left:0;display:block;width:100%;height:3px;background: url(../img/main.png) left top no-repeat}
		#main .btm {position:absolute;bottom:-3px;left:0;display:block;width:100%;height:3px;background: url(../img/main.png) left bottom no-repeat;}
			
	#footer {
		padding: 1em 5%;
		border-bottom: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		width: 90%;
		clear: both;
		float: left;
	}
		#f-nav {
			display: block;
			width: 600px;
			font-size: 8px;
			line-height: 14px;
			float:left;
			color: #999;
		}

			#f-nav li, #f-nav a {
				float: left;
				display: block;
				text-align: center;
			}
			#f-nav a {
				padding: 0 5px;
				color: #666;
				font-size: 11px;
			}
			#f-nav a:hover {
				color: #000;
			}
		.copyright {
			font-size: 11px;
			float: right;
			color: #666;
		}

/* -----------------------------------------------------------
		IV. WELCOME
----------------------------------------------------------- */

#welcome .main-box {
	float:left;
	padding: 0 10px;
	width: 290px;
}

#welcome .main-box h4 {
	display: block;
	padding: 23px 0 0 50px;
	height: 22px;
	font-size: 16px;
	text-align: right;
}
#welcome .main-box p {
	text-align:justify;
	padding: 5px 0 10px 0;
	color: #e5e5e5;
	}

	#w1 {background: url(../img/welcome/about-h4.jpg) left 0 no-repeat;}
	#w2 {background: url(../img/welcome/about-h4.jpg) left -45px no-repeat;}
	#w3 {background: url(../img/welcome/about-h4.jpg) left -90px no-repeat;}

#welcome .feature-box {
	width:291px;
	float:left;
	text-align: center;
	padding-bottom: 20px;
}
	#welcome .feature-box.middle {
		margin: 0 30px;
	}
	#welcome .feature-box img {
		width: 290px;
		margin-bottom: 10px;
	}
	#welcome .feature-box h4 {
		font-weight: bold;
		margin-bottom:2px
	}
	#welcome .feature-box p {
		padding: 0 8px;
	}
	
/* -----------------------------------------------------------
		V. YELLOW-PAGES
----------------------------------------------------------- */
#yellow .feature-box {
	width:455px;
	float:left;
	padding: 10px 5px;
}
	#yellow .feature-box h4 {
		margin-bottom: 10px;
	}
	#yellow .feature-box p {
		padding-bottom: 15px;
	}
	#yellow .feature-box  img {
		margin: 0 10px 10px 10px;
	}
	
	#yellow .main-box {
		width:425px;
		float: left;
		padding: 0 20px;
	}
	#yellow .main-box p, #yellow .main-box h4 {
		padding-bottom: 10px;
	}
	#yellow #main {
		padding: 20px 0;
	}
	#yellow #features {
		background: url(../img/yellow-pages/main.jpg) center top no-repeat;
	}

/* -----------------------------------------------------------
		VI. WEB-DESIGN
----------------------------------------------------------- */
#web #main {
	padding:20px 0;
}
#web .main-box {
	float:left;
	padding:0 20px;
	width:425px;
}

#web .main-box h4 {
	margin-bottom: 5px;
	font-size: 16px;
}
#web .main-box p {
	padding: 5px 0 10px 0;
	color: #e5e5e5;
	}

	#w1 {background: url(../img/welcome/about-h4.jpg) left 0 no-repeat;}
	#w2 {background: url(../img/welcome/about-h4.jpg) left -45px no-repeat;}
	#w3 {background: url(../img/welcome/about-h4.jpg) left -90px no-repeat;}

#web .feature-box {
	width:291px;
	float:left;
	padding: 10px 0 30px 0;
}
	#web .feature-box.middle {
		margin: 0 30px;
	}
	#web .feature-box img {
		width: 290px;
		margin-bottom: 10px;
	}
	#web .feature-box h4 {
		padding: 0 15px;
		margin-bottom: 5px;
	}
	#web .feature-box p {
		padding: 0 15px;
	}
	
	#web .feature-box a {
		color: #ff0000;
		display: block;
		font-weight: bold;
	}
	#web #features {
		background: url(../img/web-design/main.jpg) center top no-repeat;
	}
#web .jcarousel-container {
	background: url(../img/modal/web.gif) #282829 left bottom repeat-x
}
.jcarousel-control {
	position: absolute;
	left: 50%;
	margin-left: -28px;
	width: 57px;
	z-index: 11;
	bottom: 20px;
}
.jcarousel-control a {
	display: block;
	float: left;
	margin: 0 5px;
	height: 9px;
	width: 9px;
	overflow: hidden;
	text-indent: -999em;
	background:  url(../img/welcome/webby.gif) left -9px no-repeat;
}
.jcarousel-control a.active {
	background:  url(../img/welcome/webby.gif) left top no-repeat;
}
#carousel {
	text-align: justify
}
#carousel p {
	margin-bottom: 10px;
	color: #fff;
}
#carousel .sitetonight p {
	padding: 5px 0;
	margin-bottom:25px;
	line-height:18px;
}
#carousel .sitetonight p, #carousel .sitetonight strong {
	display:block;
	float:left;
	width:480px
}

#carousel strong {
	color:#ff0000;
	font-size:20px;
}
#carousel h3 {
	color:#fff;
	font-weight: bold;
	font-size:24px;
	text-align: center;
	margin-bottom: 20px;
}

img.right {
	margin-left: 10px;
}

img.left, .sitetonight img {
	margin-right: 10px;
}

/* -----------------------------------------------------------
		VII. INTERNET-ADVERTISING
----------------------------------------------------------- */
#internet #features .button {
	right: 0px;
	left: auto;
	bottom: 30px;
}
#vid {
	position: absolute;
	width: 640px;
	height: 380px;
	padding: 25px 20px 20px 20px;
	background: #282829;
	top: 120px;
	left: 50%;
	margin-left: -340px;
	z-index: 11;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	visibility: hidden;
}
#internet .feature-box {
	width:455px;
	float:left;
	padding: 10px 5px;
}
	#internet .feature-box h4 {
		margin-bottom: 10px;
	}
	#internet .feature-box p {
		padding-bottom: 15px;
	}
	#internet .feature-box  img {
		margin: 0 10px 10px 10px;
	}
	
	#internet .main-box {
		width:425px;
		float: left;
		padding: 0 20px;
	}
	#internet .main-box p, #internet .main-box h4 {
		padding-bottom: 10px;
	}
	#internet #main {
		padding: 20px 0;
	}
	#internet #features {
		background: url(../img/internet/main.jpg) center top no-repeat;
	}
#player {
	width:640px;
	height:360px;
}
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:14px;
	border: 1px solid #a6a6a6;
	background: url(../img/track.gif) left center repeat-x;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls div.play, div.controls div.pause { 
	position:absolute;
	left:0;
	top0;
	width: 17px;
	height:14px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(../img/play_pause.gif) center -14px no-repeat;
}

div.controls div.pause { 
	background:url(../img/play_pause.gif) center top no-repeat;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	height:14px;
	left:17px;
	text-align:left;
	cursor:pointer;
	width:622px;
	right:0;
	top:0;
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:14px;
	background:url(../img/playhead.gif) no-repeat;
	cursor:pointer;
	top:0px; 
	width:13px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background: url(../img/buffer.gif) left center repeat-x;
	height:5px;
	margin:4px 5px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:712px;
}

div.controls div.buffer {
	background: url(../img/buffer.gif) left center repeat-x;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

/* -----------------------------------------------------------
		VII. CONTACT US
----------------------------------------------------------- */

#contact #features {
	background: url(../img/contact/main2.jpg) center top no-repeat;
}

#contact #main {
	padding: 30px 0;
	height:320px;
}
	
	#contact fieldset {
		width: 305px;
		float: left;
		padding: 0 80px;
	}
	
    #contact .button, #email .button {
        background: url(../img/contact/submit.gif) center top no-repeat;
        width: 114px;
		height:33px;
    }
    #contact .button:hover, #email .button:hover {
        background: url(../img/contact/submit.gif) center -33px no-repeat;
    }

#contact #main .thanks {
	display:block;
	width:100%;
	line-height:300px;
	text-align: center;
}
/* -----------------------------------------------------------
		VIII. CONTACT US
----------------------------------------------------------- */
#video #main {
	margin-top: 50px;
	padding: 30px 0;
	text-align: center;
}
#contact fieldset span {
	width: 210px;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

h2 { font-size: 22px; }

h3 { font-size: 19px; }

h4 { font-size: 18px; }


/* -----------------------------------------------------------
		VII. FORMS
----------------------------------------------------------- */

		fieldset label {
			color: #ccc;
			font-size: 16px;
			line-height: 2em;
			display: block;
		}
		fieldset input.text {
			margin-bottom: 8px;
			padding: 4px;
			width: 260px;
			border: 2px solid #282829;
			color: #999;
		}
		fieldset textarea {
			margin-bottom: 10px;
			padding: 5px;
			width: 290px;
			height: 13em;
			font-size: 12px;
			color: #999;
			border: 2px solid #282829;
		}
		fieldset input.text:focus, fieldset textarea:focus {
			border: 2px solid #ccc;
			color: #333;
		}
		fieldset .checkbox {
			float: left;
			margin-right: 8px;
			clear: left;
			position: relative;
			top: 3px;
		}
		fieldset span {
			float: left;
			display: block;
			margin-bottom: 10px;
		}

/* -----------------------------------------------------------
		VIII. MODAL
----------------------------------------------------------- */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    color: #333;
}

#welcome .jqmWindow {
	width: 501px;
	color: #ccc;
    margin-left: -250px;	
}
#welcome .jqmWindow h6 {
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}
#welcome .wrap2 .button {
	background: url(../img/contact/submit.gif) center 0 no-repeat;
	width: 114px;
	position: relative;
	left: 18px;
	height:14px;
	padding:9px 0 10px 0;
}
#welcome .wrap2 .button:hover {
	background: url(../img/contact/submit.gif) center -33px no-repeat;
}

.close {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	z-index: 999;
}
.jqmWindow label {
	display: block;
	line-height: 2.5em;
}
.jqmWindow input.text {
	width: 200px;
}
.jqmWindow fieldset {
	padding-top: 30px;
}
.jqmWindow .button {
	position: relative;
	left: 10px;
	top: 5px;
	clear: both;
}
fieldset.left {
	width: 230px;
	float:left;
}
fieldset.right {
	width: 200px;
	float:right;
}
.right span {
	width: 160px;
	line-height: 20px;	
}
.top {
	width: 501px;
	height: 10px;
	position: absolute;
	top: -5px;
	left:0;
	background:url(../img/modal/welcome.png) center top no-repeat;
}
.btm {
	width: 501px;
	height: 10px;
	position: absolute;
	bottom: -5px;
	left:0;
	background:url(../img/modal/welcome-btm.png) center bottom no-repeat;
	clear: both;
}
.jqmOverlay { display: none!important }
.jqmWindow .wrap2 {
	background:#282829;
	position: relative;
	float: left;
	padding: 15px;
	width:  471px;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* -----------------------------------------------------------
		IX. EMAIL FORM
----------------------------------------------------------- */

#wrapper #email {
	width: 472px;
	height: 193px;
	position: absolute;
	right: 11px;
	top: 32px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 11;
	padding-top: 0;
	font-weight: normal;
	background: #282829;
	overflow: hidden
}

#email .close {
	top: 2px !important;
	right: 2px !important;
	font-size: 10px !important;
}

#email label, #email input, #email textarea {
	display: block;
	float:left;
	text-align: left;
	width: 180px;
}

#email fieldset {
	padding: 10px 15px !important;
	width: 205px;
	display: block;
	height: 143px;
}

#email.done fieldset {
	display: none;
}
#email .left { float: left; }

#email textarea { height: 3.2em; }

#email .right { float: left; }

#email input.button {
	margin: 38px 0 0 -8px;
	width: 114px;
	background: url('../img/contact/submit.gif') no-repeat;
	text-align: center;
	float: left;
	overflow:hidden;
}

#email.jqmWindow { margin-left: 0; }

#email form {
	float: left;
	position: relative;
	width: 100%;
}

.thanks {
	line-height: 6em;
	color: #fff;
	font-size: 14px;
}
.done {
	text-align: center;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 575px;
    height: 575px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 575px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  575px;
    height: 355px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 575px;
    height: 575px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
#webby {
	width: 655px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -328px;
	z-index: 11;
	visibility: hidden;
}
.webby span {display: none}

/* -- Updates for 3.12.09 --- */
.feature-box h4, .main-box h4 {
	font-weight: bold;
}
/* -- Updates for 3.13.09 --*/
.feature-box {
	font-size:12px;
	color: #484849;
	text-align: justify;
}
.overlay {
	z-index:10;
	background:#fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
#started .thanks {display:none}
#started.done .thanks {display:block}
#started.done h6, #started.done fieldset {display:none}
.jcarousel-container {
	font-size:14px;
}
#vid2 {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:#282829 none repeat scroll 0 0;
	height:380px;
	padding:25px 20px 20px;
	width:640px;
	z-index:11;
	margin:auto
}
.feature-box h4, .main-box h4 {
	font-size:16px;
}
/* align images on 3rd slide */
.sitetonight .img1 {margin-right: 10px;}
.sitetonight .img2 {margin-right: 14px;}
.sitetonight .img3 {margin-right: 16px;}

.req {color:#ff0000; font-size:12px; font-weight:normal; padding-left:10px; line-height:16px}

#jswarning {font-size:20px; text-align: center; line-height:40px; color:#c00; background:#fff; clear:both;}