html { background: url(../images/bg.jpg) no-repeat center bottom fixed; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
html { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }
html { font-size:100%; } 

body, html { padding: 0; margin:0; -webkit-padding-start: 0px; height:100%; }
body{ padding:0; font-family: 'Exo 2', sans-serif; font-weight:300; }

h5{ color: #0099FF; margin-bottom:.5em; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video{ display: block; -webkit-padding-start: 0px; } 
img{ width:100%; height:auto; max-width:100%; box-sizing:padding-box; }

.right{ float:right; }
.left{ float:left; }
.clr{ clear:both; }
.bg-img { background-position: 50% 50%; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.push { height:auto; vertical-align:top; }
.block { display:block; height; 1px; }

#wrapper { margin:0 auto !important; width:87.5%; max-width:87.5%; min-width: 400px; height:100%; display: table; }

nav { margin: 0 0 1em 0; }
nav #main-nav li { display:inline; text-align:right; padding-left: 1em; }
nav #main-nav a { color: #6d5f57; text-decoration: none; }
nav a#pull { display: none; }
.menu {}

a img{ border:0; }
a:hover{ color: #0099ff !important; text-decoration:underline; }
a:hover img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

#download-toppage-btn { float:right; width:35%; padding:.5em; background-color: #6d5f57; text-align:center; list-style-type: none; }
#download-toppage-btn a { text-decoration: none;  }
#download-toppage-btn li{ color: #FFF; text-decoration:none; }
#download-toppage-btn a:hover li{ text-decoration: underline; color:#0099FF; }

#featured { margin:.5em 0; border:solid 1px #dbdbdb; color:#000; }

#tweet { display:block; background:url(../images/tweet-rallycore.jpg) no-repeat bottom; margin:.5em 0; border:solid 1px #dbdbdb; background-position: 50% 50%; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; color: #0099FF; padding: 1em 8em 1em 0;}
#tweet ul { text-decoration:none; list-style-type:none; }

#main .product-box { width:19.7%; padding:0 0 .12% .3%; }
#product-box1 { padding-left: 0; }

.prod-txt img{ float: left; }
.prod-txt p br{ display:block; margin-top:.5em; }

.about-photos{ width:33%; height:auto; max-width:640px; float:left; padding:.5em; min-width:300px; }
#crescenti{ width:15% !important; max-width:540px; min-width:150px; }
#install,
#prototype{ width:20% !important; max-width:604px; float:right !important; }

footer, footer a, #verse { font-size:smaller; color:#000; padding:1em 0 8em 0; margin: 1em auto !important 2em auto !important; text-align:center; font-weight:400; font-style:italic; /*background:url(../images/footer-img.jpg) no-repeat bottom;*/ }
#verse{ font-style:italic; }

.inputs div{ margin:.8em 0; }
.err {clear:both; font-weight: bold; font-style:italic; color:#867c6c; display:block;}
.entryErr {border-color:#00658e; border-style:solid; background-color:#fafffa; color:#867c6c; border-width:medium; }


@media (max-width: 640px) 
  { body {font-size:1.1rem;} 
    #wrapper { min-width:300px; }
	#main .product-box {width:49.2%; padding: 0.37%; } 
	#product-box5 { clear:both; }
	nav ul { display: none; height: auto; position:absolute; width:70%; }
	nav #main-nav li { display:block; text-align:left; padding: 4px; position:relative; z-index:99; background-image:url(../images/whitePix.png); margin:3px; width:100%; }
    nav a#pull { display:block;  background-color:#0099FF; width:100%; position: relative; }  
    nav a#pull:after { content:""; background: url('../images/nav-icon.png') repeat-x; width: 20px; height: 20px; display: inline-block; /*position: absolute;*/ top: 10px; background-size:93%; }
	nav.pages ul{ position:relative; border-top: #0099FF 1px solid; padding-top:3px; }
	.rslides_tabs { display:inline-block; }
	.rslides_tabs li{ padding:2px !important;}
} 

@media (min-width: 640px) { body {font-size:.9rem;} } 

@media (min-width:960px) 
	{ body {font-size:1.1rem;}
	} 

@media (min-width:1100px) 
	{ body {font-size:1.25rem;} 
	}