/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:970px;}
body{background:#000 url(../images/body-bg.png) center repeat-y; font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000; overflow:auto;}

#main{
	width:970px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	height: 4219px;
}

.separator{
	width:970px;
	height:48px;
	background: url(../images/separator.png);
}

.scrollTop{
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-540px;
	z-index:999;
	font:15px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/arrow.png) 100% 0 no-repeat;
	padding-right:12px;
}




#montage {
	padding-left: 48px;
	padding-right: 48px;
	margin: 0 auto;
	width: 596px;
	position: relative;
}

#montage {width: 592px; padding: 0; margin-bottom: 3px;}
	

	#montage {
		height: 348px;
		position: relative;
		-webkit-box-reflect:below 0 
			-webkit-gradient(linear, left top, left bottom, 
				from(transparent), 
				color-stop(0.93, transparent), 
				to(rgba(255,255,255,0.235))
		);
	}
	
		/*Goddamn Android*/ #what h1, #what p, #what section h2 {background: rgb(232,232,232);}

		figure img {position: absolute; left: 0; bottom: 0;}
		
			#imac 				{left: 370px; right: auto; bottom: -135px;}
			#macbook 			{left: 308px; right: auto; bottom: -138px;}
			#ipad-landscape 	{left: 544px; bottom: -137px;}
			#ipad-portrait 		{left: 652px; bottom: -139px;}
			#iphone-landscape 	{left: auto; right: 132px; bottom: -137px;}
			#iphone-portrait 	{left: auto; right: 48px; bottom: -137px;}






.page1 .cf{color:#d02841;}
.page1 .cb{background:#d02841;}

.page2 .cf{color:#ff7c41;}

.page3 .cf{color:#ffc051;}
.page3 .cb{background:#ffc051;}

.page4 .cf{color:#5b5f4d;}
.page4 .cb{background:#5b5f4d;}

.page5 .cf{color:#364651;}
.page5 .cb{background:#364651;}

/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:20px;
	margin-bottom:20px;
}
.p2{
	margin-bottom:40px;
}


/*header*/

header{
	height:484px;
	position:relative;
	background:url(../images/pattern.png);
}

h1{
	position:absolute;
	left:42px;
	top:252px;
}

h1 a{
	font:125px/1.2em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	letter-spacing:-10px;
}

h1 span{
	font:11px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	text-transform:uppercase;
	position:absolute;
	left:6px;
	top:126px;
	white-space:nowrap;
}

header nav li{
	float:left;
	cursor:pointer;
}

header nav li a{
	height:130px;
	width:194px;
	display:block;
	text-align:center;
	position:relative;
	text-decoration:none;
	color:#fff;
}

.nav1 a{
	background:#d02841;
}
.nav2 a{
	background:#ff7c41;
}
.nav3 a{
	background:#ffc051;
}
.nav4 a{
	background:#5b5f4d;
}
.nav5 a{
	background:#364651;
}

header nav li a>span{
	height:100px;
	padding-top:50px;
	display:block;
	font:17px/133px Arial, Helvetica, sans-serif;
}

header nav li a span span{
	position:absolute;
	width:100%;
	left:0;
	top:40px;
	font:60px/1.2em Arial, Helvetica, sans-serif;
}

/*#content*/

.brd{
	position:relative;
	left:-30px;
}

#content{
	width:970px;
	overflow:hidden;
	position:relative;
	font:16px/22px Arial, Helvetica, sans-serif;
	color:#666;
}

#content strong{
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
}

#content section{
	padding:60px 40px 50px 40px;
	background:url(../images/pattern.png);
	overflow:hidden;
	position:relative;
	z-index:1;
}

h2{
	font:32px/1.2em Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:50px;
}

h3,.h3{
	font:17px/1.2em Arial, Helvetica, sans-serif;
	margin-bottom:6px;
}

.num{
	text-align:right;
	font:60px/1.2em Arial, Helvetica, sans-serif;
	position:absolute;
	right:40px;
	top:50px;
}

.page-img-bg{
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
}

.address dd{
	width:176px;
}
/*footer*/

footer{
	height:178px;
	background:url(../images/pattern.png);
	position:relative;
}

footer nav{
	position:absolute;
	left:345px;
	top:60px;
}

footer nav li{
	float:left;
	padding-right:21px;
	margin-right:22px;
	background:url(../images/separator2.png) right center no-repeat;
}

footer nav li.last{
	padding:0;
	margin:0;
	background:none;
}

footer nav li a{
	color:#000;
	text-decoration:none;
}

footer nav li a:hover{
	color:#fff;
}

footer .h1{
	position:absolute;
	left:46px;
	top:56px;
	font:33px/1.2em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	letter-spacing:-2px;
}

footer .privacy{
	color:#666;
	position:absolute;
	left:45px;
	top:98px;
	font:12px Arial, Helvetica, sans-serif;
}
/*forms css*/
#search{
	width:260px;
	position:absolute;
	left:670px;
	top:270px;
}

#search,#search a{
	color:#797979;
	font:11px/1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#search .login{
	position:absolute;
	right:0;
}

#search .advanced{
	position:absolute;
	right:0;
	top:100px;
}

#search label.input{
	background: url(../images/search.png);
	position:absolute;
	top:40px;
	left:0;
}

#search label.input input{
	width:183px;
	background:none;
	border:none;
	padding:16px 14px;
	float:left;
}

#search input[type=submit]{
	width:49px;
	height:46px;
	background:url(../images/go.png);
	border:none;
	position:absolute;
	right:0;
	top:40px;
	cursor:pointer;
}

#form1 label{
	float:left;
}

#form1 .inp{
	background: url(../images/input-bg.png) no-repeat;
	margin-bottom:4px;
}

#form1 .txt{
	background: url(../images/textarea-bg.png);
	margin-bottom:11px;
}

#form1 .inp input{
	width:400px;
	background:none;
	border:none;
	float:left;
	padding:15px 17px 16px 18px;
}

#form1 .txt textarea{
	width:549px;
	height:155px;
	float:left;
	padding:15px 17px 16px 18px;
	background:none;
	border:none;
}

#form1 .error{
	display:none;
	color:#f00;
	font:10px/1.2em Arial, Helvetica, sans-serif;
}

#form1 .invalid .error{
	display:block;
}

.contact-form-response p{
	font:22px Arial, Helvetica, sans-serif;
}

.contact-form-response b{
	display:block;
	margin-bottom:20px;
}

/*js css*/
.popup{
	display:none;
}

.read-more-box .inner{
	width:890px;
	padding:40px;
	background: url(../images/pattern.png);
}

.close{
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	position:absolute;
	right:20px;
	top:40px;
}

.separator-b{
	width:970px;
	height:24px;
	background: url(../images/separator.png) 0 0;
}

.separator-t{
	width:970px;
	height:24px;
	background: url(../images/separator.png) 0 100%;
}
/*additional classes*/
.btn{
	font:17px/72px Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline-block;
	padding:0 26px;
	text-decoration:none;
	position:relative;
	text-align:center;
}

.bold-black-link{
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
}

.fleft,.fl{float:left;}
.fright,.fr{float:right;}
.fnone,.fn{float:none;}
.col-1,.col-2,.col-3{float:left;}
.alignleft,.all{text-align:left;}
.alignright,.alr{text-align:right;}
.aligncenter,.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.extra-wrap{overflow:hidden;}
.nopad{padding:0;}
.nomar{margin:0;}
.clear{clear:both;line-height:0;}
.bold{font-weight:bold;}

/*custom boxes*/
.list li a{
	display:block;
	background:url(../images/marker1.png) left center no-repeat;
	font:11px/35px Arial, Helvetica, sans-serif;
	padding-left:28px;
}

dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}