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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Thanks to Eric Meyer */


/* HTML Elements */

body {
    background:#FCFCFC;
	font: 62.5%/1.4 Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;}
	
a{color:#009ADE;text-decoration:none;}

a:hover{text-decoration:underline;}


strong {font-weight:bold;}
	
img.left
{
	float:left;
	margin-right:15px;}
	
img.right{float:right;}
	
#logo{
    margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;}
	
#logo a:hover{background-color:transparent;}
		
		

	
/* Structure */
#container{
    font-size:1.4em;
    margin:0 auto;
    text-align:center;
    width:940px;}
    
#header{
    float:left;
    margin-bottom:25px;
    width:940px;}

#logo{
    background:transparent url(../Images/logo.gif)  no-repeat 0 0;
    height:90px;
    margin-left:-6px;
    position:absolute;
    top:38px;
    width:131px;}   
    

#logo a{
    display:block;
    height:90px;}
    
#logo a{cursor:default;}

#logo.page a{cursor:pointer;}
    
#logo.page:hover{background-position:-131px 0;}

#main ul{
    background: #EEE url(../Images/menu-bg.gif) repeat;
    border:solid 1px #DDD;
    float:right;
    font-size:1.2em;
    width:794px;}
    
#main ul li{
    border-left:ridge 2px #FFF;
    float:left;
    height:30px;
    width:24.8%;}
    
#main ul li strong{font-weight:200;}
    
#main ul li.first{border-left:none;}
    
#main ul li a{
    color:#222;
    display:block;
    padding:4px 0 3px;
    width:100%;
    text-decoration:none;}
    
#main ul li a:hover{
    background-color:#999;
    color:#EEE;}
    
#main ul li.current a{
    background-color:#777;
    color:#FFF;}
    
#utility ul{
    clear:none;
    float:right;}
    
#utility ul li{
    float:left;
    margin:30px 0 25px 30px;}
    
#utility ul li a{
    color:#999;
    text-decoration:none;
    text-transform:lowercase;}
    
#utility ul li a:hover{text-decoration:underline;}


#cols{
    clear:both;
    float:left;}
    
    
#footer{
    background-color:#FFF;
    border:solid 1px #E6E6E6;
    color:#777;
    float:left;
    min-height:145px;
    margin-top:10px;
    padding:27px;
    width:886px;}
    
#footer h4{
    float:left;
    font-size:1.9em;
    margin-bottom:10px;
    margin-left:0;}
    
#footer p{
    clear:both;
    float:left;}
    

 #footer p  q{
    color:#999;
    font-size:1.3em;
    float:left;
    line-height:1.2em;
    margin-top:15px;
    text-align:left;}
    
#footer cite
{
	clear:both;
	color:#999;
    float:right;
    font-size:1.3em;
    margin:15px 30px 10px 590px;}   
    
div.copyright
{
	background-color:#F5F5F5;
	color:#999;
	float:left;
	font-size:.9em;
	height:25px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:5px;
	text-align:center;
	text-indent:20px;
	}
	
	
/* Quotes */

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

q {
  font-style: italic;
}

p>q, li>q {
  font-style: normal;
}

    
/* Details */

/* Home intro box */

/* div.home{background:#FFF url(../Controls/Images/shading2.gif) repeat-x top;} */

div.home{background-color:#FFF;}

.home div
{
    color:#444;
    margin:0 auto;
    padding:40px 0 70px;
    text-align:left;
    width:725px;}
    
.home h2
{
	font-size:2.3em;
	font-weight:100;
	font-style:normal;
	letter-spacing:.008em;
		width:733px; height:59px;
         background:url(../Images/westartwithyourcontent.gif);
         text-indent:-9999px;}
    
.home p{
    color:#666;
    font-size:1.9em;
    font-style:italic;}

.home span{
    display:block;
    font-size:2.3em;
    font-weight:100;
    font-style:normal;
    letter-spacing:.008em;
    margin:-10px 0;}

.home p a{
    color:#00ABEF;
    float:right;
    font-style:normal;
    text-decoration:none;}
    
.home p a:hover{background-color:#FFF;text-decoration:underline;}

/* End home intro box */

.page div{
    color:#666;
    margin:0 auto;
    padding:25px 0;
    text-align:center;
    width:790px;}
    
.page div h3
{
	font-size:2.2em;}

.child{
    color:#444;
    float:left;
    margin:0 auto;
    margin-top:10px;
    text-align:left;}

.child div{
    float:left;
    padding:20px;
    width:428px;}
    
.child div.left{
    border-right:solid 1px #DDD;
    height:150px;}
    
.child div img{margin-top:-6px;}

.child div h4{
		font-size:1.4em;
		margin-bottom:5px;}
		
.child div p{margin-bottom:15px;}



/* Footer Portfolio  */

.portfolioSliderWrapper{
    float:left;
    margin-left:-5px;
    min-height:170px;
    width:890px;}

.portfolioSlider {
  width: 890px;
  margin:0 auto;
  position: relative;
}

.portfolioSlider .wrapper {
  width: 835px; /* .portfolioSlider width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 28px;
  position: absolute;
  top: 0;
}

.portfolioSlider ul a img {
  border: 1px solid #CCC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding:3px;
}

.portfolioSlider .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.portfolioSlider ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 115px;
  width: 190px;
}

.portfolioSlider ul li a img {
  display:block;
}

.portfolioSlider .arrow {
  display: block;
  height: 27px;
  width: 26px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 27px;
  cursor: pointer;
}

.portfolioSlider .forward {
  background-position: 0 0;
  right: 0;

}


.portfolioSlider .back {
  background-position: 0 -56px;
  left: 0;
}

.portfolioSlider .forward:hover {
  background-position: 0 -28px;
}

.portfolioSlider .back:hover {
  background-position: 0 -84px;
}

/* Clients */

div.client
{
	background-color:#FFF;
    border-bottom:solid 1px #DDD;
    float:left;
    margin-top:10px;
    padding:30px 0;
    text-align:left;}

div.client div{
    border:solid 1px #FFF;
    float:inherit;
    margin-left:65px;
    padding:0;
    width:267px;}
    
div.client div.first{margin-left:0;}


div.client div h3{
    color:#0D82A1;
    font-size:1.3em;
    margin-bottom:2px;}
    
div.client div img{
    border:solid 1px #CCC;
    margin-bottom:5px;}
    
div.client div p span{float:left;}


/* BIOS */

/* TODO: MOVE MARGIN TO BOTTOM OF PAGE HEADING */

div.bio	
{
	border:solid 1px #333;
	float:left;
	height:130px;
	margin:15px 15px 0 0;
	overflow:hidden;
	width:101px;}
	
div.bio img{position:relative; top:0; left:0;}
	
div.bio img:hover{left:-121px;}

ul.submenu, div.context-box
{
	background-color:#FFF;
	border:solid 1px #EEE;
	clear:both;
	float:right;
	height:auto;
	margin:10px 0 5px;
	text-align:left;}
	
ul.submenu{width:250px;}
	
div.context-box
{
	padding:15px 30px 10px 10px;}
	
div.context-box ul{}

div.context-box ul li {
	  background:url("../Images/bullet.gif") no-repeat 0 8px;
	  margin:3px 0 0;
	  padding:0 0 0 13px;}
	
ul.submenu li
{
	border-bottom:solid 1px #DDD;
	padding:4px;}
	
	
	
div.col-left
{
	margin-top:10px;
	text-align:left;
	width:640px;}
	
	
div.col-left p{margin-bottom:15px;}

div.col-left ul
{
		margin:0 2em 2em 1em;
		padding:0;
		list-style:none;}
	 
div.col-left ul li {
	 list-style-type:none;
	  background:url("../Images/arrow.gif") no-repeat 0 2px;
	  margin:3px 0 0;
	  padding:0 0 0 20px;}

	  
	  
div.col-left div.content{padding:15px 15px 10px 25px;}	  

div.col-left div.content h4{font-size:1.5em;}



div.bio-intro{float:left;}

div.bio-intro div
{
	float:left;
	height:78px;
	margin:0 0 35px 39px;
	width:300px;}
	
div.bio-intro div.first{margin:0 0 35px 0;}
	
div.bio-intro div img
{
	border:solid 1px #333;
	float:left;
	margin:5px 5px 0 0;
	}

/* contact */

div.intro{margin:10px 0;}

div.intro div
{
	padding:15px;
	text-align:left;}

div.intro div p{padding-bottom:15px;}

fieldset.contact
{
	background-color:#FFF;
	border:solid 1px #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	height:auto;
	padding:30px;
	text-align:left;
	width:880px;}
	
fieldset.contact input, fieldset.contact textarea{margin-bottom:8px;}

/* // contact */


/* // lists */
ul.paragraph{margin-top:-12px !important;}
	 
ul.paragraph li {
	background:none !important;
	border-bottom:solid 1px #EEE;
	padding:12px 0 !important;}
	

	
/* // FAQ */
table.faq-repeater{
	margin-top:10px;}
	
table.faq-repeater tr.question td,table.faq-repeater tr.answer td{padding:7px 15px 7px;}
	
table.faq-repeater td hr{border-width:0; border-bottom-width:1px;border-bottom-color:#CCC;}


/* // Services */

div.col-left div.list-wrapper
{}
	
	
div.col-left div.list-wrapper ul{margin-top:-15px;}

div.col-left div.list-wrapper ul li {
	  background:url("../Images/bullet.gif") no-repeat 0 8px;
	  margin:3px 0 0;
	  padding:0 0 0 13px;}
	  
div.services-wrapper{float:left;background-color:#FFF;padding:10px;margin-top:10px;} 
	  
div.services, div.services-first
{
	border:0;
	float:left;
	height:150px;
	margin-top:20px;
	margin-left:38px;
	text-align:left;}
	
div.services-first{margin-left:0;}
	
div.services h4,div.services-first h4
{
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:7px;
	width:270px;}
	
div.services img, div.services-first img
{
	margin-top:-8px;
	margin-left:-4px;
	width:54px;
	height:54px;}