/* Kinoli Has Style */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#818181;
	text-align:center;
	width: 702px;
	margin-left:auto;
	margin-right:auto;
}

/************************************** default fonts *************************************/
h2 { /* headlines */
	margin:0;
	font-size:10px;
	text-indent:11px;
	color:#38A8AA;
	border-top:#38A8AA 1px solid;
	border-bottom:#38A8AA 1px solid;
	width:100%;
	height:24px;
	line-height:23px;
}
h2 img{ vertical-align:text-top; }
h3 { /* green text */
	margin:0;
	color:#53B669;
	font-size:10px;
	line-height: 15px;
	
}
h4 { /* white text */
	margin:0;
	font-size:10px;
	line-height: 16px;
	color:#FFFFFF;
	font-weight:normal;
}
h5 { /* copyright */
	margin:0;
	font-weight:normal;
	font-size:10px;
}
h1,h6,code {
	margin:0;
	padding:0;
}
a, a:visited, a:link {
	font-weight:bold;
	color:#F50000;
  	text-decoration: none;
}
a:hover{
  text-decoration: underline;
}


/************************************** News Links *************************************/

a.newsLink:link {
	color: #818181;
	text-decoration: underline;
	font-weight: bold;
}

a.newsLink:visited {
	color: #818181;
	text-decoration: underline;
	font-weight: bold;
}

a.newsLink:hover {
	color: #818181;
	text-decoration: none;
	font-weight: bold;

}



a.emailLink:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight:normal;
}

a.emailLink:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight:normal;
}

a.emailLink:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;

}





/************************************** main container holds all the main div areas *************************************/
#container {
	position:relative;
	text-align:left;
	top: 29px;
}

/************************************** Main Div Areas *************************************/
#header {
	position:relative;
	z-index:10;
	height:122px;
	border-top:#38A8AA 3px solid;
}
#latest {
	position:relative;
	z-index:9;
	width:682px;
	left: 10px;
	height:346px;
}
#recent, #project_info {
	position:relative;
	z-index:8;
	width:682px;
	left: 10px;
	height:566px;
}
#brands {
	position:relative;
	z-index:7;
	width:682px;
	left: 10px;
	height:210px;
}
#email {
	position:relative;
	z-index:6;
	width:682px;
	left: 10px;
	height:217px;
}
#footer {
	position:relative;
	z-index:11;
	height:75px;
	border-top:#38A8AA 3px solid;
}

/************************************** Header *************************************/
#logo {
	position:absolute;
	left:20px;
	top:21px;
}
#seriously_fun {
	position:absolute;
	right:25px;
	top:-8.5px;
}

/************************************** Latest Project *************************************/
#latest div#project {
	position:absolute;
	top:0;
	width:328px;
}
#project div#image {
	position:absolute;
	top:52px;
	left:11px;
}
#project div#title {
	position:relative;
	top: 256px;
	left:11px;
}
#project div#links {
	position:relative;
	font-size:10px;
	top:256px;
	left:11px;
}

/************************************** Latest News *************************************/
#latest div#news {
	position:absolute;
	top:0;
	width:328px;
	right: 0;
	font-size:10px;
	font-weight:normal;
	line-height: 16px;
}
#news div#scroll {
	position:absolute;
	left:11px;
	top:49px;
}

#latest div#content {
	position:absolute; 
	left:0; 
	top:0;
	padding-right:10px;	
	width: 295px;
}
#latest div#track {
	position:absolute; 
	left:309px; 
	top:0px; 
	z-index:3;
}
#latest div#drag {
	position:absolute; 
	left:309px; 
	top:0px; 
	z-index:4; 
	cursor:pointer;
}
#latest div#track img {
	height: 234px;
	width: 19px;
}
#latest div#mask {
	position : absolute; 
	left : 0; 
	top: 0;
	width:295px; 
	height:235px; 
	overflow:hidden; 
	z-index:6;
}
#latest div#return {
	position:absolute;
	top:293px;
	right: 0;
	font-size:10px;
}

/************************************** Recent Work *************************************/
#recent div#col1 {
	position:absolute;
	top:50px;
	left: 11px;
}
#recent div#col2 {
	position:absolute;
	top:50px;
	left: 185px;
}
#recent div#col3 {
	position:absolute;
	top:50px;
	left: 358px;
}
#recent div#col4 {
	position:absolute;
	top:50px;
	left: 530px;
}

#recent div#title {
	position:relative;
	top: 5px;
	left:0;
}
#recent div#links {
	position:relative;
	font-size:10px;
	top:5px;
	left:0;
}
#recent div#item2 {
	position:absolute;
	top:173px;
}
#recent div#item3 {
	position:absolute;
	top:338px;
}

/************************************** Project Info *************************************/
#recent div#image_details {
	position:absolute;
	top:50px;
	left: 11px;
}
#recent div#details {
	position:absolute;
	top:50px;
	left: 368px;
	font-size:10px;
	font-weight:normal;
	line-height: 16px;
	width: 295px;
}
#recent div#return {
	position:absolute;
	top:283px;
	right: 0;
	font-size:10px;
}

/************************************** Brands Served *************************************/
#brands div#list {
	position:absolute;
	top:40px;
	width:100%;
	font-size:10px;
	line-height:28px;
}
#brands div#col1 {
	position:absolute;
	left:10px;
}
#brands div#col2 {
	position:absolute;
	left:183px;
}
#brands div#col3 {
	position:absolute;
	left:357px;
}
#brands div#col4 {
	position:absolute;
	left:529px;
}

/************************************** Email *************************************/
#email div#subhead {
	position:absolute;
	top: 45px;
	left: 11px;
}
#email div#col1 {
	position:absolute;
	top: 100px;
	left: 11px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#email div#col2 {
	position:absolute;
	top: 100px;
	left: 175px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}

#email div#bubble2 {
	position:absolute;
	top: 89px;
	left: 164px;
	font-size:10px;
	font-weight:normal;
}

#email div#bubble1 {
	position:absolute;
	top: 89px;
	left: 0px;
	font-size:10px;
	font-weight:normal;
}

#email div#form {
	position:absolute;
	top: 45px;
	left: 358px;
	
}

/************************************** Footer *************************************/
#footer div#copyright {
	position:absolute;
	top:8px;
}

.greyText{
  margin:0;
	font-size:10px;
	line-height: 16px;
	color:#818181;
	font-weight:normal;
}