/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html {
  font-family: "Exo 2", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body {
  background-color: #F0F0F0;
  color: #3b3636;
}

hr {
	clear: both;
}

#header h2 {
  color: #000;
  font-family: "Exo 2", Arial, Helvetica, sans-serif;
}

#header h2 a {
	text-decoration: none;
	color: inherit;
}

#nav ul {
	list-style:none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#nav li {
  text-align: center;
  float: left;
}

#nav a {
  text-decoration: none;
  padding: 5px 10px;
  background-color: #5d6578;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF');
  box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
  color: #fff;
}

#nav li:first-child a {
	border-top-left-radius: 5px;
}
#nav li:last-child a {
	border-top-right-radius: 5px;
}

#nav a:hover {
	color: #BE3F36;
	background-color: #fff;
}

iframe {
  width: 100%;
  max-width: 100%;
  height: 480px;
}

#main h1, #main h2, #main h3 {

  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #5d6578;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF');
  box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
  color: #fff;
  font-weight: normal;
  font-family: "Exo 2", Arial, Helvetica, sans-serif;
}

#main h1 {
  font-size: 1.6em;
}

#main h2 {
  font-size: 1.5em;
}
#main h3 {
  font-size: 1.3em;
  padding-left: 10px;
}

#main {
  line-height: 20px;
  clear:both;
  background-color: #E4E4E4;
}

#main p {
	padding: 5px 10px 15px 10px;

  text-align: left;
  background-color: #fff;
}

#main ul {
  background-color: #fff;
  padding-left: 20px;
}

#main a {
	color: #BE3F36;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}
hr {
  clear: both;
}
.downloadlink {
  text-align: center !important;
}

.download {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 31px;
    border: 1px solid #046a14;
    border-radius: 8px;
    background: #7ea337;
    background: -webkit-gradient(linear, left top, left bottom, from(#a5ca5a), to(#7ea337));
    background: -moz-linear-gradient(top, #a5ca5a, #7ea337);
    background: linear-gradient(to bottom, #a5ca5a, #7ea337);
    -webkit-box-shadow: #ababab 0px 0px 40px 0px;
    -moz-box-shadow: #ababab 0px 0px 40px 0px;
    box-shadow: #ababab 0px 0px 40px 0px;
    text-shadow: #033f0c 1px 1px 1px;
    font-weight: bold;
    font-size: 25px;
    font-family: "Exo 2", verdana;
    color: #ffffff !important;
    text-decoration: none;
}
.download:hover,
.download:focus {
    border: 1px solid #057d17;
    background: #a5ca5a;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ea337), to(#a5ca5a));
    background: -moz-linear-gradient(top, #7ea337, #a5ca5a);
    background: linear-gradient(to bottom, #7ea337, #a5ca5a);
    color: #ffffff;
    text-decoration: underline !important;
}
.download:active {
    background: #046a14;
    background: -webkit-gradient(linear, left top, left bottom, from(#046a14), to(#046a14));
    background: -moz-linear-gradient(top, #046a14, #046a14);
    background: linear-gradient(to bottom, #046a14, #046a14);
}
.download:before{
	content:"\0000a0";
	display: inline-block;
	height: 45px;
	width: 75px;
	line-height: 45px;
	background: url(../images/horse_original_r_0.gif);
	background-size: 100% 100%;
	margin-right: 8px;
}
.download:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD2UlEQVRIiZ2VX4hUVRzHP+f3O2dmdlZnc1uHzUxSqR78UysWhtZLIRIKQQ9BBCHVQ/VUEEFvhU8RGEHQgw++WJEQmS70IIhEFrSUWor4p/XPKLq7zM6u2+7OzLnn9HDvrrvjjqIXfvzuvefc7+d+f+f+7jG0OTqWsr3nKV6dd9NkOc6fWx8lDA3wHjDRqmPbAQo9rH3u7UdfLxW6SYLHB08Sm4xNjzDRGJ03t3qKMDTAh/cEAFje9QSPdD1O3U8y7Sep+0kuxn+4WR/FZG5ivJMCyJ0GQ/AkwZPEhBCTLIdZcWDe+UJHWwfGGAyRGD3EhEgAAvMW4C5vf0eAGsGpIgZUDDYKiQh5dRRdB0kIs44w4T4Aoji1iIBisNEQRCm4PJ2uSIiBJAZ8SMhrA2jcqwMlpxYVAxhiFKIqBZunM9eZrkkI+JhQsHIfABHy1mLFYBCISkTosHl8LnMQEpKQULDtF6MtQIySUzcLMAgYS4fLE7jlIAmegkvuCnigdcBE05G3DieCGsUbizGBDpfHmOLsIqcOGgAlbq9TwwC58qPF/Vt3rn6xs7OIGEGMkMur7dv8WC6nnYToCbGJD00mmzUafook3gKMV6e5dGps0mcl88Fz7ex//viP1XfSNjEUN21fvu+Nj7a8vHRJL2LSzxMgxkCICSF6fGxS9xP40EjrHxNSUU8zeJqJpxmaDJ4cne7/YvDNkcH6N5pZaVbOjh+o3ri5as3G8rquRYtRUawYVAQVg0raD2rAimLVYsXhVNO5Js2Df41NHvj8/Gsjl+r7AXROvXzl/Nih4avjD617undDV6mEU8FKGiqClfTrcmqx6rBisxexWFFOHxse//6zU6+MVKb6Z0TnAgCSyoVaf+Xf0cV9m5Y9u6SrhFPFqmDFYDNxpy5zYHEZZOBwpbp31x87qjemjswVbAUAxGsXa4cvn6tq3zMrtvQ8WDJOFKtp4zl1tyCZ+NGD565//ekvL41X67+3ii0EAIhXL9WOXjgzNNW3ceUL5aVdxkkuq7nDiZ0ty6HvTl7+ateRbTdr9eMLCbUDpE6u1H79+8/K0JMbVm8r93aLGIcYS5qVb/f8dn73Jz9vnZxonGkn0goQ0o1RSZtQh6+Pnzg+cPHKmvWrti17uKxiLCEIe748fHr3rv7tzUZSmfPczP5iaPmZSyaYA4rAItLu7gbKQO+KleW39v308dTZ4b3x3Q92nFCV9dlYTza3lD1byLRkhjQX0C4EsN09pS2bn1+78+APx94HaoC/S4RWgLSKtuSZEsxsb7NCC5yHuQBaBGSBgNsBM9F6b+aa/wHFO6dWZs9S8wAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}


.filler {
  background-color: #fff;
}
/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */
.freebasic .de1, .freebasic .de2 {color: #782f9e; font-weight: normal;}
.freebasic  {
  overflow-x: scroll;
  white-space: nowrap;
  border: 1px dotted #a0a0a0;
  font-family: 'Droid Sans Mono', 'Lucida Console', Monaco, monospace;
  font-size: 90%;
  background-color: #f0f0f0;
  margin: 0 auto;
  line-height: 110%;
  padding: 0;
  padding-left:40px;
  color: #000;
}
.freebasic a:link {color: #006;}
.freebasic a:hover {background-color: #d6d6e6;}
.freebasic .head {font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 90%; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.freebasic .foot {font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 90%; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.freebasic .imp {font-weight: bold; color: red;}
.freebasic li, .freebasic .li1, .freebasic .li2 {
  font-family: 'Droid Sans Mono', 'Lucida Console', Monaco, monospace;
  color: #782f9e;
  background-color: #f0ecec;
  padding-bottom: 2px;
}
.freebasic .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
/*.freebasic .li2 {font-weight: bold; color: #000090; line-height: 90%}*/
.freebasic .kw1 {color: #004cb1;}
.freebasic .co1 {color: #808080;font-style: normal;}
.freebasic .co2 {color: #339933;}
.freebasic .coMULTI {font-style: normal;}
.freebasic .es0 {color: #000099;font-weight: normal;}
.freebasic .br0 {color: #24be24;}
.freebasic .sy0 {color: #66cc66;}
.freebasic .st0 {color: #f71e1e;}
.freebasic .nu0 {color: #ff3696;}
.freebasic .me0 {color: #66cc66;}
.freebasic .me {1}
.freebasic span.xtra { display:block; }

.fbwrap {
	padding-bottom: 10px;
}

h2 + h3 {
	border-radius: 0 !important;  
}

#designfooter {
	float: right;
	clear: both;
}
#designfooter a {
	text-decoration: none;
	color: #aaa;
}

@media only screen and (max-device-width : 959px) {
	body {
		font-size: 20px;
	}
  .freebasic {
    font-size: 32px;
    padding-left: 60px;
  }
  #main-wrapper {
    padding: 5px 10px;
  }
  #header {
    color: #000;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #header img {
    width: 150px;
    height: 150px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 5px;
  }
  #header h2 {
    font-size: 96px;
    display: inline-block;
    position: absolute;
    top: 29px;
    left: 160px;
    color: #000;
  }
  #nav {
  	clear:both;
    padding-top: 160px;
    padding-bottom: 10px;
  }
  
  #nav li {
	  width: 100%;
  }
  
  #nav li:first-child a {
	border-top-right-radius: 5px;  
  }
  
  #nav li:last-child a {
	border-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 10px;  
  }

  #nav a {
    line-height: 2.6em;
	 font-size: 2.5em;
	 display: block;
	 width: 100%;
	 padding-left: 0;
	 padding-right: 0;
  }

  #nav a:hover {
    background-color: #fff;
  }


  #footer {

  }

  #copyright {
    font-size: 10px;
    padding: 10px 0;
  }

	.hero-list {
		display: none;
	}
	
	#main {
		font-size: 110%;
		line-height: 120%;
	}
	
	#main h1, #main h2 {
		font-size: 125%;	
	}
	
	.download {
		font-size: 50px;
		padding: 30px 40px;	
	}
	
	#main img {
		max-width: 100%;	
	}


}

@media only screen and (min-device-width : 960px) {
  #main-wrapper {
    width: 960px;
    margin: 0px auto;
    padding: 10px;
  }

  #header {
    color: #000;
    line-height: 64px;
  }

  #header img {
    width: 64px;
    height: 64px;
    float: left;
  }

  #header h2 {
    padding-left: 4px;
    font-size: 48px;
    float: left;
  }
  #nav {
    float: right;
  }

  #nav ul li {
    display: inline;
  }

  #main {
    clear: both;
    margin-top: 10px;
    position: relative;
    top: 10px;
    padding: 10px;
    padding-bottom: 15px;
    border-radius: 5px;
  }

  #main h1, #main h2 {
    text-align: right;
  }
  
  	.filler {
		display: table;  
		width: 100%;	
  	}

	.hero-list {
		width: 36%;
		display: table-cell;
		font-family: "Sansita One", cursive;
		font-size: 36px;
		vertical-align: middle;
		line-height: 40px;
		float: left;
	}  
	.hero-list ul {
		list-style: none;
		margin: 0 auto;
		padding-left: 40px !important;
	}
	
	.hero-list li {
		background-image: url(../images/check.png);
		background-repeat: no-repeat;
		background-position: 90% top;	
		padding-bottom: 50px;
	}
	
	.hero-list ul li:last-child {
		padding-bottom: 0;	
	}
  
  .fbwrap {
		width: 64%; 
		float: right; 
		display: table-cell;
  }
  
  #main img {
	width: 320px; 
	margin: 10px; 
  }
  .gallery-left {
	float: left;  
  }
  .gallery-right {
	float: right;  
  }

}