/*  
Theme Name: SUM
Theme URI: http://www.sumonline.co.uk
Description:template for <a href="http://www.sumonline.co.uk">SUM</a>.
Version: 1.6
Author: project: teabag css+xhtml: px42
Author URI: http://teabagstudios.com/

*/



/* Begin Typography & Colors */
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ccc;
	text-align: center;
	background: #333333 url(images/fnd_body.png) repeat-y left;
	}

#page {
	text-align: left;
	}

#header {
	width: 576px;
	height: 140px;
	background: url(images/logo_top.png) no-repeat left top;
	}
	#header h1 a {
	width: 576px;
	height: 140px;
	display: block;
	}
#header span {
	display: none;
}
/* common tags */
hr {
	display: none;
}
a {
	color: Yellow;
}
li {
	list-style: none;
}
/** top images */
#imagetop {
	width: 544px;
	height: 210px;
	float: left;
	display: block;
	margin-bottom: 20px;
	border-bottom:	1px solid #ccc;
}

#imagetop h2 {
	display: none;
}

.img_when {
	background: url(images/img_when.jpg) no-repeat left top;
}
.img_who {
	background: url(images/img_who.jpg) no-repeat left top;
}
.img_what {
	background: url(images/img_what.jpg) no-repeat left top;
}
.img_why {
	background: url(images/img_why.jpg) no-repeat left top;
}
.img_how {
	background: url(images/img_how.jpg) no-repeat left top;
}
.img_where {
	background: url(images/img_where.jpg) no-repeat left top;
}
.img_projects {
	background: url(images/img_projects.jpg) no-repeat left top;
}
.img_joinus {
	background: url(images/img_joinus.jpg) no-repeat left top;
}
.img_news {
	background: url(images/img_news.jpg) no-repeat left top;
}
.img_brochure {
	background: url(images/img_brochure.jpg) no-repeat left top;
}
/* topmenu */
#topmenu {
	width: 150px;
	float: left;
}
#topmenu .menu a {
	height: 20px;
	display: block;
	width: 150px;
	margin-top: 16px !important;
	margin-top: 12px;
	background-position: top;

}
#topmenu .menu a span,
#smenu li a span {
	display: none;
}
#topmenu .menu a:hover,
#topmenu .menu a#over,
#smenu li a:hover,
#smenu li a#over {
	background-position: bottom;
}
#topmenu .when, #topmenu .when a {
	background-image: url(images/bt_when.png);
	margin-top: 0 !important;
}
#topmenu .who, #topmenu .who a {
	background-image: url(images/bt_who.png);
}
#topmenu .what, #topmenu .what a {
	background-image: url(images/bt_what.png);

}
#topmenu .why, #topmenu .why a {
	background-image: url(images/bt_why.png);
}
#topmenu .how,#topmenu .how a {
	background-image: url(images/bt_how.png);
}
#topmenu .where, #topmenu .where a {
	background-image: url(images/bt_where.png);
}


/*whatmenu*/

#menuwhatmain{
width:80px;
float:left;
}

/*#menuwhatmain .menuwhat a {
	height: 20px;
	display: block;
	width: 80px;
	margin-top: 5px !important;
	margin-top: 12px;
	background-position: top;
}*/

#menuwhatmain li a span{
display:none;
}

#menuwhatmain li{
list-style-type:none;
}

#menuwhatmain li a{
display:block;
}


/*#menuwhatmain .menuwhat a:hover,
#menuwhatmain .menuwhat a#over,
{	background-position: bottom;
}*/

.servicesbutton a{background-image: url(images/servicesbutton.gif); width:80px; height:13px; background-position:top;}
.servicesbutton a:hover{background-image: url(images/servicesbutton.gif); width:80px; height:13px; background-position:bottom;}
.servicesbuttono a{background-image: url(images/servicesbutton.gif); width:80px; height:13px; background-position:bottom;}


.sectorsbutton a{background-image: url(images/sectorsbutton.gif); width:80px; height:12px; background-position:top; margin-top:15px;}
.sectorsbutton a:hover{background-image: url(images/sectorsbutton.gif); width:80px; height:12px; background-position:bottom; margin-top:15px;}
.sectorsbuttono a{background-image: url(images/sectorsbutton.gif); width:80px; height:12px; background-position:bottom; margin-top:15px;}
 
.projectsbutton a{background-image: url(images/projectsbutton.gif); width:80px; height:16px; background-position:top; margin-top:15px;}
.projectsbutton a:hover{background-image: url(images/projectsbutton.gif); width:80px; height:16px; background-position:top; margin-top:15px;}
.projectsbuttono a{background-image: url(images/projectsbutton.gif); width:80px; height:16px; background-position:top; margin-top:15px;}





/*whatmenu*/


/* smenu*/
#smenu {
	width: 150px;
	float: left;
}
#smenu li a {
	height: 20px;
	display: block;
	width: 150px;
	margin-top: 16px;
	background-position: top;
	background-repeat: no-repeat;

}
#smenu .news, #smenu .news a {
	background-image: url(images/bt_news.png);
}
#smenu .projects, #smenu .projects a {
	background-image: url(images/bt_projects.png);
}
#smenu .joinus, #smenu .joinus a {
	background-image: url(images/bt_joinus.png);
}
#smenu .brochure, #smenu .brochure a {
	background-image: url(images/bt_brochure.png);
}
/* content */
#center {
	float: left;
	width: 700px;
	position: relative;
	line-height: 20px;
	min-height:200px;
	_height:200px;
}
#content {
	width: 355px;
	float: left;
	margin-left: 190px !important;
	margin-left: 95px;
}
#content img {
	width: 98%;
}
#content h2 a , #center .pjoin h2 {
	font: bold 12pt arial;
	text-decoration: none;
	color: #EDE106;
	
}
.post {
	margin-top: 20px;
}
.post li {
	list-style: inside disc;
}
#center .projectspage h2 {
	font: bold 16pt arial;
	text-decoration: none;
	color: #EDE106;
} 
#content .y {
	color: Yellow;
}

#content p {
		font-size: 1.1em;
		margin: 5px 0;
}
#smenu { _width:auto; _position:absolute; }
#smenu ul.archive li a { color:#C0B705; height:auto;}

#smenu ul.archive h4 { margin-bottom:4px; height:auto; border-top:1px dashed #cccccc; font-size:12px; padding-top:15px;}
/* footer */
#footer {
	clear: both;
	padding: 15px 0;
	text-align: right;
	width: 550px;
	color: #666;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #EDE106;
}
/* subnav */
#menuwhatmain {
	width: 160px;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

#menuwhatmain ul li a, #menuwhatmain ul li a:hover {
	color: #ccc;
}
#menuwhatmain ul li ul li a {
	color: #ccc;
	padding-bottom: 0px;
}
#menuwhatmain li {
	padding-left: 5px;
}
#menuwhatmain ul li ul li a:hover {
	color: #ccc;
}
#menuwhatmain .page_item a {
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 160px;
}
#menuwhatmain ul li ul .current_page_item a {
	text-decoration: underline;
}

/* Begin Contact Form CSS */
.contactform {
	margin-top: 20px;
	text-align: left;
}
.contactform label {
	/*display: none;*/
}
#wpcf_your_name,
#wpcf_email,
#wpcf_phone,
#wpcf_msg {
	background-color: #333333;
	border: 1px solid #666;
	width: 343px;
	padding: 2px;
	color: #ccc;
}
#contactsubmit, .bt {
	border: 1px solid #666;
	background-color: #333333;
	color: #ccc;
	font-weight: bold;
	margin-top: 15px;
	padding: 3px;
}
.contactform label {

}

.contacterror {
	border: 1px solid #ff0000;
	background-color: #333333;
	width: 343px;
	padding: 2px;
	color: #ccc;
}

.contactsubmit {
}
/* End Contact Form CSS */

/*** brochure form ***/
#formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario label {

}
#formulario .inpt {
	background-color: #333333;
	border: 1px solid #666;
	width: 343px;
	padding: 2px;
	color: #ccc;
}
#formulario fieldset {
	border: none;
}
#formulario legend {
	font-weight: bold;
}
#formulario .txta {
	background-color: #333333;
	border: 1px solid #666;
	width: 343px;
	padding: 2px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#formulario #interest {
	height: 100px;
}

li#projects a { display:none; }

li#projects ul li a { display:inline; }