body {
	background-color: #000;
	margin: 0;
	padding: 0;
	font-family: "trebuchet ms", "arial", "helvetica";
	font-size: 8pt;
	color: #fff;
}
img { margin: 0; padding: 0; border: 0; }

h1 { 
	font-family: "Times New Roman";
	font-weight: normal;
	font-size: 18pt;
	line-height: 28pt;
	color: #0a3a3e;
	margin: 0;
	padding: 0;
}
h2 { 
	font-family: "Times New Roman";
	font-weight: normal;
	font-size: 14pt;
	line-height: 28pt;
	color: #0a3a3e;
	margin: 15px 0 0 0;
	padding: 0;
}

a.minilink, a:visited.minilink { text-decoration: none; color: #ea0471; font-size: 10px; }
a:hover.minilink { color: #16e3f4; }

a, a:visited {	color: #16e3f4; }
a:hover { color: #ea0471;  }

p { margin: 0; padding: 0; }

#container {
	position: relative;
	margin: 0 auto;
	width: 713px;
	background-image: url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-position: 38px 0px;	
}
#header {
	position: relative;
	margin: 0 auto;
	width: 638px;
	height: 200px;
}

#homecontent {
	position: relative;
	margin: 0 auto;
	width: 638px;
}

#logo {
	position: absolute;
	top: 83px;
	left: 0;
}

#feature {
	position: absolute;
	top: -32px;
	left: -38px;
	width: 713px;
	height: 361px;
}

#homepaper {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/paper_bg.gif');
	background-repeat: no-repeat;
	width: 295px;
	height: 250px;
	padding: 45px 35px 0 38px;
}
#homepaper p {
	line-height: 18pt;
	color: #4f4d44;	
	font-size: 9pt;
	padding-top: 5px;
}
#photos {
	position: absolute;
	top: 0;
	right: 12px;
	background-image: url('../images/frame.gif');
	background-repeat: no-repeat;
	width: 367px;
	height: 295px;
}
#photos #video {
	position: absolute;
	top: 29px;
	left: 26px;
}
#photos img {
	position: absolute;
	top: 29px;
	left: 26px;
}
#clickmes {
	position: absolute;
	top: 261px;
	right: 29px;
	background-image: url('../images/clickmes_bg.gif');
	background-repeat: no-repeat;	
	width: 317px;
	height: 111px;
}

#clickmes a, #clickmes_on a, #clickmes a:visited, #clickmes_on a:visited {
	font-size: 10px;
	color: #76052f;
	text-decoration: none;
}

#clickmes #creative {
	position: absolute;
	top: 37px;
	left: 14px;
	display: block;
	width: 130px;
	height: 46px;
}

#clickmes #business {
	position: absolute;
	top: 29px;
	left: 176px;
	display: block;
	width: 132px;
	height: 50px;
}
#clickmes #business span {
	display: block;
	padding-top: 4px;
}

img.title {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

#news {
	position: relative;
	float: left;
	font-size: 10px;
	padding-top: 280px;
	padding-bottom: 20px;
	z-index: 150;
}
#news p {
	padding-bottom: 12px;
}

#recentwork div.items {
	margin: 0;
	padding: 0;
}
#recentwork div.items a {
	display: block;
	float: left;
	margin-right: 10px;
}

* html #recentwork div.items a {
	display: block;
	float: left;
	margin-right: 9px;
}

#recentwork div.items a.last {
	margin-right: 0;
}
#recentwork p {
	display: block;
	clear: both;
	padding-top: 15px;
}

* html #recentwork p {
	display: block;
	clear: both;
	padding-top: 0px;
}

.clear { clear: both; }

#tag {
	position: absolute;
	top: 141px;
	left: 76px;
}

#contact {
/*	color: #ea0471; */
	position: absolute;
	top: 11px;
	left: 487px;
	font-size: 10px;
}
#contact a {
	text-decoration: none; 
	color: #ea0471; 
	font-size: 10px;
}
#contact a:hover {
	text-decoration: none; 
	color: #16e3f4;
	font-size: 10px;
}

#nav {
	position: absolute;
/*	top: 31px; */
	top: 64px;
	left: 487px;
}
#nav a {
	display: block;
	margin-bottom: 19px;
}

#clientlist {
	position: absolute;
	top: 352px;
	right: 0;
	float: left;
	height: 128px;
	width: 314px;
	padding: 0;
	margin: 0;
}
#clientlist p {
	display: block;
	float: left;
	width: 70px;
	font-size: 10px;	
	padding: 0;
	margin-left: 11px;
}
#clientlist p.first {
	margin-left: 0;
}

img.preload {
	display: none;
}

#subcontent {
	position: relative;
	background-image: url('../images/subpage_bg.jpg');
	background-repeat: repeat-y;
	margin-top: 45px;
	background-color: transparent;
	padding: 40px 230px 40px 40px;
	color: #68655a;
}
#subcontent h1 {
	margin: 0 0 10px 0; 
	padding: 0;
}
#subcontent p.subtitle {
	color: #fc1c78;
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
	margin: 0 0 20px 0; 	
	line-height: 18pt;
}
#subcontent p {
	line-height: 18pt;
	font-size: 10pt;
}

/* new styles for blog content */

#blogcontent {
	position: relative;
	background-image: url('../images/blogpage_bg.jpg');
	background-repeat: repeat-y;
	margin-top: 25px;
	background-color: transparent;
	padding: 25px 230px 25px 40px;
	color: #68655a;
}
#blogcontent h1 {
	margin: 0 0 10px 0; 
	padding: 0;
	font-size: 24pt;	
}
#blogcontent h2 {
	margin: 0; 
	padding: 0;
}
#blogcontent p.subtitle {
	color: #fc1c78;
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
	line-height: 18pt;
}
#blogcontent p {
	line-height: 18pt;
	font-size: 10pt;
	padding: 7px 0 7px 0;
}

#blogcontent a, #blogcontent a:visited {
	color: #fc1c78;
}
#blogcontent a:hover {
color: #16e3f4;
}

/* END blog styles */

#portnav a {
	text-decoration: none;
}
#portnav {
	position: absolute;
	top: -41px;
	right: 35px;
	display: block;
	width: 341px;
	height: 70px;
	z-index: 100;
}
#portnav a.favorite {
	position: absolute;
	top: 9px;
	right: 183px;
	width: 149px;
	height: 41px;
	display: block;
	text-decoration: none;
	z-index: 98;
}
#portnav a.full {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 150px;
	height: 39px;
	display: block;
	text-decoration: none;
	z-index: 99;
}


#subnav {
	position: absolute;
	top: -46px;
	left: 26px;
	display: block;
	width: 341px;
	height: 70px;
}
#subnav a.business {
	position: absolute;
	top: 4px;
	left: 177px;
	width: 149px;
	height: 41px;
	display: block;
	text-decoration: none;
}
#subnav a.creative {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 150px;
	height: 39px;
	display: block;
	text-decoration: none;
}


#recentagencywork {
	position: absolute;
	top: 10px; 
	right: 27px;
	width: 152px;
	height: 473px;
	background-image: url('../images/recent_bg.jpg');
	background-repeat: no-repeat;
	padding: 10px;
}
#recentagencywork a.thumb {
	display: block;
	margin-bottom: 10px;
}
#recentagencywork img.title {
	margin-top: 15px;
}
#recentagencywork a.minilink {
	display: block;
	padding-top: 5px;
	text-decoration: underline;
	color: #16e3f4;
}
#recentagencywork a.minilink:hover {
	display: block;
	padding-top: 5px;
	text-decoration: underline;
	color: #ea0471;
}
#recentagencywork p {
	color: #fff;
	font-size: 8pt;
	padding: 0 0 10px 0;
	margin: 0;
}



#blogcolumn {
	position: absolute;
	top: 245px; 
	right: 27px;
	width: 162px;
	padding: 140px 0 0 0;
	line-height: 16pt;
	color: #68655a;
}
#blogcolumn img.pic {
	position: absolute;
	top: 0;
	left: -16px;
}
#blogcolumn h2 {
	font-size: 12pt;
	font-weight: bold;
}
#blogcolumn p {
	font-size: 8pt;
}
#blogcolumn div.indent {
	border-left: 3px solid #e4e0d1;
	padding: 0 0 10px 18px;
	margin: 15px 0 0 0;
}
#blogcolumn div.indent a.active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #fc1c78;
}




#foot {
	position: relative;
	margin: 0 auto;
	width: 638px;
}

#foot #copy {
	padding-top: 50px;
	line-height: 18pt;
	padding-bottom: 50px;
}
#foot #copy p {
	display: block;
	padding: 14px 0 0 161px;
	font-size: 10px;
}

#portcontent {
	position: relative;
	background-color: transparent;
	color: #68655a;
	padding: 0 0 0 33px;
	margin: 25px 0 0 0;
}

div.portclients {
	position: absolute;
	top: 17px;
	left: 40px;
	width: 125px;
	color: #fff;
	line-height: 18pt;
	z-index: 101;
}

div.portclients a, div.portclients a:visited {
	color: #fff;
	text-decoration: none;
}
div.portclients a:hover {
	color: #ea0471;
}
div.portclients a.active {
	color: #16e3f4;
}


div.port_frame {
	position: relative;
	background-image: url('../images/port_frame.gif');
	background-repeat: no-repeat;
	background-position: top right;
	width: 666px;
	height: 638px;
	clear: both;
}
div.port_frame img {
	margin-left: 22px;
/*	margin-left: 32px; */
	margin-top: 24px;
	width: 613px;
	height: 447px;
}

div.port_frame_full {
	position: relative;
	background-image: url('../images/portframe_full.gif');
	background-repeat: no-repeat;
	background-position: top right;
	width: 666px;
	height: 570px;
}
div.port_frame_full img {
	margin-left: 143px;
	margin-top: 23px;
	width: 505px;
	height: 368px;
}
div.port_frame_full div.description {
	width: 336px;
	float: left;
	line-height: 16pt;
	margin-left: 143px;
	padding-top: 35px;
	padding-right: 15px;
}

div.details div.imgs {
	height: 26px;
}
div.details div.imgs img {
	width: 6px;
	height: 6px;
	float: left;
	margin: 0;
	padding: 10px 15px 10px 0;
}
div.details div.imgs a {
}
div.details table {
	line-height: 16pt;
	font-size: 9pt;
	border-collapse: collapse;
}
div.details table th, div.port_frame table td {
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
}
div.details table th {
	font-size: 8pt;
	color: #fff;
	padding-right: 10px;
}
div.description {
	width: 450px;
	float: left;
	line-height: 16pt;
	margin-left: 20px;
	padding-top: 35px;
	padding-right: 15px;
}
div.details {
	padding-top: 27px;
	width: 152px;
	float: left;
}
div.description strong {
	font-weight: bold;
	color: #fff;
}




/* Viviti Styles */

h1#site_heading {
	position: absolute;
	display: none;
}
h2#site_subheading {
	position: absolute;
	display: none;
}
div.blog_component h2 {
	position: absolute;
	display: none;
}
#blogcontent div.blog_component div.blog_post h3 {
	margin: 0;
	padding: 0;
}
#blogcontent div.blog_component div.blog_post h3.title a,
#blogcontent div.blog_component div.blog_post h3.title a:visited,
#blogcontent div.blog_component div.blog_post h3.title a:hover {
	display: block;
	font-family: "Times New Roman";
	font-weight: normal;
	line-height: 28pt;
	color: #0a3a3e;
	margin: 0 0 10px 0; 
	padding: 0;
	font-size: 24pt;		
	text-decoration: none;
	cursor: default;
}

#blogcontent div.blog_component div.blog_post div.date {
	color: #fc1c78;
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
	margin: 0 0 10px 0; 	
	line-height: 18pt;
}
#blogcontent div.blog_component div.blog_post div.comments {
	margin: 10px 0 10px 0;
}
#blogcontent div.blog_component div.blog_post div.comments a {
	font-size: 10pt;
}
#primary_navigation {
	position: absolute;
	display: none;
}
#blogcontent div.blog_component div.blog_post {
	margin-bottom: 20px;
}


/* END Viviti Styles */