/* PANEL EDGE */
#panel{
width: 10px;
height: 180px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position: -110px;
background-color:#CCCCCC;
text-align: left;
margin-left:150px;
float:right;
}

/* COMPANY */
#company_outer{ width:120px; height:120px; padding:10px; float:right; text-align:left;  z-index: 9998; background:url(../images/content/background.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#CCCCCC;}
#company_nav{ width: 120px; height:116px; padding-top:4px;  float:right; text-align:left; z-index: 9998; background-image:url(../images/services/panel.jpg); background-repeat:repeat-x; background-color:#FFA76E;}
#company_nav #company_buttons { margin:0; padding:0;}
#company_nav #company_buttons li {display:inline;}
#company_nav #company_buttons li a {float:left; overflow:hidden; padding-top:16px; width:120px; height:0;}
#company_nav #company_buttons li a { background-image:url(../images/nav/company_nav.jpg); background-repeat:no-repeat;}

/* INTRO */
#company_nav #company_buttons li#intro a{background-position: 0 0; }
#company_nav #company_buttons li#intro a:hover{background-position: 0 -16px; }

#company_nav #company_buttons li#intro_active a{background-position: 0 -16px; }
#company_nav #company_buttons li#intro_active a:hover{background-position: 0 -16px; }

/* MISSION */
#company_nav #company_buttons li#mission a{background-position: -120px 0; }
#company_nav #company_buttons li#mission a:hover{background-position: -120px -16px; }

#company_nav #company_buttons li#mission_active a{background-position: -120px -16px; }
#company_nav #company_buttons li#mission_active a:hover{background-position: -120px -16px; }

/* CLIENTS */
#company_nav #company_buttons li#clients a{background-position: -240px 0; }
#company_nav #company_buttons li#clients a:hover{background-position: -240px -16px; }

#company_nav #company_buttons li#clients_active a{background-position: -240px -16px; }
#company_nav #company_buttons li#clients_active a:hover{background-position: -240px -16px; }

/* LATEST NEWS */
#company_nav #company_buttons li#latest a{background-position: -360px 0; }
#company_nav #company_buttons li#latest a:hover{background-position: -360px -16px; }

#company_nav #company_buttons li#latest_active a{background-position: -360px -16px; }
#company_nav #company_buttons li#latest_active a:hover{background-position: -360px -16px; }

/* NEWS ARCHIVE */
#company_nav #company_buttons li#archive a{background-position: -480px 0; }
#company_nav #company_buttons li#archive a:hover{background-position: -480px -16px; }

#company_nav #company_buttons li#archive_active a{background-position: -480px -16px; }
#company_nav #company_buttons li#archive_active a:hover{background-position: -480px -16px; }

/* CAREERS */
#company_nav #company_buttons li#careers a{background-position: -600px 0; }
#company_nav #company_buttons li#careers a:hover{background-position: -600px -16px; }

#company_nav #company_buttons li#careers_active a{background-position: -600px -16px; }
#company_nav #company_buttons li#careers_active a:hover{background-position: -600px -16px; }


/* FREELANCERS */
#company_nav #company_buttons li#freelancers a{background-position: -720px 0; }
#company_nav #company_buttons li#freelancers a:hover{background-position: -720px -16px; }

#company_nav #company_buttons li#freelancers_active a{background-position: -720px -16px; }
#company_nav #company_buttons li#freelancers_active a:hover{background-position: -720px -16px; }


/* WELCOME */
#welcome{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
width: 360px;
height:360px; 
text-align:left;
padding:25px;
background-image:url(../images/services/background.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
float:left;
}

#overview_title{
width: 360px;
	margin-bottom:25px;
	text-align: left;
	float:left;
	}

#overview_body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width: 345px;
	height:285px;
	text-align: left;
	padding-right:15px;
	overflow:auto;
	float:left;
}

#overview_body ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#overview_body ol{
padding: 20px;
margin: 0px;
text-align: left;
}

#overview_body ul li{
background-image:url(../images/content/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

#overview_body ol li{
padding-left: 0;
}

/* EVENTS */
#events_title{
width: 360px;
	margin-bottom:25px;
	text-align: left;
	float:left;
	}

#events_body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width: 345px;
	height:235px;
	text-align: left;
	padding-right:15px;
	overflow:auto;
	float:left;
}

#events_body ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#events_body li{
background-image:url(../images/content/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

/* IMAGE */
#right_panel{
width: 130px;
height: 130px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x; 
background-color:#CCCCCC;
margin-top:50px;
margin-right:26px;
padding:10px 10px 10px 0;
text-align: left;
float:left;
}

#right_panel_centred{
width: 130px;
height: 130px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position:-140px;
background-color:#CCCCCC;
margin-top:190px;
padding:10px 10px 10px 0;
text-align: left;
float:left;
}

#right_panel_bottom{
width: 130px;
height: 130px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position:bottom;
background-color:#CCCCCC;
margin-top:330px;
text-align: left;
padding:10px 10px 10px 0;
float:left;
}

#hotspot1{ width: 130px; height:130px;  float:left; text-align:left; z-index: 9998; background-color:#FFA76E; float:left;}

.headline{
font-size:medium;
color:#FF4D00;
}

.headline a{
font-size:medium;
color:#FF4D00;
}

.headline a:hover{
font-size:medium;
color:#000000;
}

/* BACK */
#back{ width:18px; height:60px; float:left; text-align:left; z-index: 9998; margin-top:85px;}
#back #back_buttons { margin:0; padding:0;}
#back #back_buttons li {display:inline;}
#back #back_buttons li a {float:left; overflow:hidden; padding-top:60px; width:18px; height:0px;}
#back #back_buttons li a { background-image:url(../images/nav/back.jpg); background-repeat:no-repeat;}

#back #back_buttons li#go_back a{background-position: 0 0; }
#back #back_buttons li#go_back a:hover{background-position: 0 -60px; }

.cf_wrapper{}
	
	.cf_element
	{
		width: 345px;
		text-align:left;
	}

.cf_element div.content h3
	{
	color:#FF3300;
	}
.quote{
color:#FF4D00;
}

.disclaimer{
font-size:x-small;
}

 /* VIDEO */
#video{ width:18px; height:60px; float:left; text-align:left; z-index: 9998; margin-top:185px;}
#video #video_buttons { margin:0; padding:0;}
#video #video_buttons li {display:inline;}
#video #video_buttons li a {float:left; overflow:hidden; padding-top:60px; width:18px; height:0px;}
#video #video_buttons li a { background-image:url(../images/nav/video.jpg); background-repeat:no-repeat;}

#video #video_buttons li#video_site a{background-position: 0 0; }
#video #video_buttons li#video_site a:hover{background-position: 0 -60px; }

/* CONTENT */
#design_content{
width: 562px;
height:410px; 
background:url(../images/content/background.jpg); 
background-repeat:repeat-x; 
background-color:#CCCCCC;
text-align:left;
margin-top:50px;
padding:10px 10px 10px 0;
float:left;
}

/* WELCOME */
#design_welcome{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
width: 562px;
height:410px; 
text-align:left;
background-color:#000000;
float:left;
}