@charset "utf-8";

/* ======= GENERAL ======= */

html, body	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	background-image:url(pix/pagebgr.jpg);
}

img	{
	border:0px;
}

#wrapper	{
	width:960px;
	height:auto;
	margin:0px auto;
}

p	{
	margin:0 0 15px 0;
}

h1	{
	font-size:24px;
	color:#990000;
}

h2	{
	font-size:20px;
}	

.clearer	{
	clear:both;
}

a	{
	color:#8d812d;
	text-decoration:underline;
}

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

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

/* ======= HEADER SECTION ======= */

#HeaderWrapper	{
	width:960px;
	height:530px;
	background-image:url(pix/bgr_header-bbt.jpg);
	background-repeat:no-repeat;
}

.TopHeader	{
	width:960px;
	height:100px;
	margin-top:18px;
}

.TopHeaderLogo	{
	width:460px;
	height:70px;
	padding-top:30px;
	float:left;
}

.social {
	width: 480px;
	float: right;
	padding-top: 39px;
	text-align: right;
}

.social li {
	display: inline;
	margin-right: 3px;
}

.PhoneContact	{
	width:480px;
	height:35px;
	float:right;
	padding-top:0px;
	text-align:right;
}

/* ======= SCREEN BOX ======= */

.ScreenBox	{
	width:618px;
	height:337px;
	margin-top:44px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:13px;
	background-image:url(pix/screen_display_lg.png);
	background-repeat:no-repeat;
}

.video	{
	width:523px;
	height:283px;
	text-align:center;
	color:#fbfbfb;
}

.SlideArea .bigtitle_a	{
	font-size:24px;
	color:#fbfbfb;
}

.SlideArea .bigtitle_b	{
	font-size:46px;
	color:#d0de5a;
}

.SlideArea .slideportion	{
	width:453px;
	height:233px;
	padding:40px 35px 10px 35px;
	text-align:center;
}

.SlideArea p	{
	line-height:18px;
}

.ScreenShadow	{
	width:553px;
	height:38px;
	background-image:url(pix/screen_shadow.png);
	background-repeat:no-repeat;
	margin:0px auto;
}
	
/* ======= CONTENT SECTION ======= */

#ContentWrapper	{
	width:960px;
	height:100%;
	background-image:url(pix/white_gradient.png);
	background-repeat:no-repeat;
	background-position:top;
}

#ContentWrapper p	{
	margin-top:10px;
}

.ContentWrapperLeft	{
	width:420px;
	height:380px;
	padding:40px 40px 20px 20px;
	float:left;
}

.ContentWrapperLeft .icon64	{
	width:64px;
	height:64px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

.ContentWrapperLeft .subtitle	{
	width:336px;
	height:34px;
	padding-top:0px;
	margin-bottom:10px;
	float:left;
}

.ContentWrapperRight	{
	width:420px;
	height:380px;
	padding:60px 40px 20px 20px;
	float:left;
}

.ContentWrapperRight ul li	{
	width:420px;
	height:36px;
	line-height:36px;
	margin-left:20px;
	margin-bottom:15px;
	background-image:url(pix/list_tick_sign.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type:none;
	text-indent:48px;
	color:#333333;
}

.ContentWrapperRight .textlist	{
	font-size:20px;
	font-weight:200;
}

.CTAButtons {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}

.BigButton	{
	display: inline;
	width:297px;
	height:96px;
	margin-top:10px;
	margin-left:10px;
}

.ContentWrapperRight .buynowprice	{
	color: #333333;
	width:300px;
	height:auto;
	
	font-size:16px;
	text-align:center;
	margin-left:48px;
	margin-top:45px;
	line-height:12px;
}

.ContentWrapperRight .taketour	{
	width:300px;
	height:auto;
	font-size:20px;
	text-align:center;
	margin-left:48px;
	margin-top:10px;
	line-height:12px;
}

.ContentWrapperRight .footnote	{
	width:300px;
	height:auto;
	color:#333333;
	font-size:10px;
	margin-left:48px;
	margin-top:20px;
	line-height:12px;
}

/* ======= GALLERY ======= */

#GalleryWrapper	{
	width:100%;
	overflow:hidden;
	position:relative;
	float:left;
	margin-top:16px;
	margin-bottom: 45px;
}

#GalleryWrapper ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	clear:left;
	left:50%;
	text-align:center;
}

#GalleryWrapper ul li	{
	list-style:none;
	display:block;
	width:182px;
	height:136px;
	margin:0px;
	padding:4px 4px;
	text-align:center;
	position:relative;
	float:left;
	right:50%;
	background-image:url(pix/zoombgr.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


/* ======= THREE SUBCONTENTS ======= */
	
#SubconWrapper	{
	width:100%;
	height:auto;
	margin:20px auto;
}

#SubconWrapper	p	{
	margin-top:5px;
}

#SubconWrapper .icon32	{
	width:32px;
	height:32px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}

#SubconWrapper .subtitle	{
	width:233px;
	height:32px;
	padding-top:10px;
	margin-bottom:5px;
	float:left;
}

.leftbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

.centerbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

.rightbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

.greenlight {

margin: 30px;

}

.footnote {
	margin: 0px auto;
	text-align: center;
}

/* ======= NEWSLETTER ======= */

#NewsWrapper	{
	width:854px;
	height:76px;
	padding-top:28px;
	margin:0px auto;
	background-image:url(pix/bgr_mailbanner.jpg);
	background-repeat:no-repeat;
}

.NewsNote	{
	width:700px;
	height:48px;
	margin:0 auto;
	font-size:16px;
	color:#d6d3be;
	text-align:center;
}

.NewsNote .icon48	{
	width:48px;
	height:48px;
	margin-right:15px;
	float:left;
}

.NewsNote .subscribe	{
	width:auto;
	height:28px;
	padding-top:20px;
	float:left;
}


/* ======= SUBSCRIBE FORM ======= */

#NewsFormWrapper	{
	width:854px;
	height:53px;
	padding-top:15px;
	margin:0 auto;
	background-color:#b3b093;
}


.FieldWrapper	{
	width:378px;
	height:36px;
	position:relative;
	margin:0px auto;
	background-image:url(pix/search_field.png);
}

.FieldWrapper form	{
	display:inline;
}

.inputfield	{
	border:0;
	background-color:transparent;
	width:277px;
	height:27px;
	top:4px;
	left:9px;
	color:#999;
	font-size:12px;
	position:absolute;
}

.sendbutton	{
	border:0;
	background-color:transparent;
	position:absolute;
	left:296px;
	width:69px;
	height:28px;
	top: 4px;
}

/* ======= FOOTER SECTION ======= */

#FooterWrapper	{
	width:960px;
	height:45px;
	margin:30px auto;
	font-size:12px;
	color:#5a573c;	
}

.LeftFoot	{
	width:480px;
	height:30px;
	padding-top:15px;
	float:left;
}

.LeftFoot ul li	{
	list-style-type:none;
	display:block;
	width:16px;
	height:16px;
	margin-right:6px;
	float:left;
}
	
.RightFoot	{
	width:600px;
	height:45px;
	padding-right:20px;
	line-height:45px;
	text-align:right;
	float:right;
}

.CenterFoot {
	text-align: center;
	margin: 0 auto;
	line-height: 45px;
}