@charset "utf-8";
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, font, 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{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:1em;
    vertical-align:baseline;
    background:transparent;
}

html { 
    height: 100%;
    margin-bottom: 1px;
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), local('DroidSans'), url('http://themes.googleusercontent.com/font?kit=rS9BT6-asrfjpkcV3DXf__esZW2xOQ-xsNqO47m55DA') format('truetype');
}



body{
    background:#fff;
    color:#7E7E7E;
    padding-top:165px;
	font: normal 75%/1.3em Futura, 'Droid Sans', 'DroidSans', "Century Gothic", AppleGothic, sans-serif;
}
ol, ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,q:after{
    content:'';
    content:none;
}			
:focus{outline:0;}			
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{
    border-collapse:collapse;
    border-spacing:0;
}
input[type=hidden]{visibility:hidden;}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix{display:inline-block;}

/* start commented backslash hack \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* stop commented backslash hack */	

h1,h2,h3,h4,p,ul,ol{margin:0.5em 0;}
p{margin-bottom:1em;}
h1,p.slogan{display:none;}
h2, h3{
    font-size:145%;
    line-height:140%;
    font-weight:normal;
    color:#000;
    text-transform:uppercase;
}
h4 {
    color:#000;
    font-size:0.8em;
    margin-top:40px;
}

/*********************************************************/

a, a:link {color:#0073ae;text-decoration:none;}
div#content a,div#footer a{color:#7E7E7E;}
a:visited, div#content a:visited, div#footer a:visited{color:#7E7E7E;}  /* visited link */
a:hover, div#content a:hover, div#footer a:hover{color:#c1d72e;}  /* mouse over link */
a:active,a.active,div#content a:active,div#content a.active,div#footer a:active,div#footer a.active{color:#333;}  /* selected link */

div#content,div#footer{
    position:relative;
    width:900px;
    margin:0 auto;
    padding-bottom:101px;
    background:rgba(255,255,255,0.7);
}
div#content li {
    line-height:1.2em;
    padding:0.3em 0;
}
div#content li.heading {
    color:#000;
    line-height:1.2em;
    padding:0.3em 0 0.8em;
}
div.home{
    text-align:center;
}
div.home img{
    width:440px;
    margin-top:200px;
}
div.client_list ul{
    width:900px;
    -moz-column-count:3;
    -webkit-column-count:3;
    -moz-column-gap:50px;
    -webkit-column-gap:50px;
}
div.what_we_do ul{
	float:left;
	width:189px;
}
div.what_we_do ul.last{
	width:140px;
}

/* who we are */
div.who_we_are div{
	float:left;
	width:400px;
	padding-right:50px;
	margin:0;
}
div.who_we_are acronym, div.who_we_are abbr{
	border-bottom: 1px dotted #ccc;
}

div.who_we_are ul.owners, div.who_we_are ul.employees{
	display:block;
	height:300px;
	width:175px;
	margin:0;
	padding:0;
	float:left;
	font-size:90%;
}
div.who_we_are ul.owners{
	width:255px;
	margin-right:20px;
}
div.who_we_are ul.employees{
	margin:0;
}
div.who_we_are ul li a {
	display:block;
	height:35px;
	vertical-align:middle;
	padding:15px 0 10px 75px;
	margin-left:-15px;
}
div.who_we_are ul.employees li a {
	padding-left:85px;
	margin-left:-25px;
}
div.who_we_are ul span.name{
	display:block;
	font-weight:bold;
}
div.who_we_are li a{
	background: url(../img/icon-andre.jpg) no-repeat left top;
}
div.who_we_are li.jason a{
	background-image: url(../img/icon-jason.jpg);
}
div.who_we_are li.tim a{
	background-image: url(../img/icon-tim.jpg);
}
div.who_we_are li.serge a{
	background-image: url(../img/icon-serge.jpg);
}
div.who_we_are li.sam a{
	background-image: url(../img/icon-sam.jpg);
}
div.who_we_are li.ben a{
	background-image: url(../img/icon-ben.jpg);
}
div.who_we_are li.sam a{
	background-image: url(../img/icon-sam.jpg);
}
div.who_we_are li.mike a{
	background-image: url(../img/icon-mike.jpg);
}
div.who_we_are li.chester a{
	background-image: url(../img/icon-chester.jpg);
}
div.who_we_are li.ryan a{
	background-image: url(../img/icon-ryan.jpg);
}
div.who_we_are li.lisa a{
	background-image: url(../img/icon-lisa.jpg);
}
div.who_we_are li.you a{
	background: url(../img/icon-you.jpg) no-repeat 4px top;
	margin-top: 8px;
}

div.who_we_are div.you .sub{
	margin-top:0;
	padding-top:0;
}
div.who_we_are div.you .heading{
	margin-bottom:0;
	padding:10px 0 5px;
	font-weight:bold;
}
div.who_we_are div.you ul{
	margin-left:0;
	padding-left:0;
	display:block;
	float:none;
	height:auto;
	width:auto;
	list-style:none;
}
div.who_we_are div.you li{
	margin-left:0;
	padding-left:0;
	list-style:none;
}



/* our work */
div.our_work ul.categories {
    position: absolute;
    top:27px;
    left:0;
}
div.our_work ul.categories a{
    display: block;
    width: 120px;
}

div.our_work div#view{
    position:relative;
    margin:-30px 0 0 120px;
    padding:0;
    width:780px;
    text-align:center;
    overflow:hidden;
}
div.our_work div#view img.large{
    height:auto;
    max-width:540px;
}
div.our_work p.prev, div.our_work p.next{
    position:absolute;
    top:0;
    bottom:0;
    left:55px;
    width:auto;
    padding:145px 0 0;
    margin:0;
}
div.our_work p.next{
    right:55px;
    left:auto;
}
div.our_work p.prev a, div.our_work p.next a{
    display:block;
    padding:5px;
}
div.our_work p.prev a img, div.our_work p.next a img{
    opacity:0.3;
    moz-opacity:0.3;
}
div.our_work p.prev a:hover img, div.our_work p.next a:hover img{
    opacity:0.5;
    moz-opacity:0.5;
}

/* contact us div */
div.contact_us acronym, div.contact_us abbr{
	border-bottom: 1px dotted #ccc;
}

/* footer div */
div#footer {
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-450px;
	padding:0;
	z-index:2;
	background:rgb(255,255,255); /* the fallback */
	background:rgba(255,255,255,0.8);
}
div#footer img {
	width:266px;
	padding:25px 0;
}
div#footer ul{
	display:block;
	position:absolute;
	top:0;
	right:-1em;
	height:34px;
}
div#footer li{
	float:left;
	height:34px;
}
div#footer li a{
	display:block;
	font-size:130%;
	height:34px;
	line-height:34px;
	letter-spacing:-0.2px;
	white-space:nowrap;
	text-decoration:none;
	padding:18px 1em 32px;
}
div#demo{
	position:absolute;
	top:50px;
	height:72px;
	width:100%;
	overflow:hidden;
        box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
div#indemo{float:left;width:800%;}
div#demo1,div#demo2{float:left;} 
div#demo ul{
	position:relative;
	height:72px;
	left:0;
	width:200%;
}
div#demo li{
	display:inline;
}
div#demo a{
	display:block;
	float:left;
	padding-right:0;
	margin-left:1px;
}
div#demo img{
	height:72px;
}
#content p.facebook_p{
	position: relative;
	left: -12px;
}
#continue_text{
	text-align:center;
	font-size: 110%;
}
/*


@media print {
	
}

@media screen {

}
*/