/* Home Structure
----------------------------------------------- */
#header {
	margin-bottom:31px;
}

#page {
	min-height:auto;
}

#background {
	top:105px;
	left:-195px;
	width:193px;
	height:241px;
	background:url('../images/services-bg.gif') 0 0 no-repeat;
}

#content {
	float:right;
	width:77.5%;
	font-size:1.4em;
	color:#8F8F8F;
	background-position:0 144px;
	background-repeat:no-repeat;
	padding-top:20px;
}

html>body #content p { height:auto; }

#page-website-development #content h3,
#page-administration #content h3,
#page-graphics #content h3,
#page-industrial-design h3,
#page-marketing #content h3,
#page-video #content h3 {
	padding-top:44px;
	clear:both;
}

#page-website-development #content,
#page-administration #content,
#page-graphics #content,
#page-industrial-design,
#page-marketing #content,
#page-video #content {
	margin-top:-16px;
	position:relative;
	padding-top:0;
}

#page-website-development #content p,
#page-administration #content p,
#page-graphics #content p,
#page-industrial-design p,
#page-marketing #content p,
#page-video #content p {
	height:87px;
	min-height:87px;
}

#page-graphics #content p {
	margin-bottom:5.5em;
}

#page-marketing #content p {
	margin-bottom:3.5em;
}

#content p {
	line-height:1.5em;
}

.icons,
#content h3,
#content p {
	margin-left:135px;
}


#services {
	margin-top:30px;
	float:left;
	font-size:1.1em;
	padding-left:5px;
}

#services h2 a,
#services h2 a:hover {
	color:#469845;
}

#services h2 {
	margin-bottom:14px;
}

#page-website-development #content { background-image:url('../images/icons/web/webdev.png'); }
#page-administration #content { background-image:url('../images/icons/administration/business-administration.png'); }
#page-graphics #content { background-image:url('../images/icons/print/print.png'); }
#page-industrial-design #content { background-image:url('../images/icons/industrial/industrial.png'); }
#page-marketing #content { background-image:url('../images/icons/marketing/marketing.png'); }
#page-video #content { background-image:url('../images/icons/'); }

#page-index #content h3,
#page-index #content p {
	margin-left:23px;
}

#page-index #content p a {
	color:#565655;
}

#page-index #content p a:hover {
	color:#469845;
	background:none;
}

#page-index #content h3 {
	margin-top:22px;
}

.icons {
	border-top:1px solid #ddd;
	display:block;
	padding:8px 0 0 0;
}

.icon {
	background-position:0 0;
	font-weight:bold;
	float:left;
	font-size:0.6em;
	text-align:center;
	color:#016621;
	margin:0 6px 0 -11px;
	position:relative;
	width:100px;
	line-height:1.4em;
	padding-bottom:4px;
}

.icon img {
	display:block;
	margin-bottom:4px;
}

#page-index .icon img {
	margin-bottom:0;
}

#page-index .icon {
	margin:0 0 0 19px;
	font-size:0.8em;
	width:auto;
	padding-bottom:0;
	line-height:normal;
}


.current {
	border-bottom:1px solid;
}

.choose-icon {
	margin:70px 0 12px 0;
	color:#999;
}

#content .icon a,
#content .icon a:hover {
	color:#016621;
	background:none;
}

.icon img { margin:0 auto; display:block; }

/* Web Development Icons
-----------------------------*/
#hosting { background-image:url('../images/icons/web/webhost.jpg'); }
#cms { background-image:url('../images/icons/web/contentman.jpg'); }
#email { background-image:url('../images/icons/web/email.jpg'); }
#management { background-image:url('../images/icons/web/management.jpg'); }
#seo { background-image:url('../images/icons/web/searcheng.jpg'); }
#security { background-image:url('../images/icons/web/security.jpg'); }
#ecommerce { background-image:url('../images/icons/web/shopping.jpg'); }
#web-applications { background-image:url('../images/icons/web/webapp.jpg'); }
#blogging { background-image:url('../images/icons/web/webblog.jpg'); }
#copywriting { background-image:url('../images/icons/web/webcopy.jpg'); }
#web-design { background-image:url('../images/icons/web/webdesign.jpg'); }
#video { background-image:url('../images/icons/web/webvid.jpg'); }

/* Administration Icons
-----------------------------*/
#administration { background-image:url('../images/icons/administration/admin.jpg'); }
#project-management { background-image:url('../images/icons/administration/project-management.jpg'); }

/* Graphic Icons
-----------------------------*/
#catalog { background-image:url('../images/icons/print/catalog.jpg'); }
#package { background-image:url('../images/icons/print/package.jpg'); }
#print { background-image:url('../images/icons/print/printmarket.jpg'); }
#folder { background-image:url('../images/icons/print/folder.jpg'); }
#signage { background-image:url('../images/icons/print/signage.jpg'); }
#logo { background-image:url('../images/icons/print/logo-identity.jpg'); }

/* Industrial Design Icons
-----------------------------*/
#exhibit { background-image:url('../images/icons/industrial/exhibit.jpg'); }
#product { background-image:url('../images/icons/industrial/product-design.jpg'); }
#concept { background-image:url('../images/icons/industrial/concept-development.jpg'); }
#transportation { background-image:url('../images/icons/industrial/transportation.jpg'); }

/* Marketing Icons
-----------------------------*/
#admin { background-image:url('../images/icons/marketing/admin.jpg'); }
#press-releases { background-image:url('../images/icons/marketing/pressrel.jpg'); }

/* Video Icons
-----------------------------*/

#services ul {
	color:#8F8F8F;
	line-height:1.2em;
	margin:0 0 1.2em 2px;
}

#content ul {
	margin-left:40px;
	font-size:0.9em;
}
html>body #content ul li { height:auto; }
#content ul li {
	line-height:20px;
	margin:.25em 1.5em;
	padding:.5em 0 .5em 75px;
	background-position:0 8px;
	background-repeat:no-repeat;
	min-height:57px;
	height:57px;
	clear:both;
}

ul li h4 {
	padding-right:5px;
}

#content {
	color:#5F5F5F;
}

#content h3,
#content h4 {
	color:#016621;
}


ul li h4 span {
	font-weight:normal;
	font-style:italic;
}

#services a.category:hover {
	color:#469845;
}

#services a {
	color:#666;
}