#content {
	display: inline;
	float: left;
	margin: 33px 0 0 0;
	padding:0 0 0 0px;
	width: 960px;
	}
	
/* About Page Styles */


#mtSolid {
	position: absolute;
	top: 67px;
	left: 548px;
	}

#top {
	border-bottom: 1px dashed #D5D5D5;
	min-height: 440px;
		height: auto !important;
		height: 440px;
	}
	
.leftColumn {
	float: left;
	margin: 0 52px 0 0;
	width: 443px;
	}
	
	.leftColumn.bottom {
		margin-top: 30px;
		margin-right: 30px;
		width: 466px;
		}
	
.rightColumn {
	float: left;
	margin: 0 0 0 0px;
	width: 465px;
	}
	
	.rightColumn.bottom {
			margin: 95px 0 25px 0px;
			padding: 0 0 0 0px;
			width: 464px;
			}
	
h2#eat {
	padding: 3px 3px 3px 3px;
	width: 382px;
	}
	
h2#strategy {
	margin: 0 0 35px 0px;
	padding: 3px 3px 3px 3px;
	width: 153px;
	}
	
	#flash {
		height: 400px;
		width: 466px;
		}
	
#content p.intro {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 30px 0 28px 0;
	}
	
	#content p.intro span {
				color: #cc0066;
				}
				
.bio {
	float: left;
	margin: 0 0 0 0px;
	width: 278px;
	}
	
	.bio p {
		margin: 0 60px 0 23px;
		}
	
		.bio.right {
			margin: 0 0 0 0;
			width: 239px;
			}
	
#content p.name {
	color: #3399cc;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0 0 0px;
	}
	
#content p.title {
	color: #585858;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0 0;
	}
	
#content .bio.right p.name {
	margin: 5px 0 0 0px;
	}
	
#content .bio.right p.title {
	margin: 0px;
	}
	
#content .bio.right p {
	margin: 0 60px 0 0;
	}

	
.focusWe {
	float: left;
	margin: 0 30px 20px 0;
	width: 217px;
	}
	
.focusWe.right {
	margin: 0px;
	}
	
.focusWe h3 {
	color: #000000;
	font-size: 1.3em;
	margin: 20px 0 0 0;
	}
	
	.focusWe h3 span {
			color: #0099ff;
			}
		
/* Work Page Styles */

#dudes {
		position: absolute;
		top: 89px;
		left: 500px;
		}
		
#leftColumnWork {
		float: left;
		width: 217px;
		}
		
h2#ourWork {
		width: 107px;
		}
		
#projectnav {
		margin-top: 40px;
		}
		
		#projectnav #featured {
			color:#666666;
			font-size:12px;
			font-weight: bold;
			margin-right:60px;
			margin-top:20px;
			margin-bottom: 20px;
			text-transform:uppercase;
			}

#featured a {
		color:#1AA9E5;
		text-decoration:none;
		}
		
		#projectnav ul {
			border-bottom: 1px solid #e4e4e4;
			list-style-type:none;
			margin: 10px 0 66px 0px;
			padding: 0px;
			}
			
			#projectnav ul li {
				border-top: 1px solid #e4e4e4;
				padding: 8px 0 8px 0;
				}
				
				#projectnav ul li a {
						color:#666666;
						font-size:12px;
						font-weight: bold;
						padding:0px;
						text-decoration:none;
						}
					#projectnav ul li a.current {
						background: #3399cc;
						color: #FFFFFF;
						font-weight: bold;
						padding: 3px 5px 3px 5px;
						}
h3#goodness {
		color: #333333;
		font-size: 1.1em;
		}
		
#content .focusLink {	
		background: #3399cc;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px 6px 3px 6px;
		}
												
#projects2 {
		float: left;
		margin-left:0px;
		margin-top:0;
		padding-top:0px;
		width: 743px;}

.project {
		float:left;
		height:216px;
		margin-bottom:10px;
		margin-left:10px;
		width:224px;
		}
		
.boxgrid {
		background: #2C2C2C url(../../img/content-design/bg-project-icon.jpg) 0 0 no-repeat;
		float:left;
		height:216px;
		overflow:hidden;
		padding-left:10px;
		padding-right:10px;
		padding-top:0px;
		position:relative;
		width:204px;
		}

.boxgrid img {
		left:0;
		position:absolute;
		top:0;
		z-index:99;
		}

#content .boxgrid h3 {
		background: #3399cc;
		color:#FFFFFF;
		margin-bottom:4px;
		margin-left: 10px;
		padding: 2px 0 2px 2px;
		width: 170px;
		}

.project img {
		border:none;
		}

#content .boxgrid p {
		color:#FFFFFF;
		font-size:11px;
		line-height:16px;
		padding:0 10px;
		}
	
		#content .boxgrid p.type {
				color:#999999;
				}

#content .boxgrid a {
		font-weight: bold;
		}

.hearts {
		font-size: 1.3em;
		}
	
h3.projectTitle {
		color:#333333;
		font-size:1.1em;
		}
		
ul#clientDetails {
		border-bottom: 1px solid #e4e4e4;
		margin: 10px 0 20px 0;
		width: 217px;
		}
		
		ul#clientDetails li {
		border-top: 1px solid #e4e4e4;
		padding: 7px 0 7px 0;
		}
		
h3#hdrServices {
		color:#333333;
		font-size:1.1em;
		}
		
ul#services {
		margin-top: 15px;
		}
		
			ul#services li {
					font-style: italic;
					margin-bottom: 5px;
					}
		
#content .external {
		background: #3399cc url(../../img/content-design/icon-open-new-window.jpg) 87px 3px no-repeat;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 25px 2px 3px;
		}
	
#rightColumnWork {
		float: left;
		padding-left: 20px;
		width: 723px;
		}

.arrow {
		background: url(../../img/content-design/arrow.jpg) 0 3px no-repeat;
		padding: 0 0 0 8px;
		}
		
#slider {
		margin: 20px 0 0 0;
		}
		
		#slider a {
  		border: none;
			color: #FFFFFF;
			}
		
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			
		
		
		/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		width:713px;
		height:394px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:49px;
		height:88px;
		position:absolute;
		left: 237px;
		top: 176px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:901px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:49px;
		height:88px;
		background:url(../../img/content-design/arrow-back.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../../img/content-design/arrow-forward.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

		
/* Tabs
----------------------------------*/
ul#tabs {
	position: absolute;
	top: 263px;
	left: 50px;
	}
	
.ui-tabs { 
    margin: 0 0 0 0;
		}
		
.ui-tabs .ui-tabs-nav { 
    float: left;
		list-style: none;
    margin: 0px !important;
    padding: 0 0 0 0;
		position: relative;  
		top: -30px;
		}

.ui-tabs .ui-tabs-nav li { 
    background: #000000;
    color: #FFFFFF;
		font-size: 2.0em;
		font-weight: bold;
		padding: 0 0 0 0;
		position: relative; 
	margin: 0 3px;
		float: left; 
		border-bottom-width: 0 !important; 
		}
		
#content .ui-tabs .ui-tabs-nav li a {
    background: none;
    color: #FFFFFF;
		display: block;
		float: left; 
       height: 20px;
	   padding: 5px 5px 5px 10px;
		text-decoration: none;
		outline: none;
		width: 83px;
		}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
		 background: #000000;
		 border-bottom-width: 0;
    	background-position: right -50px;
		color: #000000;
		}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
		color: #000000 !important;
		background: #FFFFFF !important;
		cursor: text;
    background-position: left -50px;
		}

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
		cursor: pointer; 
		} 

.ui-tabs .ui-tabs-panel { 
		display: block; 
    clear: both;
		border-width: 0;
		background: none;
    padding:0 0 0 0; 
		}

.ui-tabs .ui-tabs-hide { 
		display: none !important; 
		}

/* Services
----------------------------------*/

h2#goodAt {
		margin: 0 0 25px 0;
		width: 232px;
		}
	
.serviceColumn {
		float: left;
		margin: 0 30px 20px 0;
		width: 217px;
		}
		
.serviceColumn.last {
		margin-right: 0px;
		}

.serviceColumn h3 {
		color: #333333;
		}

.serviceColumn ul {
		border-top: 1px dashed #B2B2B2;
		margin: 30px 0 20px 0;
		}

		.serviceColumn ul li {
				border-bottom: 1px dashed #b2b2b2;
				color: #666666;
				font-size: 1.4em;
				font-weight: bold;
				margin: 0 0 0 0;
				padding: 12px 0 12px 0;
				}
				
#flash {
	height:400px;
	width:466px;
	}

/* Contact Page Styles */

#leftColumn {
		float: left;
		width: 247px;
		}
		
		#leftColumn p {
    		margin-right: 40px;
				}
		
h2#contactUs {
		width: 128px;
		}
		
ul#contactList {
		margin-bottom: 52px;
		}
		
ul#contactList li#phone {
		background: url(../../img/content-design/skype-icon.jpg) no-repeat scroll left top;
		font-size: 1.8em;
		font-weight: bold;
		height: 29px;
		padding: 5px 0 0 31px;
		width: 120px;
		}
	
			ul#contactList li#phone span {
					color: #3399CC;
					}
	
ul#contactList li#email {
		background: url(../../img/content-design/solid-icon.jpg) no-repeat scroll left top;
		color: #3399CC;
		font-size: 1.8em;
		font-weight: bold;
		height: 29px;
		padding: 5px 0 0 31px;
		width: 120px;
		}
	
		ul#contactList li#email a {
					color: #3399CC;
					text-decoration: none;
					}
					
h2#checkus {
		background: none;
		color: #000000;
		font-size: 1.1em;
		padding: 0px;
		}
		
.icon {
		border: none;
		margin: 3px 6px 0 0;
		}
		
		.iconLink {
			outline: none;
			}
		
#centerColumn {
		float: left;
		width: 464px;
		}
		
h2#shout {
		width: 214px;
		}
		
#rightColumn {
		float: left;
		margin-left: 30px;
		width: 219px;
		}