/*----------------------- Imports ---------------------------------*/

@import "base.css";

/*----------------------- Global Styles ---------------------------*/

#header {
	width:100%;
	padding:10px 0;
	background:url('http://www.grafikkid.com/images/25black.png') repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
#header p {
	margin:0 auto;
	width:1000px;
	line-height:28px;
}	
#header .large {
	font-size:20px;
	color:#666;
}
#header .main {
	font-size:12px;
	color:#ccc;
}
#header .main a {
	color:#666;
	text-decoration:none;
}
#header .main a:hover {
	border-bottom:1px dotted #666;
}

/*----------------------- Home Page Styles ------------------------*/

.work-container {
	width:50%;
	float:left;
}
*:first-child+html .work-container {
	width:49.9%;
}
.work-container p {
	height:46px;
	background:url('http://www.grafikkid.com/images/info-bg.gif') repeat-x;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	line-height:46px;
	color:#666;
}
.work-container a {
	color:#666;
	text-decoration:none;
}
.work-container a:hover {
	color:#999;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}

/*----------------------- Inside Styles ---------------------------*/

h2 {
	padding:8px 20px;
	font:normal 22px Arial, sans-serif;
	color:#666;
}
h2 span {
	letter-spacing:1px;
	font-size:14px;
	color:#333;
}
.content {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
}
.content p {
	font-family:Arial, sans-serif;
	padding:8px 20px;
}
.content p em {
	font-style:italic;
}
.large {
	font-size:18px;
	color:#666;
}
.large a {
	color:#999;
	text-decoration:none;
}
.large a:hover {
	border-bottom:1px dotted #999;
}
.main {
	line-height:26px;
	font-size:14px;
	color:#ccc;
}
.main a {
	color:#666;
	text-decoration:none;
}
.main a:hover {
	border-bottom:1px dotted #666;
}
.services {
	width:495px;
	float:left;
}
.service-list {
	height:330px;
	padding:8px 20px;
	border:1px dotted #333;
	font-family:Arial, sans-serif;
	background:url('http://www.grafikkid.com/images/25black.png') repeat;
}
.service-list dt {
	line-height:22px;
	font-size:14px;
	color:#ccc;
}
.service-list dd {
	margin-left:15px;
	padding-left:18px;
	line-height:20px;
	font-size:12px;
	color:#999;
	background:url('http://www.grafikkid.com/images/arrow.png') no-repeat 0 6px;
}
.service-list dd a {
	color:#ccc;
	text-decoration:none;
}
.service-list dd a:hover {
	border-bottom:1px dotted #ccc;
}
.bottom {
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	clear:both;
}