/*
Author: Andrew Hill
Author URI: www.aephill.com
Version: 0.0.1
*/

/* Meyer 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,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,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ---- Layout and Basics  ---- */

.clearfix:after, .content:after { content: ""; display: table; clear: both;}
::selection { background: #00d9d6; color: #fff; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #00d9d6; color: #fff; /* Gecko Browsers */ }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
a {transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear;}
.skip { position: absolute; left: -999em; }
html { font-size: 62.5%; height: 100%; overflow-x: hidden; }
body { font-family: Cambria,Georgia,serif; font-style: normal; font-weight: 300; font-size: 16px;  font-size: 1.6rem; line-height: 20px;  line-height: 2.0rem; letter-spacing: 0; text-align: left; color: #777; outline: none; background-color: #ffffff; }
#wrapper { min-height: 100%; width: 1000px; margin: 0 auto; margin-top: 70px;  padding: 0 0 0 0; }
#header {  width: 100%; margin-bottom: 45px;  }
#leftCol {  width: 20%;  float: left; }
#rightCol {  width: 80%;  float: left; padding-top: 20px; margin-bottom: 40px;  border-top:1px solid gray; border-top-style: dashed;  border-bottom:1px solid gray; border-bottom-style: dashed;

padding-bottom: 120px; background: #fff url('/images/logos.jpg')  no-repeat bottom 20px center ; background-size: 300px auto; }


#rightCol {  }
 
 


background: #ccc url('Images/block.gif') no-repeat scroll bottom center;


/* ---- Typography - images ---- */

em { font-style: italic; }
p, br, h1, h2, h3 {padding-bottom: 18px;}
img    { border:0px; }
a:link, a:visited, a:active { text-decoration:none; color:#777777; font-weight: 600; }
a:hover  { text-decoration:none; color:#595959; }  

h1 { font-family: Cambria,Georgia,serif; font-style: normal; font-weight: 300; font-size: 30px;  font-size: 3.0rem; line-height: 36px;  line-height: 3.6rem; color: #555 }
h1 em { font-family: Cambria,Georgia,serif; font-style: italic; font-weight: 300; font-size: 22px;  font-size: 2.2rem; line-height: 26px;  line-height: 2.6rem; }
h2 { font-family: Cambria,Georgia,serif; font-style: normal; font-weight: 550; font-size: 24px;  font-size: 2.4rem; line-height: 28px;  line-height: 2.8rem; }
h3 { font-family: Cambria,Georgia,serif; font-style: normal; font-weight: 600; font-size: 16px;  font-size: 1.6rem; line-height: 26px;  line-height: 2.6rem; }

#nav { margin:0; padding:0;  list-style:none; }
#nav li { font-family: Cambria,Georgia,serif; font-style: normal; font-weight: 300; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; padding:0; margin:0; height:36px; display:block;}
#nav li a { text-align:left; height:36px; display:block; text-decoration:none; line-height:40px; }
#nav li a:hover { color:#595959; }
#nav li a.active, .menu li a.active:hover { color:#595959; }

.rightImage { float:right; width:200px; height:200px; padding: 0 0 18px 18px; margin: 0 40px 0 0; }


/* ---- Respsonsive  ---- */

/* ----------- iPad Portrait to desktop  ----------- */
@media only screen and (min-width:768px) and (max-width:1023px) {
	#wrapper { width: 100%;  margin-top: 44px;  padding: 0 5% 0 5%;}
	#header { margin-bottom: 30px;  }
}

/* ----------- Smartphones ----------- */
@media only screen and (max-width:767px) {
	#wrapper { width: 100%;  margin-top: 34px;  padding: 0 5% 0 5%;}
	#header { margin-bottom: 10px;  }
	#leftCol {  width: 100%; float:none; margin-bottom: 30px; border-top:1px solid gray; border-top-style: dashed; padding-top: 26px;  }
	#rightCol {  width: 100%; float:none; padding-top: 30px;}
	h1 { text-align: center; }
	h1 em { text-align: center; }
	h2 { text-align: center; }
	#nav li { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem;}
	#nav li a { text-align: center; }
	
	.rightImage { float:none; width:200px; height:200px; padding: 0 0 0 0; display: block; margin: 0px 0 15px 60px; auto; }
	
}