BODY {margin:0; text-align:center;  background : url(../images/bg-page.gif) repeat-y top center #fff;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family : "LucidaGrande", "Myriad Pro",  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }

a {color:#F7941E; text-decoration: none;}
a:hover {text-decoration: underline;}
a.peekaboo {color:#000;}
a.peekaboo:hover {color:#00b2d9;}
h1 {font-size:18px; color:#00B2D9; padding-bottom:10px;}
h2 {font-size:14px;color:#F7941E;}
h2 a {background : url(../images/header-link.gif) no-repeat right; padding-right:10px;}
h3 {/*add appropriate styling information here*/}
h4 {/*add appropriate styling information here*/}
h5 {/*add appropriate styling information here*/}

.container {width:960px; margin: 0 auto; text-align:left;}


/*header styles, including logo and utility navigation*/


 
#main {float:left; width:960px;}

 

/*vertical navigation*/
#nav.column {float:left; width:157px; padding:162px 0 20px 172px;}
#nav.column .logo {padding-bottom:23px;}
#nav.column img {padding-bottom:2px;}

 
        
/*column containing main content well*/
#content.column {float:left; width:350px; padding:193px 30px 0 55px; font-size:14px; color:#231F20;}
#content.column.fullWidth {float:left; width:500px; padding:193px 30px 0 55px;}
	#content.column p {margin-bottom:12px; line-height:20px;}
	#content.column.work p {font-size:12px;}
	#content.column.work p.intro {font-size:14px;}
	#content.column .reel {padding: 10px 0;}
	#content.column .contact {padding-bottom:10px;}
	#content.column .contact b {color:#00B2D9; font-weight: bold; padding-right:6px;}

	#content.column .clientListing {float:left; font-size:12px;}
	#content.column .clientListing ul {list-style-type: none; margin:0 0 12px 0;}
	#content.column .clientListing ul li {margin:0 0 2px 0;}
	#content.column .clientListing ul li a {background : url(../images/header-link.gif) no-repeat right; padding-right:10px;}
	#content.column .clientListing h3 {font-size:13px; margin-bottom:3px;}
	#content.column .clientListing .left {float:left; width:240px; padding-right:20px;}	
	#content.column .clientListing .right {float:left; width:240px;}	
	
ul.bullets {margin: 10px 0 10px 0; padding:0;list-style: none; font-size:12px;}
ul.bullets li {padding-left: 15px; background:url(../images/bullet.gif) top left no-repeat;  background-position: .1em .2em; line-height:12px; margin-bottom: 8px;}
	
#sidebar.column {float:left; width:194px; padding:200px 0 0 0;}
	#sidebar.column .photoArea {text-align:center; background : url(../images/dotted-rule.gif) no-repeat bottom; padding-bottom:25px; margin-bottom:20px;}
	#sidebar.column .photoArea h2 {font-size:15px; color:#00B2D9; padding:10px 0 5px 0;}
	#sidebar.column .photoArea .tagline {font-size:12px; font-style: italic; line-height:15px;}
	
	#sidebar.column .quotes {font-size:12px; line-height:16px;}
	#sidebar.column .quotes p {}
	#sidebar.column .quotes .by {text-align:right; padding-bottom:20px;}
	
	#sidebar.column ul {list-style-type: none; font-size:12px; line-height:18px; padding-bottom:22px;}	
	#sidebar.column li {margin:0 0 10px 0;}	
	#sidebar.column h2 {font-size:15px; color:#333; padding:0 0 10px 0;}	
	
	
/*styles in work section*/	
#content.column.work h2 {color:#333; font-size:18px; padding-bottom:14px;}
#content.column.work h3 {color:#333; font-size:14px; padding-bottom:14px;}
#content.column.work h4 {color:#00B2D9; font-size:13px; padding:5px 0;}
#content.column.work p { font-size:14px; padding:9px 0 5px 0;}
#content.column.work .attributions ul {list-style-type: none; font-size:12px; padding:20px 0 10px 0;}
#content.column.work ul.clientSites {margin: 10px 0 10px 20px; font-weight: bold;}
#content.column.work .footer {padding-top:40px; background : url(../images/footer-rule.gif) no-repeat top left #fff;}
	
/*styles in clients section*/	
#content.column.clients h2 {color:#333; font-size:18px; padding-bottom:14px;}
#content.column.clients h3 {color:#333; font-size:14px; padding-bottom:6px; margin:0!important;}
#content.column.clients h4 {color:#00B2D9; font-size:13px; padding:5px 0;}
#content.column.clients ul {padding:0px 0 13px 0; margin:0;}	


	
/*footer styles*/
.footer { padding:15px 0; color:#231F20;}
.footer span {display:block; font-size:12px; font-weight:700; line-height:20px;}
.footer .copyright {text-align:left; font-size:11px; }
 

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}