/* CSS Document */

/* 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, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

::-moz-selection{background:#9e005d; color:#fff; }
::selection{background:#9e005d; color:#fff;}



																												/* UNIVERSAL */
html {
 height: 100%;
}
body {
 font-family:'Open Sans 300', sans-serif;
 font-size:16px;
 color:#444;
 width: 100%;
 height: 100%;
 background-image:url(../images/cardboard_flat_@2X.png);
 background-repeat: repeat-x repeat-y;
 margin:0; 
 padding:0; 
 }
 
																												/* TEXT - UNIVERSAL */ 

a { 
 font-family:'Open Sans 600', sans-serif;
}

p { 
 font-family:'Open Sans', sans-serif;
}

h1 {
 font-family:'Open Sans 700', sans-serif;
 font-size:20px;
}

h2	{
 font-family:'Oswald', sans-serif;
 font-size:35px;
 font-weight:400;
 text-shadow: 1px 1px 0 #FFF;
 text-align:right;
}

h3	{
 font-family:'Open Sans 600', sans-serif;
 font-size:18px;
}

h5	{
 font-family:'Open Sans 400', sans-serif;
 font-size:18px;
 color:#666;
 font-style:italic;
}

h6	{
 font-family:'Open Sans 700', sans-serif;
 font-size:20px;
 color:#571631;
}



																												/* DIVIDER */
.divider {
margin: 0 !important;
padding: 0 !important;
height: 1px;
width: 100%;
clear: both;
background-color: #DDD;
border-bottom: 1px dotted #999;
position: relative;
font-size: 0px;
line-height: 0px;
}



.dividerfooter {
margin: 0 !important;
padding: 20px 0 0 0 !important;
height: 1px;
width: 100%;
clear: both;
border-bottom: 1px dotted #999;
position: relative;
font-size: 0px;
line-height: 0px;
}

																												/* WRAPPERS */
#outerwrapper	{	
 position:relative;
 max-width:100%; 
 min-height:100%;
 max-height:100%;
}

#wrapper		{
 width:100%; 
 height:100%;
 margin-bottom:50px !important;
}

																												/* FOOTER */
																												
.footer {
 width:100%;
 height:251px;
 margin: 20px 0 0 0 !important;
 clear:both;
 background:#0a0e0f;
 position:relative;
 bottom:0;
}

.footercontent	{
 position:relative;
 width:1200px;
 height:230px;
 margin: 0 auto;
 padding: 20px 0 0 0 !important;
 text-align:left;
 color:#FFF;
 font-family:'Open Sans 600', sans-serif;
 font-size:14px;
 background:#0a0e0f;
 border-top: 1px groove #999;
}

.footercontent > p > a	{
 color:#FFF;
}



																												/* NAVIGATION - Desktop */

h1 {
 font-family:'Open Sans 700', sans-serif;
 font-size:20px;
}

h2	{
 font-family:'Oswald', sans-serif;
 font-size:35px;
 font-weight:400;
 text-shadow: 1px 1px 0 #FFF;
 text-align:right;
}

h4	{
 font-family:'Open Sans 700', sans-serif;
 font-size:20px;
 color:#9e005d;
}


h3	{
 font-family:'Open Sans 600', sans-serif;
 font-size:18px;
}

h5	{
 font-family:'Open Sans 400', sans-serif;
 font-size:18px;
 color:#666;
 font-style:italic;
}

h6	{
 font-family:'Open Sans 700', sans-serif;
 font-size:20px;
 color:#571631;
}

h7	{
 font-family:'Open Sans 400', sans-serif;
 font-size:20px;
 color:#9e005d;
 font-style:italic;
}




#mobnav {
 display:none;
}

#servicesbuttons	{
 display:none;
}


#nav {
 width: 100%; 
 height: 85px; 
 background:#0a0e0f;
 margin:0 ;
 border-bottom:groove;
 position:fixed;
 top:0; 
 -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 10px px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 10px 10px rgba(0,0,0,0.2); 
 box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 20px 10px rgba(0,0,0,0.2);
 z-index:9999 !important;
 font-size:18px;
 }
 
#navcontent	{
 position:relative;
 width:1200px;
 margin: 0 auto;
}

#nav img {
 max-width:100%;
 float:left;
}

#navigation {
 position:relative;
 list-style: none;
 margin-left: 20%;
}

#navigation > li {
 float: left;
 height: 100%;
 margin-right: 1%;
 margin-left: 1.5%;
}

#navigation > li > a {
 position:relative;
 max-width: 100%;
 float: left;
 height: 100%;
 color: #CCC;
 text-decoration: none;
 line-height: 5;
 font-family:'Open Sans 600', sans-serif;
}

#navigation > li > a:hover {
 color:#9e005d;
 text-decoration: underline;
}

#navigation > li.sub {
 position: relative;
}

#navigation > li.sub ul {
 width: 13em;
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute;
 top: -1000em;
 border-color:#000;
 border:groove;
 /* fallback */
 background-color: #c0c0c0;
 background-repeat: repeat-x;
  
  /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#c0c0c0));
  
  /* Safari 5.1, Chrome 10+ */
 background: -webkit-linear-gradient(top, #dedede, #c0c0c0);
  
  /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #dedede, #c0c0c0);
  
  /* IE 10 */
 background: -ms-linear-gradient(top, #dedede, #c0c0c0);
  
  /* Opera 11.10+ */
 background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

#navigation > li.sub ul li {
 margin: 0 5px 0.3em 0;
 padding-bottom:0.3em;
 border-bottom: #000 thin solid;
}

#navigation > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.4em 4px;
 color: #333;
 text-decoration: none;
}

#navigation > li.sub ul li a:hover {
 background: #761d43;
 text-decoration: underline;
 color: #FFF;
}

#navigation > li.sub:hover ul {
 top: 3em;
}

ul.submenu	{
display:none;
}

li:hover > .submenu	{
display:block ;
position: inherit;
top:-3px !important;
left:100%;
z-index:9999;
}

li:hover	{
 position:relative;
 z-index:9999;
}

.contactinfo	{
 float:right;
 height:85px;
 padding-top: 10px;
 padding-right: 30px;
}

.contactinfo > p	{
 position:relative;
 color:#FFF;
 line-height:20px;
 padding-top:2px;
 font-size:14px;
}

.contactinfo > p > a	{
 color:#FFF;
}

.socialmedia	{
 float:right;
 height:85px;
 padding-top: 10px;
 padding-right: 10px;
}

.socialmedia > a > img	{
 padding-top: 2px;
 width: 20px;
 height: 20px;
}


																												/* CONTENT - Desktop */

#content {
 width:1200px;
 position:relative;
 margin: 0 auto;
 padding-top:120px;
}

#content p {
 line-height:1.5;
}

#content img {
 max-width:35%;
 float:left;
 margin-right: 20px;
}

.nodisplay	{
 display:none;
}

#geotechnicabanner {
 max-width:100%;
}

#content a	{
 font-style:italic;
 color:#00C;
}

.serviceslogos	{
 max-width:100%;
 position:relative;
 margin: 0 auto;
}

.serviceslogos img {
 position:relative;
 left:4%;
 width:20%;
 padding: 0 1%;
 }

#leftquarter	{
 max-width:25%;
 float:left;	
}

#contentleftthird	{
 max-width:33%;
 float:left;
 padding-right:1%;	
}

#contentrightthird	{
 max-width:33%;
 float:right;	
 padding-left:1%;
}

#contentmidthirdcourses	{
 max-width:33%;
 float:left;
 padding: 0 1%;
}

#contentmidthird	{
 max-width:45%;
 clear:left;
}

#contentrighttwothird	{
 max-width:66%;
 float:right;
 padding-left:1%;	
}

#contentrighttwothird2	{
 max-width:65%;
 float:right;
 padding-left:1%;	
}

#rightthreequarter	{
 max-width:75%;
 float:right;	
}

#contentlefthalf	{
 max-width:45%;
 float:left;	
}

#contentrighthalf	{
 max-width:45%;
 float:right;	
}

#upcomingcourses	{
 float:left;
 max-width:32%;
 padding-right:1%;
}

.tabletimgrightalign	{
 text-align:right;
}

.geotechnicabanner	{
 max-width:100% !important;
 padding-bottom:10px;

}

.geotechnicaimgbanner	{
 max-width:100% !important;
 padding-bottom:20px;

}

.geotechnicasignupbuttonleft	{
 float:left !important;
 max-width:100% !important;
}

.geotechnicasignupbuttonright	{
 float:right !important;
 max-width:100% !important;
}

.floatrighttablet	{
 float:right !important;
}





																											/* FORMS - Desktop */
.forms li {
  overflow: hidden;
  list-style-type:none;
}


em.error {
  clear: both; display: block;
  font-size: 12px; font-style:italic; color: #f00;
  margin: -10px 0 10px 175px;
}	

																										


																											/* NAVIGATION - Mobile */
@media all and (min-width:100px) and (max-width:325px) {
#nav {
 width: 100%; 
 height: 90px; 
 background-image:url(../images/navbg.png);
 margin:0 auto ;
 position:relative;
 
 }

#nav img {
 max-width:100%;
 position:absolute;
 margin: 0 0 0 -50%;
 left:50%;
 }

#navigation {
 display:none;
}

#mobnav		{
 width:100%;
 position:relative;
 padding:0 0 4px 0;
 margin:0;
 background-image:url(../images/navbg.png);
 border-bottom:groove;
}

#mobnav img		{
 width:100%;
 position:relative;
 padding:0;
 margin:0;
}


																											/* CONTENT - Mobile */
#content {
 max-width:90%;
 position:relative;
 margin: 0 auto;
 top:25px;
}

.tabletimg	{
 display:none;
}

.mobileimg	{
 display:none;
}

.nodisplay	{
 display:inherit;
}


#content p {
 line-height:1.5;
 font-size:16px;
}

#content h1	{
 font-family:'Oswald', sans-serif;
 font-size:35px;
 text-shadow: 1px 1px 0 #FFF;
 text-align:right;
}

#content h2	{
 font-family:'Open Sans 700', sans-serif;
 font-size:16px;
}

#content h3	{
 font-family:'Open Sans 600', sans-serif;
 font-size:14px;
}

#content h4	{
 font-family:'Open Sans 700', sans-serif;
 font-size:16px;
 color:#9e005d;
}

#content h5	{
 font-family:'Open Sans 400', sans-serif;
 font-size:14px;
 color:#666;
 font-style:italic;
}

#content h6	{
 font-family:'Open Sans 700', sans-serif;
 font-size:16px;
 color:#571631;
}


#content img {
 float:left;
 margin-right: 20px;
}

#content a	{
 font-style:italic;
 color:#00C;
}

.serviceslogos	{
 max-width:100%;
 position:relative;
 margin: 0 auto;
 display:none;
}

#serviceslogos img {
display:none; }

#servicesbuttons	{
 width:100%;
 position:relative;
 margin:0;
}

#servicesbuttons img		{
 width:100%;
 position:relative;
 padding:2px 0;
 margin:0;
}


#contentleftthird	{
 max-width:100%;
 display:none;
}

#contentrightthird	{
 max-width:33%;
 float:right;	
}

#contentmidthird	{
 max-width:33%;
 clear:both;
}

#contentrighttwothird	{
 max-width:100%;
 display:none;
}

.floatlefttablet	{
 float:left !important;
 display:none;
}

.floatrighttablet	{
 display:none;
}


.tabletimgrightalign	{
 display:none;
}

.geotechnicabanner	{
 display:none;

}

.geotechnicaimgbanner	{
 display:none;

}

.geotechnicasignupbuttonleft	{
 display:none;
}

.geotechnicasignupbuttonright	{
 display:none;
}


}

																												/* CLASSES - UNIVERSAL */

.donotdisplay	{
 display:none;
}

.rightaligntext	{
 text-align:right !important;
}

.leftaligntext	{
 text-align:left !important;
}

.floatright	{
 float:right !important;
}

.floatleft	{
 float:left !important;
}



.maxwidth100	{
 max-width:100% !important;
 min-width:130px !important;
}

.paymenttable	{
	width:100%;
 }

.paymenttable tr	{
	width:100%;
}

.paymenttable tr td		{
 padding:
 1% 5%;
}

.clearboth	{
 clear:both;
}

.designcredit	{
 text-align:center;
 font-size:10px;
}