@charset "UTF-8";


body, html {width:100%; height:100% !important; padding:0; margin:0;}



@import url('Bebas-fontfacekit/stylesheet.css')

/* CSS Document 
body{font-family:Arial, Helvetica, sans-serif;font-size:12px; margin:0; padding:0;position:relative; width:100%; height:100%; }
*/
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

a {text-decoration:none;color:#000;}

a img{
	text-decoration:none;
	border:none;}

p{font-family: Arial, Helvetica, sans-serif;
	padding:none;
	font-size:12px;
	text-align:left;
	margin:none;}

p .center{text-align:center;}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
 
  float: left;
  margin-left: 20px;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  background: #fff;
 display: block;
  padding: 0 0px;
  text-transform: lowercase;
  text-decoration: none;
}

#mainOLD{
	width:510px; position:absolute; left:50%; margin-left:-255px; top:50%; margin-top:-125px;padding:none;background-image:url(images/pureawesome_twolines_13.gif);
	
}


#wrapper {width:100%: height:100%; display:block; width:100%; height:100%; background-color:#fff;}
#main-bg {display:none;background-image: url('main-bg.png'); background-repeat: repeat-y; background-position:top center; position:absolute; top:91px; height:602px; width:100%;}

#header{
	z-index:10; width:100%; position:absolute; top:50%; height:50px; margin-top:-30px;padding:none;background:#6B8F3C; overflow:hidden;
	
}

#main {overflow:hidden;z-index:5;display:none;width:958px; min-height:598px;height:auto; border:1px solid #6B8F3C; position:absolute; left:50%; margin-left:-480px; top:90px;border; background:#fff; }
#panes {font-family:Bebas, 'Bebas', helvetica, arial, sans-serif;min-height:600px;height:auto; width:5000px;position:relative;float:left;overflow:hidden;}
.main-pane {width:914px; min-height:554px; height:auto;float:left; margin:20px 220px 20px 20px; border:3px solid #9C443A; display:inline-block;}

#menu {display:none;width:600px; position:absolute; top:61px; left:50%; margin-left:-300px; height:25px; border:0px solid red;}
#menu ul {margin:0 auto; padding:0; }
#menu li {display:inline; float:left; line-height:30px; font-size:24px; text-transform:uppercase; font-family:Bebas, 'Bebas', helvetica, arial, sans-serif; margin:0px 52px 0; }
#menu a {color:#6B8F3C; cursor:pointer;}
.active {color:#9C443A !important;}
#pureawesomeOLD{float:left; width:550px; padding:none; height:123px;}
#pureawesome{width:375px; padding:none; height:51px; margin:auto; margin-top:5px;}

.folio-site {border-width:1px 0px; border-color:#000; border-style:solid; float:left; width:100%; height:auto;overflow:hidden;margin-top:-1px;}
.site-tease {height:100px; width:100%; border:0px solid blue; float:left;position:relative; }
.site-title {cursor:pointer;line-height:100px; margin-left:20px; width:300px; float:left;}
.tease-thumb {width:100px; height:80px; float:right; background:#000; margin-right:10px; margin-top:10px;}
.site-full {height:250px; width:100%; border:0px solid blue; float:left;position:relative;}




.blurb {width:460px;height:195px; border:1px solid red;background:#fff;}

#aboutus{
  background: #fff;
  list-style: none;
  margin-left: 74px;
  position: absolute;
  width:150px;
 
}
#secondary{float:left; width:500px;height:190px;}


#ourwork{
  background-image:url(images/pureawesome_twolines_19.gif);
  list-style: none;
  position: absolute;
  margin-left:-4px;
  width:150px;
}

#infobox {
	float:left;
	width:470px;
	height:220px;
	background-image:url(images/pureawesome_twolines_25.gif);
	padding:20px;}
	



#nav-one{margin-top:10px;}

.nav li ul {
  top: 45px;
}


.nav li ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	width:130px;margin:0px;
	margin-bottom:10px;
	text-decoration:none;
	color:#000;
	
	padding-left:16px;
	padding-right:16px;
}
a{
	text-decoration:none; display:block;}
	
.left{float:left; padding-right:5px;}
.right{float:right; padding-left:5px;}

.third a{
border-bottom:1.5px solid #6B8F3C;
height:20px;
text-decoration:none;
color:#6b8f3c;

}


#aboutus .third {
	background-image:url(images/pureawesome_twolines_20.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#ourwork .third{
	background-image:url(images/pureawesome_twolines_21.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	
	}