@charset "UTF-8";
/* 
Title:     One Creative Branding - brandHome.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/

/*#homepage #innerwrapper {
	position: relative;
	margin: 28px;
	padding: 0;
	width: 901px;
	height: 410px;
	text-align: left;
	background: #f2f3f3;
	border: 2px solid #000;
}*/
/* Servies Grid
========================================================================================== */
#grid {
	position: absolute;
	top: 10px;
	left: -30px;
	width: 901px;
	height: 400px;
	background: url(../images/branding_services_grid.png) no-repeat top left !important;
	background: url(../images/branding_services_grid.gif) no-repeat top left;
}
#grid h1 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 21px;
	font-variant: small-caps;
}
#grid p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
#grid a {
	color: #666;
	text-decoration: none;
}
#grid a:hover {
	color: #000;
}
#sbTitle {
	position: absolute;
	top: 289px;
	left: 700px;
}
#t-services {
	position: absolute;
	top: 217px;
	left: 395px;
}
#strategy a {
	position: absolute;
	left: 401px;
	top: 85px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#design a {
	position: absolute;
	left: 505px;
	top: 117px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#advertising a {
	position: absolute;
	left: 652px;
	top: 146px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#interactive a {
	position: absolute;
	left: 565px;
	top: 277px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#media a {
	position: absolute;
	left: 403px;
	top: 301px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#public a {
	position: absolute;
	left: 258px;
	top: 326px;
	margin: 0;
	padding: 14px 0 14px 43px;
	background: url(../images/dashed_circle.gif) no-repeat center left;
}
#strategy a:hover, #design a:hover, #advertising a:hover, #interactive a:hover, #media a:hover, #public a:hover {
	background: url(../images/dashed_circle_hover.gif) no-repeat center left;
}

/* Link to One Creative Corporate 
========================================================================================== */
/*#ocg {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 5px;
	width: 125px;
	text-align: center;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
#ocg a {
	color: #666;
	font-size: 85%;
	text-decoration: none;
}
#ocg a:hover {
	color: #000;
}*/
/* Homepage Boxes 
========================================================================================== */
#boxContainer {
	display: inline;
	float: left;
	margin: 28px 28px 0 28px;
	padding: 0;
	width: 905px;
	background: url(../images/box_bg.gif) repeat-y top left;
}
.box {
	float: left;
	margin: 0 0 10px 0;
	padding: 10px 10px 3px 10px;
	width: 275px;
	height: auto !important;
	height: 90px;
	color: #fff;
	text-align: left;
	background: #000;
}
.box h2 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.box p {
	color: #999;
	font-size: 10px;
	line-height: 1.3em;
}
.box a:link, .box a:visited {
	color: #999;
}
.box a:hover {
	color: #fff;
	text-decoration: underline;
}
#news img, #inTheWorks img {
	float: left;
	margin-right: 10px;
}
#story img {
	float: right;
	margin-left: 10px;
}