@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900,400italic);
/* Starter CSS by RCNEIL */

a {	
	-webkit-transition: 300ms;
	-ms-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms; 
} /* REMOVE IF USING JQUERY ANIMATIONS */


body {
	margin:0px; padding:0px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:16px; line-height:20px; 
	color:#121212;
	
	background: #fff url('images/background.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} 
div { 
	display:block; 
	position:relative; 
	margin:0px auto; 
	padding:0px; 
}
.container {
	float:none; clear:both; margin:0px auto; padding:0px;
	width:100%; height:auto; 	
}
.row {
	float:none; clear:both; margin:0px auto; padding:0px; 
	width:100%; height:auto; 
	max-width:1000px; 
}

/*UNIVERSAL SPAN SELECTOR */
div[class*='span'] {
	float:left; margin:0px auto; padding:15px 20px; height:auto;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.span5 { width:5%; }
.span10 { width:10%; }
.span15 { width:15%; }
.span20 { width:20%; }
.span25 { width:25%; }
.span30 { width:30%; }
.span33 { width:33%; }
.span35 { width:35%; }
.span40 { width:40%; }
.span45 { width:45%; }
.span50 { width:50%; }
.span55 { width:55%; }
.span60 { width:60%; }
.span65 { width:65%; }
.span66 { width:66%; }
.span70 { width:70%; }
.span75 { width:75%; }
.span80 { width:80%; }
.span85 { width:85%; }
.span90 { width:90%; }
.span100 { width:100%; }

.table {
	display:table; position:absolute; height:100%; width:100%;
}
.table-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:auto;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {

}

h1 {
	font-size:32px; line-height:36px; 
}

h1 span {
	font-size:18px; line-height:24px; 
}

h2 {
	font-size:24px; line-height:28px; 
	margin-top:0px; 
	font-weight:900; 
}

h2.testimonial-header {
	color:#696969;
	margin-top:35px; 
}

h3 {
	margin-top:45px; 
}


h4 {
	font-size:19px; line-height:24px; 
	margin:40px 0px 0px 0px; 
	font-weight:700; 
	padding:5px 0px 0px 0px;
}

.footer h4 {
	margin:0px; 
	font-size:16px;
	font-weight:400; 
	padding:0px; 
}

p {
}

a:link, a:visited {
	text-decoration:none;
	color:#f26122;
}
a:hover {
	color:#454545; 
}
img, a img {
	display:inline-block; 
	max-width:100%; 
	height:auto; 
	border:0px;
	padding:0px;
	margin:0px auto;
}
small {font-size:80%;}
.bold, strong {font-weight:bold;}
.italic, em { font-style:italic;}
.hidden { display:none; }
.clear {	clear:both; float:none; display:block; position:relative; }
.text-center { text-align:center; }
.text-right { text-align:right; } 




.gray-back {
	background:#f2f2f2; 
}

.white-back {
	background: rgba(255,255,255,0.6); 
	padding:25px 0px; 
}





/* NAVIGATION
=========================*/

ul.main-menu {
	list-style:none; margin:0px; padding:20px 0px;
}

ul.main-menu li {
	list-style:none; margin:0px; padding:0px;
	display:inline-block; 
	position:relative;
}

ul.main-menu li a:link, ul.main-menu li a:visited {
	display:block;
	margin:0px auto; padding:4px 10px;
	width:auto; height:auto;
	color:#121212; 
	
	font-weight:700;
	font-size:20px;
	border-right:2px #121212 solid;
}

ul.main-menu li:last-child a {
	border-right:0px; 
}

ul.main-menu li a:hover {
	color:#f26122;
}

ul.sub-menu {
	display:none;
}

ul.main-menu li:hover ul.sub-menu {
	display:block; position:absolute;
	z-index:50;
	width:auto;
	padding:10px 0px; 
	left:-6px;
}

ul.main-menu li:hover ul.sub-menu li a:link, ul.main-menu li:hover ul.sub-menu li a:visited {
	text-align:left;
	padding:14px 15px;  
	font-size:16px; 
	width:200px; 
	background:#f26122;
	color:#fff;
	border:0px; 
}

ul.main-menu li:hover ul.sub-menu li a:hover {
	background:#aaa; 
}

ul.sub-menu ul {
	display:none; 
}	

ul.sub-menu li:hover ul {
	position:absolute;
	display:block;
	z-index:50;
	width:auto;
	padding:0px 0px;
	left:100%;
	top:0; 
}

ul.main-menu ul.sub-menu ul li a:link, ul.main-menu ul.sub-menu ul li a:visited {
	background:#aaa !important;
}

ul.main-menu ul.sub-menu ul li a:hover {
	background:#f26122 !important; 
}















.examples {
	padding-top:30px;
}

.examples h4:first-of-type {
	margin-top:10px; 
}

.examples p {
	margin:0px;
	padding:0px; 
}

.examples table {
	margin:10px auto;
	padding:0px;
	width:100%; 
	background:rgba(230,230,230,0.8); 
}

.examples table tr td {
	width:50%;
	font-size:13px;
	padding:10px; 
	vertical-align:top; 
}


.cta {
	background:rgba(230,230,230,0.8);
	margin:40px auto !important; 
}

.cta h2 {
	margin-bottom:0px; 
}

.cta p {
	margin-top:2px; 
	font-size:19px; 
	line-height:24px; 
}

.testimonial {
	padding-left:30px; 
	border-left:1px #ccc dotted; 
	color:#565656; 
}












.side-bar ul, .side-bar ul li {
	list-style:none; margin:0px; padding:0px;
}

.side-bar ul li a{
	display:block; 
	padding:5px; 
	border-bottom:1px #eee solid; 
}

.side-bar ul li a:hover {
	background:#eee;
}

.download-list, .views-list {
	display:none; 
}















/* FORMS
=====================*/
input, textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%; height:auto;
	color:#454545;
	border:1px #aaa solid;
	padding:10px 18px; 
	
	font-size:18px; line-height:22px; 
	font-family: Roboto, Arial, sans-serif;
}


input[type="submit"] {
	cursor:pointer; 
	background:#686868;
	-webkit-transition:300ms;
	transition:300ms;
	color:#fff;
	font-weight:bold; 
}

input[type="submit"]:hover {
	background:#f26122;
}

.message-success {
	display:block; 
	width:90%;
	position:relative;
	padding:10px;
	background:#b2d5af;
	border:2px #3b5139 solid; 

	font-size:16px;
	line-height:20px;
	
	margin:10px auto; 
}

.message-error {
	display:block; 
	width:90%;
	position:relative;
	padding:10px;
	background:#dfc1c1;
	border:2px #572828 solid; 

	font-size:16px;
	line-height:20px;
	
	margin:10px auto; 
}















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

.footer {
	margin-top:100px; 
}

.small-text {
	font-size:10px; line-height:11px;
	color:#383838; 
}












/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
@media all and (max-width:600px) {


div[class*='span'] {
	float:none; clear:both; width:100%; padding:20px 10px; margin:0px auto;
}

.text-right {
	text-align:center;
}

.header, .footer {
	text-align:center; 
}

ul.main-menu {
	width:100%;
	padding:0px; 
}

ul.main-menu li {
	display:block; 
	width:100%; float:none; clear:both;
}

ul.main-menu li a:link, ul.main-menu li a:visited {
	padding:8px 0px;
	text-align:center;
	border-right:0px;
	border-bottom:1px #aaa solid;
}




}
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/