/* Start of CMSMS style sheet 'Office-default' */
/*------------------------------------------
Created:	23 March, 2010
Author:	Adam Alexander
Contact:	adam@mad-about-design.co.uk
Website:	www.mad-about-design.co.uk
-------------------------------------------*/

body 	{
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 62.5%;
	color: #333;
	margin: 0px;
	padding: 0px;
        background-color: #242A36;
	}
	
/* ----- Generic styles ----- */

p	{
	margin:0px;
	padding:0px 0px 12px 0px;
	}
	
div	{
	padding:0px;
	margin:0px;
	}
	
abbr	{
	cursor:help;
	}
	

	
img {
	border: none;
	}
	
.bold	{
	font-weight:bold;
	}
	
.micro	{
	font-size:0.8em;
	}

a:active, a:focus {
    outline: 0;
	}
	
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}


	
/******** Headers *********/

.contentleft  h1 { font-size: 1.8em; color: #333333; font-weight: normal; background-color: #83AED0; padding: 15px 20px!important; margin: 0px; width: 165px; }

h3 { font-size: 1.8em; padding: 0px; color: #333; margin: 0px 0px 15px 0px; border-bottom: #333 1px solid; }
h4 {
border-bottom: 1px #FFF solid; font-size: 1.2em; padding-bottom: 3px;
}

#office-contact h3, #office-download h3 { color: #FFF; border-color: #FFF; }

/******** Content Holders *********/

.wrapper { width: 800px; margin: auto; }	
.header { padding: 10px;}
.logo {	padding: 120px 20px 20px 20px; background:url(uploads/images/roc-people.gif) no-repeat bottom right;}
.content { background: #7F7F7F url(uploads/images/background.gif) repeat-y; position:relative; }
.contentleft { background-color:#FFF; width: 205px; float: left; padding-bottom: 20px; }
#office-gallery .contentleft  { height: 350px; }
#office-content .contentleft , #office-contact .contentleft, #office-text-content .contentleft, #office-download .contentleft   { height: 460px; }
.contentright { float: right; width:595px; }
.footer { color: #FFF; padding: 20px 0 20px 20px; clear: both; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em;}
.contentleft p { color: #242A36; padding: 10px 10px 10px 20px; }
#office-gallery .download { position: absolute; bottom: 130px; left: 20px; }
#office-content  .download, #office-contact  .download { position: absolute; bottom: 15px; left: 20px; }
#office-contact .contentright, #office-text-content .contentright, #office-news .contentright   { padding: 20px; width:555px; }
#office-contact .contentright, #office-download .contentright  { color: #FFF; }
#office-contact .content, #office-download .content { background: #7F7F7F url(uploads/images/background-dark.gif) repeat-y; position:relative; }

/******** links *****************/

.footer a:link, .footer a:visited { color: #FFF; text-decoration:none; }
.footer a:hover { color: #CCC; }

.scroll-pane a:link, .scroll-pane a:visited { color: #000; text-decoration: none; font-weight: bold; }
.scroll-pane a:hover { color: #CCC; }

a.download:link, a.download:visited { text-decoration:none; font-weight: bold; color:#000; }
a.download:hover { color:#666; }

a.shoplink:link, a.shoplink:visited {
	float: left;
	color: #83AED0;
	text-decoration:none;
	font-weight: bold;
	padding: 5px 0px 2px 9px;
	}

a.shoplink:hover { color: #CCCCCC;}
#office-download .contentright a:link, #office-download .contentright a:visited { color: #FFF; text-decoration: none; }
#office-download .contentright a:hover { color: #CCC; }
/******** Main Navigation ********/

#menuwrapper ul {
	padding: 5px;
	float: right;
	}

/*#primary-nav li.menuparent { position: relative;}*/

#menuwrapper ul li {
	display: inline;
	position: relative;
	z-index:1000;
	}
	
#menuwrapper ul li a:link, #menuwrapper ul li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	}
	
#menuwrapper ul li a:hover {
	color: #83AED0;
	/*border-left: #CC0000 1px solid;*/
	}
	
#menuwrapper ul li ul {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 20px;
	/*border-left: #cc6600 1px solid;*/
	background:url(uploads/images/square.gif) repeat-y left;
	width: 150px;
	z-index: -1000;
	}
	
#menuwrapper ul li ul li {
	display: block;
	padding: 3px 4px;
	position: static;
	}
	
#menuwrapper ul li ul li a:link, #menuwrapper ul li ul li a:visited {
	padding: 0px;
	color: #83AED0;
	}
	
#menuwrapper ul li ul li a:hover {
	color: #FFFFFF;
	}
		
#menuwrapper ul li ul li ul {
	position: absolute;
	left:-145px;
	text-align:right;
	top:20px;
	border: none;
	background:none;
	padding: 0px;
	height: 150px;
	}
	
#menuwrapper ul li ul li ul li {
	padding-right: 15px;
	}
	
#menuwrapper ul li ul li ul li a:link, #menuwrapper ul li ul li ul li a:visited {
	color: #CCCCCC;
	}
	
#menuwrapper ul li ul li ul li a:hover {
	color:#666666;
	}

#menuwrapper ul ul {
	display: none;
	}
	
#menuwrapper ul li:hover ul ul, #menuwrapper ul li:hover ul ul ul, #menuwrapper ul li:hover ul ul ul ul{
display:none;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul{
display:block;
}
/* End of 'Office-default' */