body {
	background:#000000;
	padding:0px;
	margin:0px;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

/*------------------------------------- generic styles -----------------------------------*/

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:3.7em;
	font-weight:bold;
	margin-top:110px;
	line-height:0.9em;
}

.clearBoth, .clearBothMed {
	clear:both;
}

.clearBothMed {
	height:10px;}

p {
	margin:0px 0px 10px 0px;
}

a {
	outline:none;
	color:#231f20;
}

img {
	border:none;
}

.normal {
	font-weight:normal;
}
.largertext {
	font-size:16px;
	line-height:21px;
	}
/*----------------------------------- template layout ------------------------------------*/

.topstrip {
	background:#000000;
	height:17px;
}

.wrapper {
	width:960px;
	margin:0px auto;
	position:relative;
}

.header {
	background:#000000;
	font-size:1.7em;
	font-family:Helvetica, Arial, sans-serif;
	height:76px;
}

.header a {
	text-decoration:none;
	margin-left:10px;
}

.logo {
	float:left;
	margin-top: 5px;
}

.toplinks {
	position:absolute;
	bottom:0px;
	right:0px;
	width:470px;
	height:37px;
	text-align:right;
	font-size:22px;
	line-height:33px;
}

.toplinks a {
	display:block;
	float:left;
	padding:5px;
}


.toplinks a.On {
	background:url(../img/white-arrow.gif) no-repeat bottom center;
}

.lowlinks a.On {
	background:url(../img/white-arrow-down.gif) no-repeat top center;
}

.pinklink, #media-content h1 {
	color:#ec008c;
	text-decoration:none;
}

.yellowlink, #design-content h1{
	color:#ffd200;
	text-decoration:none;
}

.bluelink, #production-content h1 {
	color:#00aeef;
	text-decoration:none;
}

.greenlink, #digital-content h1 {
	color:#4db848;
	text-decoration:none;
}

.orangelink, #about-content h1 {
	color:#F60;
	text-decoration:none;
}

.redlink, #contact-content h1, .redText {
	color:#f33c2c;
	text-decoration:none;
}

.maincontent {
	background:white;
	padding-top:10px;
}

.copyright {
	background:#4e4e50;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	color:white;
	padding:3px;
	font-size:9px;
}

.footer {
	padding:0px 0px 4px 0px;
	font-size:22px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:33px;
	height:33px;
}

.footer a {
	text-decoration:none;
	margin-right:10px;
}

.sn-icons {
	float:right;
	margin-top:3px;
}

.lowlinks a {
	padding:2px 0px 0px 0px;
	display:block;
	float:left;}

/*------------------------------------------content layout------------------------------------------------*/

.txtCol-left {
	float:left;
	width:230px;
}

.txtCol-right {
	float:right;
	width:300px;
	color:#999;
}

.leftscroll {
	float:left;
	width:50px;
	margin-top:200px;
}

.rightscroll {
	float:right;
	width:50px;
	margin-top:200px;
}

#home-content, #media-content, #production-content, #design-content, #digital-content, #about-content, #contact-content {
	width:580px;
	float:left;
	padding:0px 30px;
}

.portfolio ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

.portfolio li  {
	padding:0px 0px 5px 10px;
}

#media-content li {
	background:url(../img/bullet-pink.gif) no-repeat 0px 7px;
}

#production-content li {
	background:url(../img/bullet-yellow.gif) no-repeat 0px 7px;
}

#design-content li {
	background:url(../img/bullet-blue.gif) no-repeat 0px 7px;
}

#digital-content li {
	background:url(../img/bullet-green.gif) no-repeat 0px 7px;
}

.bodycontent {
	height:157px;
}

.bodycontentHome {
	height:157px;
	}

/*******
	mooo
*******/

#portfolio-wrapper {
	width: 640px;
	overflow: hidden;
	position: relative;
	float:left;
	height:455px;
	margin:5px 0px 0px 100px;
	_margin:5px 0px 0px 50px;
	padding:0px 30px;
	
}
.portfolio {
	float: left;
	width: 700px;
	display: inline;
	line-height:1.4em;
}

.contentimg, #flashcontent1, #flashcontent2, #flashcontent3, #flashcontent4 {
	float:right;
	margin-right:20px;
}

.quote {
	background:url(../img/quote-top.gif) no-repeat top left;
	color:#808285;
	position:relative;
	margin-left:-30px;
	font-style:italic;	
	width:645px;
	font-weight:bold;
	text-align:center;
}

.quoteinner {
	background:url(../img/quote-low.gif) no-repeat bottom right;
	padding:20px 60px 10px 60px;
}

.author {
	text-align:right;
	font-size:80%;
	font-style:italic;
	color:#333;
	margin-right:20px;
}

.redlink {
	color:red;
	text-decoration:none;
}

.textbox {
	border:1px solid #CCC;
	width:297px;
}

.introtext {
	font-weight:bold;
	font-size:115%;
}

#contact_form_response {
	color:red;
}

.twitbird {
	float:right;
	margin-right:40px;
}

.twitterfeed {
	background:url(../img/twitter-feed.gif) no-repeat;
	width:527px;
	height:24px;
	padding:7px 15px 5px 15px;
	color:white;
	overflow:hidden;
	margin-top:6px;
	font-size:11px;
	line-height:12px;
}

.twitterfeed a {
	color:white;
}

.twitterfeed-inner {

}

/*----------------------------------------- digital page -------------------------------------------------*/
.digitalpage {
	background:black;
}

.maincontent-digital {
	background:black;
	padding-top:10px;
}