@charset "utf-8";
/* CSS Document - www.chelleyjonesdesigns.co.uk */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c8c8c8;
	margin: 0;
	padding: 0;
	background: url(../images/bg_top.jpg) #272f43 repeat-x top;
}

img
{
	border: 0;
}

p
{	
	margin: 0 0 10px 0;
}

a
{
	margin: 0;
	border: 0;
	padding: 0;
	color: #c8c8c8;	
 	text-decoration: none;
}

a:visited
{
	/*color: #CC0066;*/
}

a:hover
{
	text-decoration: none;
	color: #f9008d;
}

/* Spacer */
#horizontal_spacer
{
	width: 920px;
	height: 20px;
	float: left;
}

/* Copy */
#copy
{
	margin: 5px 0 5px 10px;
	float: left;
	width: 620px;
	line-height: 18px;
}

/* Header */
#header
{
	width: 920px;
	height: 216px;
	background: url(../images/bg_head.jpg) no-repeat;
}


/*** MENU LINKS ***/
#menu
{
	width: 920px;
	padding: 29px 0 0 0;
}

#menu ul
{
	margin: 0;
	padding: 0;
	float: right;
}

#menu li
{
	list-style-type: none;
	float: left;
	padding: 4px 0 0 0;
	margin-left: 10px;
	text-align: center;
	height: 35px;
}

/* normal */
.m_home
{
	background: url(../images/m_home.png) no-repeat;
	width: 54px;
}
 
.m_about
{
	background: url(../images/m_about.png) no-repeat;
	width: 75px;
}
 
.m_portfolio
{
	background: url(../images/m_portfolio.png) no-repeat;
	width: 69px;
}
 
.m_blog
{
	background: url(../images/m_blog.png) no-repeat;
	width: 44px;
}
 
.m_news
{
	background: url(../images/m_news.png) no-repeat;
	width: 49px;
}
 
.m_capabilities
{
	background: url(../images/m_capabilities.png) no-repeat;
	width: 85px;
}
 
.m_contact
{
	background: url(../images/m_contact.png) no-repeat;
	width: 81px;
}
 
.m_jobs
{
	background: url(../images/m_jobs.png) no-repeat;
	width: 40px;
}

/* selected */
.m_s_home
{
	background: url(../images/m_s_home.png) no-repeat;
	width: 54px;
}
 
.m_s_about
{
	background: url(../images/m_s_about.png) no-repeat;
	width: 75px;
}
 
.m_s_portfolio
{
	background: url(../images/m_s_portfolio.png) no-repeat;
	width: 69px;
}
 
.m_s_blog
{
	background: url(../images/m_s_blog.png) no-repeat;
	width: 44px;
}
 
.m_s_news
{
	background: url(../images/m_s_news.png) no-repeat;
	width: 49px;
}
 
.m_s_capabilities
{
	background: url(../images/m_s_capabilities.png) no-repeat;
	width: 85px;
}
 
.m_s_contact
{
	background: url(../images/m_s_contact.png) no-repeat;
	width: 81px;
}
 
.m_s_jobs
{
	background: url(../images/m_s_jobs.png) no-repeat;
	width: 40px;
}

#menu li a
{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-family: Tahoma;
}


/* Head */
#head
{
	width: 920px;
	float: left;
	margin-top: 47px;
}

#logo
{
	width: 187px;
	height: 73px;
	float: left;
}

#head ul
{
	margin: 0;
	padding: 0;
	float: right;
}

#head li
{
	list-style-type: none;
	float: left;
	margin-left: 18px;
	height: 40px;
}

#content_area
{
	width: 920px;
	margin: 0 auto 0 auto;
}

#section
{
	float: left;
	width: 630px;
	margin-right: 30px;
}

/* Right Panel */
#right_panel
{
	width: 260px;
	float: left;
}

.section_title, .panel_title
{
	height: 40px;
	float: left;
}

.section_title
{
	margin-left: 10px;
	float: left;
	width: 620px;
}
.panel_title
{
	width: 260px;
}

.right_panel_container
{
	width: 216px;
	border: #262c3a 2px solid;
	float: left;
	margin: 5px 0 10px 0;
	padding: 20px;
	background-color: #293143;
	line-height: 18px;
}

/* Services Right Panel */
.panel_service
{
	float: left;
	width: 216px;
	margin: 0 0 20px 0;
}

.panel_service_title
{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	float: left;
	width: 216px;
	margin: 0 0 5px 0;
}

/* Footer */
#footer
{
	background: url(../images/bg_bottom.jpg) #5e6266 repeat-x;
	width: 100%;
	height: 260px;
	float: left;
}

#foot
{
	width: 920px;
	height: 260px;
	margin: 0 auto 0 auto;
}

#foot_top
{
	width: 920px;
	height: 20px;
	color: #fff;
	float: left;
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #8e959b;
}

#foot_bottom
{
	width: 920px;
	color: #fff;
	float: left;
	padding: 0 0 0 0;
	font-size: 12px;
}

#foot_bottom_title
{
	width: 920px;
	height: 40px;
	float: left;
	margin-bottom: 10px;
}

#foot_bottom_browse
{
	width: 300px;
	float: left;
}

#foot_bottom_browse_title
{
	width: 296px;
	height: 20px;
	float: left;
	margin: 0 0 0 4px;
}

#foot_bottom_browse ul
{
	width: 296px;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 0 0 4px;
	border-top: #fff dotted 1px;
}

#foot_bottom_browse li
{
	list-style-type: none;
	float: left;
	width: 136px;
	padding: 5px 0 5px 10px;
	background: url(../images/footer_arrow.png) no-repeat;
}

#foot_bottom_news
{
	width: 200px;
	margin: 0 0 0 50px;
	float: left;
}

#foot_bottom_news_title
{
	width: 200px;
	float: left;
	height: 20px;
}

.foot_news_article
{
	width: 190px;
	float: left;
	border-top: #fff dotted 1px;
	padding: 5px 0 5px 10px;
	background: url(../images/footer_arrow.png) no-repeat;
}

#foot_bottom_contact
{
	width: 315px;
	margin: 0 0 0 50px;
	float: left;
}

#foot_bottom_contact_title
{
	width: 315px;
	float: left;
	height: 20px;
}

#foot_contact_info
{
	width: 315px;
	float: left;
	padding: 5px 0 5px 0;
	border-top: #fff dotted 1px;
}

#foot_copy
{
	width: 780px;
	float: left;
	padding: 3px 0 0 0;
}

#foot_rss
{
	width: 140px;
	float: left;
}

#foot_rss ul
{
	margin: 0;
	padding: 0;
}

#foot_rss li
{
	list-style-type: none;
	float: left;
	background: url(../images/bg_rss.jpg) no-repeat;
	width: 43px;
	height: 18px;
	padding: 2px 0 0 23px;
	margin-left: 4px;
}

#foot_rss li a, #footer a
{
	color: #fff;
	text-decoration: none;
}