@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 { font-size:28px; line-height:28px; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 14px 0; padding:0; font-weight:500;}
H3 { font-size:19px; line-height:20px; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 18px 0; padding:0; font-weight:500;}
H4 {}
 
ol {list-style: decimal; padding:10px; margin:10px;}
ul {list-style: disc; padding:10px; margin:20px;}
ul ul {list-style: circle;}

nav ul {list-style:none;}

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

hr {display:block; height:1px; border:0; border-top:1px solid #000; margin:12px 0; padding:0;}
 
fieldset, img {border:0;}
blockquote, q {quotes:none;}
q:before, q:after, blockquote:before, blockquote:after {  content:''; content:none;}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input, select { vertical-align:middle;}

:focus {outline: 0;}

/*------------------------------------------------------------------------*/

.clr {clear: both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------------------------------*/

A { color:#; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

a:link,
a:visited,
a:hover {
    -webkit-transition: .2s color linear;
    -moz-transition: .2s color linear;
    transition: .2s color linear;
}

/*------------------------------------------------------------------------*/

.lF {float:left;}
.rF {float:right;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}



body {font-size:16px; line-height:19px; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }

/* LAYOUT STYLES */

/* Mobile Layout: 480px and below. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.Brands {background-color:#8f6632;}
.User {background-color:#e95932;}

.header { position:relative; color:#fff; }
	.imgBox { position:absolute; top:0; left:0; width:100%; text-align:center; z-index:5; background-color:#090302;}
		.User .imgBox{ background-color:#a9b2b2;}
		.imgBox img{}
	.allHead { position:relative; width:100%; z-index:10; background-color:#241512; background:rgba(36,21,18,0.75); padding:0 0 8px 0;}
		.allHead a{ color:#df5530; text-decoration:underline;}
	.AppStoreLink { position:relative; width:100%; background-color:#000; z-index:20; text-align:center;}
		a.downLink {background:url(../images/downloadimg.gif) no-repeat; width:218px; height:72px; display:block; text-indent:-9999px; margin:0 auto;}
		a.downLink:hover {filter:alpha(opacity=70); opacity: 0.7;}

	.Head-LeftImg {float:none; width:94%; padding:0 3%;}
		.Overimg { z-index:15; overflow:hidden;}
		.BackImg { z-index:10;}
	.Head-RightContent {float:none; width:94%; padding:0 3%;}
	
		.TopNav { padding:0 0 25px 0; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500;}
		.TopNav ul{ padding:0; margin:0; list-style-type:none;}
		.TopNav ul li{ padding:15px 0; margin:0; list-style-type:none; display:inline-block;}
		.TopNav ul li a{ padding:0; margin:0; list-style-type:none; display:inline-block; border:1px solid #8d8c88; padding:7px 22px; text-decoration:none; margin:0 6px; color:#fff;
						-moz-border-radius: 20px; /* FF1+ */
						-webkit-border-radius: 20px; /* Saf3+, Chrome */
						 border-radius: 20px; /* Opera 10.5, IE 9 */
		 }
		.TopNav ul li.nav1 a:hover{ background-color:#d44726;}
		.TopNav ul li.nav2 a:hover{ background-color:#8f6632;}
		
		.active1 a{ background-color:#8f6632; border:1px solid #8f6632 !important;}
		.active2 a{ background-color:#d44726; border:1px solid #d44726 !important;}
				
		.active1 {background:url(../images/arrow1.png) no-repeat center top;}
		.active2 {background:url(../images/arrow2.png) no-repeat center top;}


	.othernav { padding:6px 0 8px 0; font-size:15px;  font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500;}
		a.Link1L { background-color:#e95932; display:inline-block; padding:6px 10px; margin:4px 0; color:#fff; text-decoration:none; text-align:left;
						-moz-border-radius: 20px; /* FF1+ */
						-webkit-border-radius: 20px; /* Saf3+, Chrome */
						 border-radius: 20px; /* Opera 10.5, IE 9 */
		}
		a.Link2L { background-color:#d44726 !important;

		}
		a.Link3Other { background-color:#e95932; display:inline-block; padding:6px 35px 5px 35px; margin:0; color:#fff; text-decoration:none; font-size:16px; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500;
						-moz-border-radius: 20px; /* FF1+ */
						-webkit-border-radius: 20px; /* Saf3+, Chrome */
						 border-radius: 20px; /* Opera 10.5, IE 9 */
		}
		.User a.Link3Other { background-color:#3e261d;}
		
		a.Link1L:hover, a.Link2L:hover, a.Link3Other:hover {background-color:#80220d !important;}
		
		a.Link4L { background-color:#3e261d; display:inline-block; padding:6px 10px; margin:4px 0; color:#fff; text-decoration:none; text-align:left;
						-moz-border-radius: 20px; /* FF1+ */
						-webkit-border-radius: 20px; /* Saf3+, Chrome */
						 border-radius: 20px; /* Opera 10.5, IE 9 */
		}
		a.Link4L:hover { background-color:#1c100b;}
	
.ContentDiv1 { padding:20px 0 28px 0;}

	.contentHead { text-align:center; padding:12px 0; background:url(../images/whitehrline.gif) repeat-x 0 50%; font-size:16px; margin:0 0 20px 0;}
	.contentHead span{background-color:#8f6632; padding:4px 25px;}
	.User .contentHead span{background-color:#e95932;}
	
	.divChart { background:url(../images/vrline.gif) repeat-y 50% 0;}

		.LeftChart { text-align:right; padding:0 50% 0 0;}
		
		.RightChart { text-align:left; padding:0 0 0 50%;}
		.MiddleChartBut { padding:8px 0 0 0;}
		
		.icon-box { padding:13px 56px 15px 0;}
		.icon-box2 { padding-left:56px; padding-right:0;}
		.icon-box p{ margin:0 0 8px 0; padding:0; }
		.icon-box strong {font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-weight:500;}
		.icon1 {background:url(../images/icon-shape1.png) no-repeat center 0;}
		.icon2 {background:url(../images/icon-shape2.png) no-repeat center 0;}
		.icon3 {background:url(../images/icon-shape3.png) no-repeat center 0;}
		.icon4 {background:url(../images/icon-shape4.png) no-repeat center 0;}
		.icon5 {background:url(../images/icon-shape5.png) no-repeat center 0;}
		.icon6 {background:url(../images/icon-shape6.png) no-repeat center 0;}
		.icon7 {background:url(../images/icon-shape7.png) no-repeat center 0;}
		
		.icon8 {background:url(../images/icon-shape-user1.png) no-repeat center 0;}
		.icon9 {background:url(../images/icon-shape-user2.png) no-repeat center 0;}
		.icon10 {background:url(../images/icon-shape-user3.png) no-repeat center 0;}
		

#inline1, #inline22, #inline33 {padding:0; background-color:#e95a32; overflow:auto; height:60%; border:2px solid #fff; font-size:16px; max-width:900px;}
#inline1 .headbar, #inline22 .headbar, #inline33 .headbar{ background-color:#fff; padding:10px; color:#e95a32; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500;}
	.ContentPop {padding:3%; width:94%;}
	.ContentPop ul.arrow-bul { padding:0; margin:0;}
	.ContentPop ul.arrow-bul li { padding:0 0 0 35px; margin:0 0 16px 0; background:url(../images/arrow-bul.png) no-repeat 0 1px; list-style-type:none;}
	
	.LeftPopimg, .RightPopimg {margin:0 auto; margin-bottom:12px;}
	
	.contactPage {background:url(../images/back-contact.jpg) repeat-x center 80px #e95932; font-size:14px !important;}
	.contactDiv { padding:8px 10px 20px 15px;}
		.ContactForm { width:100%; padding:0 0 5px 0; text-align:center;}
		.ContactForm td input{ width:94%;}
		.nowidth {width:auto !important;}
		.RightForm {width:100%; padding:5px 0; text-align:center;}
		.map {width:100%; padding:10px 0; text-align:center;}
		.map a{ color:#fff !important;}
		.map iframe {border:1px solid #fff; margin:0 0 0 2%;}
		
		.ContactForm td{ padding:7px 10px; text-align:left;} 
		/*.ContactForm td input{ width:98% !important;}*/
		
footer { background-color:#fff; padding:3px 0 10px 0; font-size:13px; line-height:17px; color:#737373; font-family:'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500;}
footer a{ color:#737373;}
footer a:hover{ color:#232323;}
	.Copyright {float:none; width:96%; padding:0 2%;}
	.link-sicons {float:none;  width:96%; padding:0 2%;} 
	
	ul.linksbot { padding:10px 0 0 0; margin:8px 0 0 0; list-style-type:none; float:none; border-top:1px solid #e3e3e3;}
	ul.linksbot li{ padding:0 14px; margin:0; list-style-type:none; float:left; border-left:1px solid #e3e3e3; line-height:30px;}
	ul.linksbot li img{ margin:0 3px;}
	ul.linksbot li.brdnone{ border-left:none !important;}
	ul.linksbot li img:hover {filter:alpha(opacity=60); opacity: 0.6;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	.Head-LeftImg {float:left; width:33%; padding:0;}
	.Head-RightContent {float:Right; width:63%; padding:0;}
	
	.Head-LeftImg {position:relative; z-index:250; min-height:400px;}
		.Overimg { position:absolute; top:5px; left:0; z-index:105;}
		.BackImg { position:absolute; top:5px; left:3px; z-index:100;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 98%;
	max-width: 970px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

body {font-size:20px; line-height:23px;}

H2 { font-size:55px; line-height:50px; margin:0 0 24px 0;}
H3 { font-size:29px; line-height:30px; margin:0 0 28px 0;}

.header { position:relative; color:#fff;}
		
	.allHead {background-color:#241512; background:rgba(36,21,18,0.75);}

	.othernav { padding:35px 0 20px 0;}
	
	.ContentPop {padding:19px 2%; width:96%;}
	.LeftPopimg {float:left; margin:0 22px 10px 0;}
	.RightPopimg {float:right; margin:0 0 10px 22px;}
	
	.Copyright { float:left; width:50%; padding:0;}
	.link-sicons { float:right; width:49%; padding:0;}
	ul.linksbot { padding:0; margin:0; border-top:0; float:right;}
	
		.ContactForm { width:37%; padding:0; float:left;}
		.RightForm {width:25%; padding:0; float:left;}
		.map {width:37%; padding:0; float:left;}
		

}

@media only screen and (min-width: 1024px) {
.header { height:690px; overflow:hidden;}

.header { position:relative;  }
	.imgBox { position:absolute; top:0; left:0; }
	.allHead { position:absolute; top:30px; left:0; background-color:transparent;}
	.AppStoreLink {position:absolute; top:565px; right:0; width:40%; text-align:left;}
		a.downLink { margin:0 ;}
		
		.Overimg { top:0px;}
		.BackImg { top:0px;}
	
		.TopNav { padding:0 0 25px 37%;}
		.TopNav ul li{ padding:25px 0;}
		.ie7 .TopNav { padding:0 0 25px 22%;}
		.ie7 .TopNav ul li{ padding:20px 0; float:left;}
		
	#inline1, #inline22, #inline33 {width:900px;}
		a.Link1L { margin:0; padding:5px 44px 5px 16px; background:url(../images/arrow-right.png) no-repeat right 9px #e95932;
						-moz-border-radius-bottomleft: 20px; /* FF1+ */
						-webkit-border-bottom-left-radius: 20px; /* Saf3+, Chrome */
						 border-bottom-left-radius: 20px; /* Opera 10.5, IE 9 */
						-moz-border-radius-topleft: 20px; /* FF1+ */
						-webkit-border-top-left-radius: 20px; /* Saf3+, Chrome */
						 border-top-left-radius: 20px; /* Opera 10.5, IE 9 */
						 
						-moz-border-radius-bottomright: 0; /* FF1+ */
						-webkit-border-bottom-right-radius: 0; /* Saf3+, Chrome */
						 border-bottom-right-radius: 0; /* Opera 10.5, IE 9 */
						-moz-border-radius-topright: 0; /* FF1+ */
						-webkit-border-top-right-radius: 0; /* Saf3+, Chrome */
						 border-top-right-radius: 0; /* Opera 10.5, IE 9 */
		}
		a.Link2L { margin:0 0 0 -4px; padding-left:25px;
						-moz-border-radius-bottomright: 20px; /* FF1+ */
						-webkit-border-bottom-right-radius: 20px; /* Saf3+, Chrome */
						 border-bottom-right-radius: 20px; /* Opera 10.5, IE 9 */
						-moz-border-radius-topright: 20px; /* FF1+ */
						-webkit-border-top-right-radius: 20px; /* Saf3+, Chrome */
						 border-top-right-radius: 20px; /* Opera 10.5, IE 9 */
						 
						-moz-border-radius-bottomleft: 0; /* FF1+ */
						-webkit-border-bottom-left-radius: 0; /* Saf3+, Chrome */
						 border-bottom-left-radius: 0; /* Opera 10.5, IE 9 */
						-moz-border-radius-topleft: 0; /* FF1+ */
						-webkit-border-top-left-radius: 0; /* Saf3+, Chrome */
						 border-top-left-radius: 0; /* Opera 10.5, IE 9 */
		}
		a.Link3Other { padding:6px 55px 5px 55px;}
		a.Link4L { margin:0; padding:5px 44px 5px 16px; background:url(../images/arrow-right1.png) no-repeat right 9px #3e261d;}
		


}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.Head-LeftImg { text-align:center; position:relative; width:100px; margin:0 auto; height:220px; padding:0 !important;}
	.Head-LeftImg img{  width:100px !important; margin:0 auto !important;}
		.Overimg { position:absolute; top:5px; left:0; z-index:105; margin:0 auto; width:100px;}
		.BackImg { position:absolute; top:5px; left:0; z-index:100; width:100px;}
		.slides, .flexslider {width:100px; margin:0 auto;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
	.Head-LeftImg img{  width:200px !important;}
	.Head-LeftImg {width:29%;}
	.Head-RightContent {width:66%;}
}