/* ############################## GLOBAL ELEMENTS ############################## */
header,nav,article,footer,section,aside,figure,figcaption{display:block} /* IE fix to style HTMl5 elements */
html, body { font-size:100%; height:100%; width:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {margin:0;padding:0;}
body { -webkit-background-size:cover; moz-background-size:cover; -o-background-size:cover; background-size:cover; color:#FFFFFF; font:normal 62.5%/17px 'Quicksand', sans-serif; }
@media all and (max-width: 640px) {
	body{ font-size:50%; } 
}
/* ############################## TYPOGRAPHY ############################## */
h1,
h2,
h3,
p { font-size:1.4em; font-weight:normal; }
a { color:#FFFFFF; cursor:pointer; text-decoration:none; }
a:link{ color:#FFFFFF; }
a:active{ color:#FFFFFF; }
a:visited{ color:#FFFFFF; }
a:hover{ color:#FFFFFF; }
/* ############################## SITE STRUCTURE ############################## */
.wrapper { height:100%; overflow:hidden; position:relative; width:100%; }
#screen { height:300%; position:relative; width:300%; }
#screen .cover { -webkit-background-size:cover; moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.content { display:block; height:80%; left:7%; overflow:hidden; position:absolute; top:10%; width:86%; }
#content-info { display:block; left:7%; overflow:hidden; position:relative; top:0px; width:86%; }
#scroll-rl { display:block; height:72%; left:7%; position:absolute; top:14%; width:93%; }
#scroll-lr { display:block; height:72%; left:0px; position:absolute; top:14%; width:93%; }
#scroll-bt { display:block; height:86%; left:7%; position:absolute; top:10%; width:86%; }
.column { float:left; height:100%; position:relative; width:33.33%; }
.split { height:50%; position:relative; }
.bottom { bottom:0px; position:absolute; }
#sec-ad { height:33.33%; overflow-x:scroll; overflow-y:hidden; position:relative; top:33.3%; width:100%; }
#sec-info { background: url('') no-repeat transparent 50% 50%; height:33.33%; position:relative; width:100%; }
#sec-main { background: url('') no-repeat transparent 50% 50%; height:33.33%; position:relative; width:100%; }
#sec-new { height:33.33%; overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; }
#sec-edit { height:33.33%; overflow-x:scroll; overflow-y:hidden; position:relative; top:33.3%; width:100%; }
footer p { font-size:1em; }
#load{ background:url('../_img/ajax-loader.gif'); display:none; height:66px; left:50%; margin:-33px 0px 0px -33px; position:fixed; top:50%; width:66px; z-index:101; }
.scroll{ height:1px; }
/* ############################## NAVIGATION / BUTTONS ############################## */
a.logo { display:block; width:100%; }
#homeLogo,
#infoLogo { position:relative; width:100%; }
@media all and (max-height: 480px) {
	#infoLogo { bottom:0px; position:absolute; right:0px; width:50%; }
}
#comein { display:none; font-size:1.8em; left:50%; margin-left:-28px; position:relative; text-align:center; width:100%; }
#nav-main ul { list-style:none; }
#nav-main li { cursor:pointer; }
#nav-main a { font-size:2.4em; }
#nav-info { background:url('../_img/nav_up.png'); height:45px; left:50%; margin-left:-41px; position:absolute; top:20px; width:82px; }
#nav-up { background-color:#FFFFFF; display:none; height:10%; left:5%; position:fixed; top:0px; width:90%; z-index:103; }
#nav-up a { display:block; height:72%; position:relative; top:18%; width:100%; }
#nav-up img { height:100%; left:50%; margin-left:-41px; max-height:45px; max-width:82px; position:relative; }
#nav-info { top:0px; }
#nav-info a { left:0px; position:absolute; text-align:center; top:40px; width:100%; }
#nav-new,
#nav-down { background:url('../_img/nav_down.png'); bottom:20px; height:45px; left:50%; margin-left:-41px; position:absolute; width:82px; }
#nav-new { bottom:0px; }
#nav-new a { left:0px; position:absolute; text-align:center; top:-23px; left: -2px; width:100%; }
#nav-edit { background:url('../_img/nav_right.png'); height:82px; margin-top:-41px; position:absolute; right:0px; text-indent:-76px; top:50%; width:45px; }
#nav-right { background-color:#FFFFFF; display:none; height:80%; overflow:hidden; padding:0px 1% 0px 1%; position:fixed; right:0px; top:10%; width:5%; z-index:103; }
#nav-right a { display:block; height:100%; left:14%; position:relative; width:72%; }
#nav-right img { margin-top:-41px; max-width:45px; position:relative; top:50%; width:100%; }
#nav-edit a { bottom:32px; position:absolute; right:45px; }
#nav-ad { background:url('../_img/nav_left.png'); height:82px; left:0px; margin-top:-41px; position:absolute; text-indent:45px; top:50%; width:45px; }
#nav-left { background-color:#FFFFFF; display:none; height:80%; left:0px; overflow:hidden; padding:0px 1% 0px 1%; position:fixed; top:10%; width:5%; z-index:103; }
#nav-left a { display:block; height:100%; left:14%; position:relative; width:72%; }
#nav-left img { margin-top:-41px; max-width:45px; position:relative; top:50%; width:100%; }
#nav-ad a { bottom:32px; position:absolute; }
/* ############################## INFO PAGE ############################## */
.clients { float:left; left:0px; padding-top:20px; position:relative; width:33.3%; }
.contact { float:left; margin-left:33.3%; padding-top:20px; position:relative; right:0px; width:33.3%; }
.contact a:hover { color: #19f71c; }
.intro { left:0px; min-width:300px; padding-bottom:20px; position:relative; width:25%; }
#sec-info ul { list-style:none; margin-bottom:8px; width:100%; }
#sec-info p,
#sec-info li,
#sec-info h1,
#sec-info h2,
#sec-info h3,
#sec-info a { font-size:1.6em; line-height:16px; }
.clients h2 { margin-bottom:8px; }
.clients li { float:left; position:relative; width:50%; height: 16px; white-space: no-wrap; }
@media all and (max-width: 640px) {
	.clients{ display:none; padding-top:0px; } 
	.contact{ bottom:10px; left:0px; margin-left:0px; padding-bottom:0px; width:100%; } 
	.intro{ padding-bottom:0px; width:100%; } 
	#sec-info ul { margin-bottom:0px; }  
}
@media all and (max-height: 640px) {
	.clients h2 { margin-bottom:0px; }
	.clients li { margin-right:8px; width:auto; height: 16px; white-space: no-wrap; }
	.clients li:after { content: ', ' }
}
.contact h3 { margin-bottom:8px; }
.contact p { margin-top:8px; }
.contact li { float:none; }
@media all and (max-width: 640px), all and (max-height: 768px) {
	#sec-info p,
	#sec-info li,
	#sec-info h1,
	#sec-info h2,
	#sec-info h3,
	#sec-info a { font-size:1.5em; line-height:16px; }		
	.contact h3 { margin-bottom:0px; }
	.contact p,
	.contact a { margin:0px; }
	.contact li { float:none; position:relative; }
	.contact li:after { content: ', '; }
	.contact a { display:block; }
}
/* ############################## GALLERIES ############################## */
.gallery>div{ position:relative; }
#scroll-lr>div { height:100%; margin-left:8%; width:92%; }
#scroll-rl>div { height:100%; width:92%; } /*86% of 93% */
#scroll-bt>div { height:84%; } /*72% of 86% */
.gallery ul { height:100%; left:0px; margin:auto; position:relative; top:0px; }
.gallery li { height:100%; position:relative; text-align:center; }
#scroll-lr li,
#scroll-rl li { display:block; float:left; position:relative; }
#scroll-lr .main > li,
#scroll-rl .main > li { padding-right:60px; }
#scroll-bt .main > li { margin:0 auto; padding-bottom:60px; display:block; }
.gallery article { height:100%; overflow:hidden; position:relative; }
#scroll-bt .sub > li { display:block; }
#scroll-lr img,
#scroll-rl img,
#scroll-bt img { visibility:hidden; }
.more { display:block; font-size:1.8em; height:25px; left:50%; margin-left:-55px; padding:5px; position:absolute; top:66%; width:110px; }
.info { display:block; font-size:1.8em; height:25px; left:50%; margin-left:-55px; padding:5px; position:absolute; top:72%; width:110px; }
.prev,
.next { bottom:8px; display:block; float:left; font-size:1.6em; height:23px; line-height:23px; position:absolute; text-align:left; vertical-align:middle; }
.prev { background:url('../_img/count_left.png') no-repeat 0px 0px; left:16px; text-indent:20px; width:55px; }
.next { background:url('../_img/count_right.png') no-repeat 28px 0px; left:70px; text-indent:0px; width:50px;}
.prev.disabled,
.next.disabled{ background:none; cursor:default; }
/* more info */
.popup { background:#000000; display:none; height:100%; left:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE8 */	
 	filter:alpha(opacity=80); /* For IE7 and earlier */ 
	opacity: 0.80; position:absolute; top:0px; width:100%; z-index:100; }
.popup span { display:block; height:100%; left:0px; min-width:300px; overflow:auto; position:absolute; width:100%; }
.popup h1 { font-size:2.6em; line-height:26px; margin:40px 0px 10px 0px; }
.popup h2 { font-size:2.6em; line-height:26px; margin-bottom:40px; text-transform:uppercase; }
.popup p { font-size:1.8em; line-height:21px; margin:10px auto; min-width:300px; width:50%; }
.close { display:block; font-size:18px; line-height:1.8em; margin:40px 0px 10px 0px; }
@media all and (max-width: 640px) {
	.popup span { left:5%; padding-right:5%; width:90%; }
	.popup h1 { margin-top:10px; }
	.popup h2 { margin-bottom:10px; }
	.close { margin:10px 0px 10px 0px; }
}
/* ############################## GLOBAL HELPERS ############################## */
/* http://sonspring.com/journal/clearing-floats  */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack  */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }

.telephone, a.telephone {
	font-size: 14px !important;
	line-height: 20px !important;
}

/* Mobile Override */
@media screen and (max-width: 640px) {
	.telephone {

	}
}