/* CSS Document */

* { margin:0 0 0 0; padding:0 0 0 0; border: none;}

body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px;color:#333333;}

#logobar {
position:relative;
width:905px;
height:84px;
background: #b9cad7 url(images/main_logo.gif) 30px 50px no-repeat;
margin: 0 auto 0px auto;}

#content {
width:300px;
height:40px;
background-color:#e4e4e4;
}

#flashcontainer {
position:absolute;
top:20px;
left:230px;
width:675px;
height:318px;
background-color: #FFFFFF;
}

#riba {
position:absolute;
top:48px;
right:30px;
}

#strapline {
position:relative;
width: 905px;
font-size:10px;
margin:15px auto 0 auto;
text-align:center;
color:#CCCCCC;
}

#strapline a {
color:#CCCCCC;
text-decoration:underline;
}

.home_lb {border-bottom: 6px solid #cd1653;}
.profile_lb {border-bottom: 6px solid #c0b400;}
.approach_lb {border-bottom: 6px solid #8a92c9;}
.projects_lb {border-bottom: 6px solid #ea7400;}
.contact_lb {border-bottom: 6px solid #007e8c;}

#portfolio_large {position:absolute;top:20px;left:230px;}

#contentarea {
	position:relative;
	width:675px;
	height:129px;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	padding:358px 0 0 230px;
}

.home_ca {border-bottom: 2px solid #cd1653;}
.profile_ca {border-bottom: 2px solid #c0b400;}
.approach_ca {border-bottom: 2px solid #8a92c9;}
.projects_ca {border-bottom: 2px solid #ea7400;}
.contact_ca {border-bottom: 2px solid #007e8c;}


#contentarea a {
	color:#333333;text-decoration:underline;
}

#contentarea a:hover {
	color:#333333;text-decoration:underline;
}

#contentarea_additional {
	position:relative;
	width:675px;
	height:467px;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	padding:20px 0 0 230px;
}

#contentarea_additional a {
	color:#333333;text-decoration:underline;
}

#contentarea_additional a:hover {
	color:#333333;text-decoration:underline;
}

#slice_image {
position:absolute;
top:336px;
left:230px;
}

#navigation {
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	text-align:left;
	background-color:#FFFFFF;
}

#navigation UL 
{	
	list-style:none;
	text-align:left;
	margin:4px 0 0px 0px;
}

#navigation UL LI 
{
	font-size:12px;
	font-weight:normal;
	color:#333333;
	padding: 47px 0 0 0px;
	border-bottom:1px solid #ffffff;
}


#navigation UL LI UL
{
	padding-top:15px;
}

#navigation UL LI UL LI 
{
	font-size:10px;
	font-weight:normal;
	color:#333333;
	padding:0;
	border:none;
	line-height:14px;
}

#navigation UL LI a 
{	
	display:block; width:150px;text-decoration:none; padding-bottom:3px; margin-left:60px;
}

#navigation UL LI.sel a

{	
	font-weight:bold;color:#333333;
}

#navigation UL LI a:hover 
{	
	text-decoration:none; color:#333333;
}

#navigation UL LI.sel UL LI a
{
	font-size:10px;
	font-weight:normal;
	color:#333333;
	padding:0;
	border:none;
	line-height:14px;
	margin:0;
	width:220px;
}

#navigation UL LI UL LI.sel a

{	
	font-weight:normal;color:#333333;
}

#navigation UL LI UL LI a:hover
{
	font-size:10px;
	font-weight:normal;
	color:#333333;
	padding:0;
	border:none;
	line-height:14px;
}

.home_thumbnail {background: transparent url(images/home.jpg) left 16px no-repeat;}
.home_thumbnail a {border-bottom: 2px solid #cd1653;}
.profile_thumbnail {background: transparent url(images/profile.jpg) left 16px no-repeat;}
.profile_thumbnail a {border-bottom: 2px solid #c0b400;}
.approach_thumbnail {background: transparent url(images/approach.jpg) left 16px no-repeat;}
.approach_thumbnail a {border-bottom: 2px solid #8a92c9;}
.projects_thumbnail {background: transparent url(images/projects.jpg) left 16px no-repeat;}
.projects_thumbnail a {border-bottom: 2px solid #ea7400;}
.contact_thumbnail {background: transparent url(images/contact.jpg) left 16px no-repeat;}
.contact_thumbnail a {border-bottom: 2px solid #007e8c;}

#projectthumbnails {
	position:absolute;
	width:225px;
	height:261px;
	left:680px;
	top:92px;
	text-align:left;
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
	display: block;
}

#projectthumbnails img {float:left; padding: 0 0 15px 15px;}

#project {position:absolute;top:20px;left:695px;font-weight:bold;color:#ea7400;}
#project_title {position:absolute;top:38px;left:695px;width:209px;font-size:10px;margin: 0 0 15px 0;
	background: #ffffff url(images/dots.png) bottom repeat-x;
	padding-bottom:8px;}

#footer {
	position:relative;
	width:905px;
	height:27px;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#ffffff;
}

#footer UL {
padding: 12px 0 0 0;
}

#footer UL LI {
display:inline;font-size:11px;padding:0 23px 0 16px;font-weight:normal;background: transparent url(images/bullet.png) center right no-repeat;
}

#footer UL LI.removeleft {padding-left: 0;}

#footer UL LI.removeright {background:none;}

.homepage_image {float:right;top:20px;left:210px;}
.portfolio_large {float:right;top:20px;left:210px;}

h1 
{
	position:absolute;
	left:-500px;
	top:-500px;
	font-size:26px;
	font-weight:normal;
	color:#ffffff;
	height:33px;
	
}

h2 
{
	font-size:11px;
	font-weight:bold;
	margin: 0 0 15px 0;
	background: #ffffff url(images/dots.png) bottom repeat-x;
	padding-bottom:8px;
}

.h2_home {color: #cd1653;}
.h2_profile {color: #c0b400;}
.h2_approach {color: #8a92c9;}
.h2_projects {color: #ea7400;}
.h2_contact {color: #007e8c;}


p
{
	margin:0 0 18px 0;
	line-height:14px;
}

#telephone {position:absolute;font-size:15px;font-weight:normal;top:0px;right:0px;color:#333333;padding:8px 0 0 0;}
.bold {font-weight:bold;}