/*
-----------------------------------------------
ideacodes base screen style
author:   max kiesler
version:  15 January 2010
----------------------------------------------- */

html body {
color: #000;
margin: 0 30px;
padding: 0;
border: 0;
text-align: left;
background: #fff;
font-family: proxima-nova-1,proxima-nova-2,sans-serif;
font-style: normal;
font-weight: 400;
line-height:18px;
font-size: 16px;
margin-bottom: 100px;      
}

img {
border:0;
}

.imageBorder { 
margin: 0;
padding: 0;
border: 30px solid #eee;
}


p {
padding:0 0 12px 0;
margin: 0;
}

/* Links
----------------------------------------------- */

a:link, a:visited, a:active {
font-weight: normal;
border:0;
border-bottom: 1px dotted #000;
color: #000;
background: transparent; 
text-decoration:none;
}

a:hover {
color: #fff;
background: #000; 
}

.menuLink , a.menuLink , a.menuLink:link , a.menuLink:visited {
	font-weight: normal;
	border:0;
	color: #000;
	background: transparent; 
	text-decoration:none;
}

a.menuLink:hover {
	color: #fff;
	background: #000;
}

.imageLink , a.imageLink , a.imageLink:link , a.imageLink:visited {
	background: #fff;
	border:0;
}

a.imageLink:hover {
	background: transparent;
}

.titleLink , a.titleLink , a.titleLink:link , a.titleLink:visited {
color: #000;
font-size: 32px;
margin: 10px 0 20px 0;
padding: 0;
font-weight: 100;
border: 0;
}

a.titleLink:hover {
color: #fff;
background: #000;
border: 0;
}

.portfolioLink , a.portfolioLink , a.portfolioLink:link , a.portfolioLink:visited {
	color: #000;
	font-weight: 400;
	letter-spacing:-1px;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:30px;
	font-size: 20px;
	text-transform: uppercase;
	border:0;
}

a.portfolioLink:hover {
	color: #fff;
	background: #000;
}

.newsLink , a.newsLink , a.newsLink:link , a.newsLink:visited {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:24px;
	font-size: 20px;
	border:0;
}

a.newsLink:hover {
	color: #fff;
	background: #000;
}

.servicesLink , a.servicesLink , a.servicesLink:link , a.servicesLink:visited {
	color: #000;
	font-weight: normal;
	margin: 0;
	text-align:left;
	font-size: 24px;
	padding: 0;
	line-height: 40px;
	border:0;
}

a.servicesLink:hover {
	color: #fff;
	background: #000;
}

.philosophyLink , a.servicesLink , a.philosophyLink:link , a.philosophyLink:visited {
	color: 333;
	font-weight: normal;
	margin: 0;
	text-align:left;
	font-size: 24px;
	padding: 0;
	line-height: 30px;
	border:0;
}

a.philosophyLink:hover {
	color: #fff;
	background: #000;
}

.currentPage , a.currentPage , a.currentPage:link , a.currentPage:visited {
	font-weight: bold;
	border:0;
}

a.currentPage:hover {
	font-weight: bold;
}

.breadcrumbLink , a.breadcrumbLink , a.breadcrumbLink:link , a.breadcrumbLink:visited {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:30px;
	font-size: 12px;
	text-transform: uppercase;
	border:0;
}

a.breadcrumbLink:hover {
	color: #fff;
	background: #000;
}

.projectNavLink , a.projectNavLink , a.projectNavLink:link , a.projectNavLink:visited {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 10px;
	text-align:left;
	border:0;
}

a.projectNavLink:hover {
	color: #fff;
	background: #000;
}

.aboutTitleLink , a.aboutTitleLink , a.aboutTitleLink:link , a.aboutTitleLink:visited {
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	border:0;
}

a.aboutTitleLink:hover {
	color: #fff;
	background: #000;
}

.sortByLink , a.sortByLink , a.sortByLink:link , a.sortByLink:visited {
    background: #000;
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	border:0;
}

a.sortByLink:hover {
	color: #000;
	background: #ccc;
}



.titleNewsLink , a.titleNewsLink , a.titleNewsLink:link , a.titleNewsLink:visited {
color: #000;
font-size: 24px;
margin: 5px 0 5px 0;
padding: 0;
border: 0;
}

a.titleNewsLink:hover {
	color: #fff;
	background: #000;
}

.noBorderLink , a.noBorderLink , a.noBorderLink:link , a.noBorderLink:visited {
border: 0;
}

.top2Style a:link, .top2Style a:visited {
border: 0;
}

.studioStyle a:link, .studioStyle a:visited {
border: 0;
}

.studioStyle a:hover {
border: 0;
background: #fff; 
}

.titleLargeNoPaddingLink , a.titleLargeNoPaddingLink , a.titleLargeNoPaddingLink:link , a.titleLargeNoPaddingLink:visited {
	color: #000;
	margin: 0;
	text-align:left;
	font-size: 24px;
	padding: 0 0 2px 0;
	line-height: 28px;
	font-weight: 300;
}

a.titleLargeNoPaddingLink:hover {
	color: #fff;
	background: #000;
}


/* List styles
----------------------------------------------- */

ul {
	list-style-image:url('images/bulletSquare.png');
	margin: 0;
	padding: 0 0 10px 15px;
}

li {
	padding-bottom: 7px;
}

/* Heading Styles
----------------------------------------------- */

h1 {
  padding:0;
  margin:0;
  } 

h1 span {display:none;} 

h2 {
font-size: 72px;
padding: 25px 0 12px 0;
margin: 0;
font-family: proxima-nova-1,proxima-nova-2,sans-serif;
font-style: normal;
font-weight: 400;
}

h2.projectHeading {
font-size: 62px;
padding: 25px 0 12px 0;
margin: 0;
font-weight: 400;
text-transform: lowercase;
}

h3 {
font-size: 36px;
color: #ccc;
padding: 0;
margin: 20px 0 20px 0;
font-weight: 300;
}

h3.homeHeading {
font-size: 36px;
color: #ccc;
padding: 0 0 12px 0;
margin: 0;
font-weight: 200;
}

h4 {
font-size: 24px;
color: #999;
padding: 0;
margin: 20px 0 20px 0;
font-weight: 300;
}


/* Text Styles
----------------------------------------------- */

.title {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
	text-align:left;
	line-height:24px;
	font-size: 20px;
}

.titleStudio {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 3px 0;
	text-align:left;
	line-height:24px;
	font-size: 20px;
}

.titleLarge {
	color: #000;
	font-weight: normal;
	margin: 0;
	text-align:left;
	font-size: 24px;
	padding: 0 0 12px 0;
}

.titleLargeNoPadding {
	color: #000;
	margin: 0;
	text-align:left;
	font-size: 24px;
	padding: 0 0 2px 0;
	line-height: 28px;
	font-weight: 300;
}

.titleLargeContact {
	color: #000;
	font-weight: normal;
	margin: 0;
	text-align:left;
	font-size: 30px;
	padding: 0 0 20px 0;
	line-height: 34px;
}

.titleAbout {
color: #000;
font-size: 32px;
padding: 20px 0 20px 0;
margin: 0;
font-weight: 400;
}

.titleAboutRight {
color: #000;
font-size: 32px;
padding: 0 0 20px 0;
margin: 0;
font-weight: 400;
}

.titleAboutBottom {
color: #000;
font-size: 32px;
padding: 10px 0 20px 0;
margin: 0;
font-weight: 400;
}

.titleAbout2Column {
color: #000;
font-size: 32px;
padding: 20px 0 30px 0;
margin: 0;
font-weight: 400;
}

.titleAboutYear {
color: #000;
font-size: 24px;
padding: 0 0 5px 0;
margin: 0;
font-weight: 100;
}

.date {
color: #999;
font-size: 12px;
padding: 0;
margin: 0;
}

.titleAboutSmall {
color: #000;
font-size: 14px;
margin: 0;
padding: 0;
font-weight: bold;
}

.titleNews {
color: #000;
font-size: 24px;
margin: 5px 0 10px 0;
padding: 0;
border: 0;
}

.newsContent {
color: #666;
padding: 3px 0 0 0;
line-height:20px;
margin: 0;
border: 0;
}

.newsBox {
padding: 20px 0 0 0;
border: 0;
border-top: 1px solid #ccc;
}

/* Quote
----------------------------------------------- */

.quote {
font-size: 30px;
line-height:40px;
color: #333;
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 25px 25px 30px 0;
margin: 0;
margin-bottom: 20px;
font-weight:400;
}

.quoteBy {
font-size: 14px;
color: #333;
text-align: right;
border: 0;
padding: 10px 15px 0 0;
margin: 0;
}


/* Page Structure
----------------------------------------------- */

#wrapper {
background: transparent;
margin: 0px auto;
padding:0;
border:0;
border-top: 0;
text-align: left;
width: 980px;
}

/* Top Row
----------------------------------------------- */

#top {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 180px;
margin: 0;
}

#topProject {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 200px;
margin: 0;
}

#top1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:800px;
}

#top2 {
position:relative;
text-align: right;
top:0;
left:800px;
text-align:left;
background: #fff;
width:200px;
}

.top2Style {
background: transparent;
margin: 0;
padding: 35px 15px 0 0;
color: #000;
font-size: 14px;
line-height:140%;
font-weight: 400;
text-align: right;
}


/* Logo
----------------------------------------------- */

.logo{
padding: 30px 0 0 0;
}


/* Clear
----------------------------------------------- */

.clear { 
clear: both; 
line-height: 0; 
display: block;
font-size:0; 
height:0; 
margin:0;
padding:0; 
border:0;
border-width: 0;
}

/* Statement
----------------------------------------------- */

#statement {
background: transparent;
width:980px;
}

.statementStyle {
background: transparent;
margin: 0 0 8px 0;
padding: 0;
color: #666;
font-family: proxima-nova-1,proxima-nova-2,sans-serif;
font-size: 24px;
letter-spacing: 0;
line-height: 28px;

}

/* Portfolio Row
----------------------------------------------- */

#portfolio {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 244px;
border: 0;
margin: 0;
}

#portfolio img{
border: 1px solid #ccc;
margin: 0;
padding: 0;
height: 242px;
}

#portfolio1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
}

#portfolio2 {
position:absolute;
top:0;
left:330px;
text-align:left;
background: #fff;
width:320px;
}

#portfolio3 {
position:absolute;
top:0;
left:660px;
text-align:left;
background: #fff;
width:320px;
}


#portfolioText {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 140px;
border: 0;
margin: 0;
}

#portfolioText1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
height: 140px;
}

#portfolioText2 {
position:absolute;
top:0;
left:330px;
text-align:left;
background: #fff;
width:320px;
height: 140px;
}

#portfolioText3 {
position:absolute;
top:0;
left:660px;
text-align:left;
background: #fff;
width:320px;
height: 140px;
}


.portfolioTextStyle {
border: 0;
border-left: 1px solid #ccc;
margin: 0;
padding: 20px;
line-height:22px;
color: #666;
}


/* News Row
----------------------------------------------- */

#news {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 270px;
border: 0;
margin: 0;
}

#news1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
height: 140px;
}

#news2 {
position:absolute;
top:0;
left:330px;
text-align:left;
background: #fff;
width:320px;
height: 140px;
}

#news3 {
position:absolute;
top:0;
left:660px;
text-align:left;
background: #fff;
width:320px;
height: 140px;
}


.newsStyle {
border: 0;
border-left: 1px solid #ccc;
margin: 0;
padding: 20px;
line-height:22px;
color: #666;
}


/* Studo Row
----------------------------------------------- */

#studio {
position:relative;
left:0;
top:0;
height: 225px;
background: transparent;
width:980px;
}

.studioStyle {
background: transparent;
margin: 0;
padding: 0;
margin-bottom: 10px;
color: #333;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
font-size: 24px;
line-height:120%;
letter-spacing:0;
font-weight: 100;
}

/* Studo Row
----------------------------------------------- */

#workedWith {
position:relative;
left:0;
top:0;
height: 120px;
background: transparent;
width:980px;
}

.workedWithStyle {
background: transparent;
margin: 0;
padding: 0 0 20px 0;
margin-bottom: 10px;
color: #333;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
font-size: 24px;
line-height:120%;
letter-spacing:0;
font-weight: 100;
border: 0;
border-bottom: 1px solid #ccc;
}

/* Projects Grid
----------------------------------------------- */

#projects {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
border: 0;
margin: 0;
}

#projects img{
border: 1px solid #ccc;
margin: 0;
padding: 0;
height: 242px;
}

.projectsGridBox {
border-left: 1px solid #ccc;
float: left;
background: transparent;
width: 320px;
margin: 0 5px 40px 0;
padding: 0;
}

.projectsStyle {
border: 0;
margin: 0;
padding: 10px 0 0 15px;
line-height:22px;
color: #666;
}


#projectNav {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 51px;
margin: 0;
}

#projectNav1 {
position:relative;
top:6px;
left:0;
text-align:left;
background: transparent;
width:250px;
}

#projectNav2 {
position:absolute;
text-align: right;
top:0;
left:250px;
text-align:left;
background: #fff;
width:730px;
}

.projectNavStyle1 {
background: transparent;
margin: 0;
padding: 0;
}

.projectNavStyle2 {
background: transparent;
margin: 0;
padding: 15px 10px 0 0;
color: #999;
line-height:140%;
text-align: right;
}



/* Project Tag Nav
----------------------------------------------- */


#projectTagNav {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 45px;
margin: 0;
}

#projectTagNav1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:640px;
}

#projectTagNav2 {
position:relative;
text-align: right;
top:0;
left:640px;
text-align:left;
background: #fff;
width:340px;
}

.projectTagNavStyle1 {
background: transparent;
margin: 0;
padding: 0;
}

.projectTagNavStyle2 {
background: transparent;
margin: 0;
padding: 15px 10px 0 0;
color: #999;
line-height:140%;
text-align: right;
}



/* Studio Section
----------------------------------------------- */

#aboutTop {
position:relative;
top:0;
left:0;
text-align:left;
background: transparent;
width:980px;
}

#about2Column {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
border: 0;
margin: 0 0 30px 0;
}

#aboutLeft {
position:relative;
top:0;
left:0;
text-align:left;
background: transparent;
width:490px;
}

#aboutRight {
position:absolute;
top:0;
left:490px;
text-align:left;
background: #fff;
width:490px;
}

.aboutTopStyle {
text-align:left;
background: #fff;
padding: 20px 20px 20px 0;
margin: 0 0 20px 0;
line-height: 22px;
color: #333;
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.aboutTopStyle2 {
text-align:left;
background: #fff;
padding: 0 20px 20px 0;
margin: 0 0 20px 0;
line-height: 22px;
color: #333;
border: 0;
border-bottom: 1px solid #ccc;
}

.aboutLeftStyle {
text-align:left;
background: #fff;
padding: 0 20px 20px 0;
margin: 0;
line-height: 22px;
color: #333;
}

.aboutRightStyle {
text-align:left;
background: #fff;
padding: 0 20px 20px 20px;
border: 0;
border-left: 1px solid #ccc;
margin: 0;
line-height: 22px;
color: #333;
}

.aboutAwardsStyle {
text-align:left;
background: #fff;
padding: 0 20px 20px 20px;
border: 0;
border-left: 1px solid #ccc;
margin: 0;
line-height: 22px;
color: #666;
}

#aboutClient {
position:relative;
top:0;
left:0;
text-align:left;
background: transparent;
width:470px;
margin: 0 0 30px 0;
}

.aboutClientLeft {
float:left;
text-align:left;
background: transparent;
width:110px;
margin: 0 0 20px 0;
}

.aboutClientRight {
float:right;
text-align:left;
background: #fff;
width:360px;
margin: 0 0 20px 0;
}

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

#services {
position:relative;
left:0;
top:0;
padding: 0;
margin: 25px 0 0 0;
}

#servicesNoTopMargin {
position:relative;
left:0;
top:0;
padding: 0;
margin: 0;
}

#servicesTopRow {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
border: 0;
margin: 0;
}

#servicesTopRowLeft {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
}

#servicesTopRowRight {
position:relative;
top:0;
left:320px;
text-align:left;
background: #fff;
width:660px;
}

#studioTopRowLeft {
position:relative;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
}

#studioTopRowRight {
position:absolute;
top:0;
left:320px;
text-align:left;
background: #fff;
width:660px;
}

#servicesTopRowRightStyle {
text-align:left;
background: #fff;
padding: 5px 0 30px 0;
margin: 0;
line-height: 22px;
color: #333;
}

#servicesMainBorder {
background: transparent;
width:980px;
border: 0;
border-top: 1px solid #ccc;
padding: 25px 0 0 0;
margin: 0;
}

#servicesMain {
background: transparent;
width:980px;
border: 0;
padding: 25px 0 0 0;
margin: 0;
}

#servicesMainLeft {
float: left;
text-align:left;
background: transparent;
width:490px;
margin: 0 0 35px 0;
}

#servicesMainRight {
float: right;
text-align:left;
background: #fff;
width:490px;
margin: 0 0 35px 0;
}


#blogLeft {
float: left;
text-align:left;
background: transparent;
width:400px;
margin: 0 0 35px 0;
}

#blogRight {
float: right;
text-align:left;
background: #fff;
width:580px;
margin: 0 0 35px 0;
}

.blogLeftStyle {
text-align:left;
background: #fff;
padding: 0 25px 20px 0;
margin: 0;
line-height: 22px;
color: #666;
}

.blogRightStyle {
text-align:left;
background: #fff;
border: 0;
border-left: 1px solid #ccc;
padding: 0 0 0 15px;
margin: 0;
line-height: 22px;
color: #666;
}

.titleBlog { 
color: #000;
font-weight: normal;
letter-spacing:-1px;
margin: 0;
padding: 0;
text-align:left;
line-height:56px;
font-size: 46px;
}


#servicesMainLeftAbout {
float: left;
text-align:left;
background: transparent;
width:490px;
margin: 0;
}

#servicesMainRightAbout {
float: right;
text-align:left;
background: #fff;
width:490px;
margin: 0;
}

.servicesMainLeftStyle {
text-align:left;
background: #fff;
padding: 0 25px 20px 0;
margin: 0;
line-height: 22px;
color: #666;
}

.servicesMainRightStyle {
text-align:left;
background: #fff;
border: 0;
border-left: 1px solid #ccc;
padding: 0 0 0 15px;
margin: 0;
line-height: 22px;
color: #666;
}

#services h2 { 
color: #000;
font-weight: normal;
letter-spacing:-1px;
margin: 0;
padding: 0;
text-align:left;
line-height:40px;
font-size: 36px;
}

#services h3 { 
color: #333;
font-weight: normal;
letter-spacing:-1px;
margin: 15px 0 5px 0;
padding: 0;
text-align:left;
line-height:32px;
font-size: 24px;
}

/* Contact Styles
----------------------------------------------- */

#contact {
position:relative;
left:0;
top:0;
background: transparent;
width:660px;
height: 500px;
margin: 0;
}

#contact1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:160px;
}

#contact2 {
position:relative;
text-align: right;
top:0;
left:160px;
text-align:left;
background: #fff;
width:290px;
}

#contact3 {
position:absolute;
text-align: right;
top:0;
left:450px;
text-align:left;
background: #fff;
width:210px;
}


#contact-2 {
position:relative;
left:0;
top:0;
background: transparent;
width:660px;
height: 500px;
margin: 0;
}

#contact1-2 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:160px;
}

#contact2-2 {
position:relative;
text-align: right;
top:0;
left:160px;
text-align:left;
background: #fff;
padding: 5px 0 0 0;
width:500px;
}

.contactStyle {
background: transparent;
margin: 0;
padding: 13px 0 0 0;
color: #666;
font-size: 20px;
line-height:30px;
font-weight: 400;
text-align: left;
}

.contactStyle2 {
background: transparent;
margin: 0;
padding: 13px 0 0 0;
color: #666;
font-size: 16px;
line-height:24px;
text-align: left;
}

.contactStyleBorder {
background: transparent;
margin: 0;
margin-right: 20px;
padding: 15px 0 0 0;
color: #666;
font-size: 14px;
border-right: 1px solid #ccc;
font-weight: 400;
text-align: left;
}

.twitterIcon {
background: transparent url("images/twitter-icon.png") no-repeat 0 5px;
margin: 0;
padding: 0 0 0 25px;
}

.rssIcon {
background: transparent url("images/rss-icon.png") no-repeat 0 5px;
margin: 0;
padding: 0 0 0 25px;
}

.emailIcon {
background: transparent url("images/email-icon.png") no-repeat 0 5px;
margin: 0;
padding: 0 0 0 25px;
}

.input {
width: 240px;
}


.iconsleft {
float: left;
background: transparent;
margin: 0;
padding: 0;
color: #666;
width: 75px;
height: 100px;
}

.iconsright {
float: right;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
background: transparent;
margin: 0;
padding: 0;
color: #666;
font-size: 16px;
line-height: 20px;
text-align: left;
width: 200px;
height: 100px;
font-weight: 300;
}

.iconsleftSmall {
float: left;
background: transparent;
margin: 0;
padding: 0;
color: #666;
width: 45px;
height: 45px;
}

.iconsrightSmall {
float: right;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
background: transparent;
margin: 0;
padding: 0;
color: #666;
font-size: 18px;
line-height: 24px;
text-align: left;
width: 230px;
height: 45px;
font-weight: 300;
}

/* Footer
----------------------------------------------- */

#footer {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
height: 200px;
border: 0;
margin: 0;
}

#footerCol1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:325px;
height: 200px;
}

#footerCol2 {
position:absolute;
top:0;
left:325px;
text-align:left;
background: #fff;
width:325px;
height: 200px;
}

#footerCol3 {
position:absolute;
top:0;
left:650px;
text-align:left;
background: #fff;
width:325px;
height: 200px;
}

.footerStyle {
border: 0;
border-left: 1px solid #ccc;
margin: 0;
padding: 20px;
color: #666;
font-size: 14px;
line-height:20px;
}

#footer h2 { 
color: #000;
font-weight: normal;
margin: 0;
padding: 0;
text-align:left;
line-height:30px;
font-size: 22px;
}

/* Sort by
-------------------------------------------------- */

#sm_outer {
position:relative;
top:0;
left:0;
text-align: left;
margin: 0px auto;
width: 980px;
margin-top: 0;
margin-bottom: 20px;
background: #000;
display: none;
}

#sm_inner {
background: #000;
}

.sm_column {
color: #ccc;
float:	left;
width:	245px;
padding: 0 0 30px 0;
}

.sm_column_first {
color: #ccc;
float:	left;
width:	230px;
padding: 20px 0 30px 15px;
}

.sm_column_second {
color: #ccc;
float:	left;
width:	200px;
padding: 0 0 30px 0;
}

.sm_column ul {
margin: 0;
padding: 0;
}

.sm_column ul li {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}

.sm_column ul li li {
padding: 0;
}

.sm_column h3 {
font-size: 14px;
margin: 15px 0 5px 0;
padding:0;
color: #fff;
}

.sm_column_second h3 {
font-size: 14px;
margin: 15px 0 5px 0;
padding:0;
color: #fff;
}

.sm_column h3 a:link, .sm_column h3 a:visited {
color: #999;
}

.sm_column_first h3 a:link, .sm_column_first h3 a:visited {
color: #999;
font-size: 46px;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
font-weight: 100;
}

.sm_column a:link, .sm_column a:visited {
color: #999;
}

.sm_column a:hover {
color: #fff;
}

.sm_column_second a:link, .sm_column_second a:visited {
color: #999;
}

.sm_column_second a:hover {
color: #fff;
}


/* Contact Col Row
----------------------------------------------- */

#contactCol {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
border: 0;
margin: 0;
}

#contactColText {
position:relative;
left:0;
top:0;
background: transparent;
width:980px;
border: 0;
margin: 0;
}

#contactColText1 {
position:absolute;
top:0;
left:0;
text-align:left;
background: transparent;
width:320px;
}

#contactColText2 {
position:absolute;
top:0;
left:330px;
text-align:left;
background: #fff;
width:320px;
}

#contactColText3 {
position:relative;
top:0;
left:660px;
text-align:left;
background: #fff;
width:320px;
}

.contactColTextStyle {
border: 0;
border-left: 1px solid #ccc;
margin: 0;
padding: 0 20px 20px 20px;
line-height:22px;
color: #666;
}



/* Page Me
----------------------------------------------- */

.navigation {
float: left;
background: transparent;
margin: 0 0 20px 0;
padding: 10px 0;
color: #666;
width: 980px;
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.alignleft {
float: left;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
background: transparent;
margin: 0;
padding: 0;
color: #666;
font-size: 18px;
line-height: 24px;
text-align: left;
width: 490px;
font-weight: 300;
}

.alignright {
float: right;
font-family: helvetica neue, helvetica, arial verdana, sans-serif;
background: transparent;
margin: 0;
padding: 0;
color: #666;
font-size: 18px;
line-height: 24px;
text-align: right;
width: 490px;
font-weight: 300;
}

.alignleft a:link, .alignleft a:visited {
border: 0;
}

.alignleft a:hover {
border: 0;
color: #fff;
background: #000; 
}

.alignright a:link, .alignright a:visited {
border: 0;
}

.alignright a:hover {
border: 0;
color: #fff;
background: #000; 
}