/******** UTILITY ********/
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block;
	height: 0; 
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}


/******** TAGS ********/

body {
	background-color: #C1C2C2;
	color:#626262;
	font-family: Helvetica, Arial;
	font-size:85%;
}

html > body {
	font-size:13px;
}

/* TODO: visited style */

a {
	background-color:#A0AEB9;
	color:#FFFFFF;
	padding:0 3px 1px 3px;
	text-decoration:none; 
}
	a:link {
		color:#FFFFFF;
	}
		a:focus { 
			color:#E5E5E5; 
		}
		a:active { 
			color:#E5E5E5;
		}
		a:visited { 
			background-color:#A0AEB9;
		}
		a:hover { 
			color:#828282;
		}

p {
	line-height:1.4em;
	margin-bottom:0.8em;
	margin-top:0em;
}

h1 {
	color:#FFFFFF;
	font-size:1.54em;
	font-weight:normal;
	margin-bottom:0.4em;
}

h2 {
	color:#ffffff;
	font-size:1.54em;
	font-weight:normal;
	margin-top:0em;
	margin-bottom:0.15em;
}

h3 {
	color:#ffffff;
	font-size:1.25em;
	font-weight:normal;
	margin-top:0em;
	margin-bottom:0.15em;
}

h4 {
	color:#FFFFFF;
	font-size:1.54em;
	font-weight:normal;
	margin-bottom:0.2em;
	margin-top:0.2em;
}

ul, ol {
	margin-bottom:0.4em;
	list-style-position:inside;
}
	ul {
		list-style-type:disc;
	}
	ol {
		list-style-type:decimal;
	}
	li {
		line-height:1.3em;
		padding-bottom:0.3em;
	}

strong {
	color:#303030;
	font-weight:normal;
}

/**	background-color:#cfb17f; medium-orange **/

highlight {
	background-color:#a0a0a0;
	color:#FFFFFF;
	padding:0 3px 1px 3px;
	text-decoration:none;
}

/******** CONTENT CLASSES ********/

.contentArea a:link  { 
    color:#FFFFFF; 
} 
.contentArea a:focus { 
    color:#E5E5E5; 
} 
.contentArea a:active { 
    color:#E5E5E5; 
} 
.contentArea a:visited { 
    background-color:#A0AEB9; 
} 
       .contentArea a:hover { 
    color:#e0e0e0; 
}

ul.serviceList {
	list-style:none;
	list-style-position:outside;
	text-indent:0;
}

.footNote {
	font-size:0.8em;
}

/******** HCARD ********/

.vcard {
	list-style:none;
	list-style-position:outside;
	text-indent:0;
	background-color:#D0D0D0;
	padding-bottom:0.3em;
	padding-left:0.7em;
	padding-top:0.7em;
	padding-right:0.7em;
}

	.vcard .type, .vcard .hidden {
		display:none;
	}





/******** STRUCTURE ********/

#container {
	width:800px;
	margin:0 auto;
}

#content {
	padding: 4px 13px 13px 13px;
}

	#leftColumn {
		float:left;
	}
	#rightColumn {
		float:right;
	}

	.uneven #leftColumn {
		width:455px;
	}
	.uneven #rightColumn {
		width:280px;
	}

	.even #leftColumn, .even #rightColumn {
		width:368px;
	}

/******** HEADER ********/

#header {
	margin:35px 0 3px 0;
	position:relative;
}

	#header h2 {
		background:url('../images/rakino_logo_2.gif') center left no-repeat;
		float:left;
		margin:0;
	}
	
	#header h2 a {
		padding:0;
	}

/* @todo	slice up this image? */
#banner {
	background:url('../images/banner_template.gif') center no-repeat;
	/*height:129px;*/
	height:100px;
	position:relative;
		left:-7px;
	/*width:814px;*/
	width:784px;
	padding:15px;
}


/******** MAIN MENU ********/

#mainMenu {
	float:right;
	list-style-type:none;
	margin:8px 0 0 0;
}

	#mainMenu li {
		float:left;
	}

	#mainMenu a, #mainMenu span {
		background-color:transparent;
		display:block;
		margin:0;
		padding:2px 6px 3px 6px;
	}

	#mainMenu span {
		background-color:#A0AEB9;
		color:#FFFFFF;
	}


/******** FOOTER ********/

#footer {
	color:#888;
	font-size:0.85em;
	margin-bottom:20px;
	text-transform:uppercase;
}

.appleLogo {
	vertical-align:text-bottom;
	padding:0 2px;
}

/** page-specific layout **/