/* ------------------------------- */
/* SIMPLEX FOUNDATIONS LIMITED
/* ------------------------------- */

/* ----------------------------------------------------- 
[Master Stylesheet] 

http://www.simplex-foundations.co.uk
Version : 1.0
Last Edit Date : 29.04.2009
Author : Cultivate Creative

----------------------------------------------------- */


/* -----------------------------------------------------
COLOUR REFERENCE

Light Blue	#0055A5
Dark Blue 	#0E3984
Grey		#8D8D8D


----------------------------------------------------- */
*
{
 margin             : 0;
 padding            : 0;
	
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
 margin          		: 0;
 padding          		: 0;
 border					: 0;
 font-weight			: inherit;
 font-style				: inherit;
 font-size				: 100%;
 font-family			: inherit;
 vertical-align			: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table
{
 border-collapse		: separate;
 border-spacing			: 0;
}

caption, th, td
{
 text-align				: left;
 font-weight			: normal;
}

table, td, th
{
 vertical-align			: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after
{
 content				: "";
}

blockquote, q
{
 quotes					: "" "";
}

/* Remove annoying border on linked images. */
a img
{
 border					: none;
}
/* ------------------------------- */
/* DEFAULT STYLES
/* ------------------------------- */

body
{
 font					: 12px/1.5 Arial, Helvetica, Geneva, sans-serif;
 color					: #000;
 background-color		: #ccc;
}

li
{
 list-style-type    	: none;
}

a
{
 color					: #000;
 text-decoration		: none;
 font-weight			: bold;
}

a:link
{
 color					: #000;
 text-decoration		: none;
} 

a:visited
{
 color					: #000;
 text-decoration		: none;
} 

a:active
{ 
 color					: #000;  
 text-decoration		: underline;
} 

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

img
{
 margin            		: 0 0 10px 0;
}

/* ------------------------------- */
/* TYPOGRAPHY
/* ------------------------------- */

h1
{
 font-size				: 18px;
 font-weight			: bold;
 padding				: 0;
}

h2
{
 font-size				: 16px;
 font-weight			: bold;
 margin-bottom			: 14px;
}

h3
{
 font-size				: 13px;
 font-weight			: bold;
 margin-bottom			: 10px;
}

h4
{
 font-weight			: bold;
 margin-bottom			: 0;
}

p
{
 padding            	: 0 0 10px 0;
}

.small
{
 font-size				: 10px;
}

strong
{
 font-weight            : bold;
}

blockquote
{
 font-style				: italic;
}

.date
{
 font-size            	: 10px;
 font-style				: italic;
}

.body_text h3
{
 font-size				: 12px;
 font-weight			: bold;
 margin-bottom			: 0;
}

#content.services .body_text ul li
{
 font-size				: 11px;
}

#content.services .body_text ul.body li
{
 font-size				: 12px;
}

/* ------------------------------- */
/* MENU
/* ------------------------------- */

#menu
{
 margin            		: 0;
}

ul#navlist
{
 list-style				: none;
 padding            	: 0;
 margin            		: 0;
}

ul#navlist li
{
 text-align				: left;
 float            		: left;
 height            		: 40px;
 width            		: 119px;
 border-left			: 1px solid #fff;
 background-color		: #0055A5;
}

ul#navlist li a
{
 display            	: block;
 padding            	: 5px 5px 0 7px;
 height            		: 35px;
 color            		: #fff;
 text-decoration		: none;
 text-shadow			: 0 0 0 #000;
 font-weight			: normal;
}

ul#navlist li a:hover
{
 background-color		: #0E3984;
}

ul#navlist li.home
{
 border-left			: none;
}

ul#navlist li#empty
{
 width            		: 340px;
}

/* ------------------------------- */
/* SUBMENU
/* ------------------------------- */

ul#submenu
{
 float            		: left;
 width            		: 220px;
 padding-bottom			: 20px;
}

ul#submenu h3
{
 color					: #fff;
 background-color		: #0E3984;
 height            		: 22px;
 margin					: 0;
 padding            	: 3px 0 0 7px;
 border-bottom			: 1px solid #fff;
}

ul#submenu li
{
 background-color		: #0055A5;
 height            		: 25px;
}

ul#submenu li a
{
 display            	: block;
 height            		: 18px;
 color            		: #fff;
 font-weight			: normal;
 padding            	: 3px 0 3px 7px;
 border-bottom			: 1px solid #fff;
 text-shadow			: 0 0 0 #000;
}

ul#submenu li.last a
{
 border-bottom			: none;
}

ul#submenu li a:visited
{
 color					: #fff;
} 

ul#submenu li a:active
{ 
 color					: #fff;  
} 

ul#submenu li a:hover
{ 
 color					: #fff; 
 text-decoration		: none; 
 background-color		: #0E3984;
}



/* ------------------------------- */
/* PAGE ELEMENTS
/* ------------------------------- */

#wrapper
{
 margin					: 25px auto 0 auto;
 padding				: 20px 20px 10px 20px;
 text-align				: left;
 width					: 940px;
 overflow				: hidden;
 background				: #fff /*url(/assets/images/grid.gif);*/
}

#header h1
{
 width					: 300px;
 padding-bottom			: 25px;
 float            		: left;
}

#header h1 a
{
 display				: block;
 width            		: 220px;
 height					: 29px;
 background				: url(/assets/images/simplex-logo.png) no-repeat;
 text-indent			: -9999px;
 color					: #000;
 text-decoration		: none;
}

#header h2
{
 font-size				: 18px;
 font-weight			: bold;
 color					: #9f9f9f;
 margin					: 0;
 float 					: right;
 text-align				: right;
 line-height			: 1.1;
}

#menu
{
 float            		: left;
 width            		: 940px;
 padding-bottom        	: 20px;
}

#content
{
 padding-bottom			: 10px;
}

#leftcolumn
{
 width					: 220px;
 float					: left;
 padding-right			: 20px;
}


/* ------------------------------- */
/* HOMEPAGE 
/* ------------------------------- */

#content.home
{
 width            		: 640px;
 padding-right			: 10px;
 margin-bottom			: 10px;
 float            		: left;
}

#quick-links
{
 width            		: 200px;
 float            		: left;
 background-color		: #0055A5;
 padding            	: 10px;
 color            		: #fff;
 margin-bottom			: 20px;
}

#quick-links p
{
 font-size            	: 11px;
}

.newsitem p,
.newsitem a
{
 font-size				: 11px;
}

#quick-links form
{
 width					: 200px;
 padding				: 0;
}

select
{
 width            		: 200px;
 margin-bottom			: 10px
}

.projects
{
 padding-top			: 5px;
 border-top				: 1px solid #fff;
}

#newsletter
{
 float					: left;
}

h2.home
{
 font-size				: 14px;
}

.body_text
{
 width            		: 400px;
 float            		: left;
}

.accred p
{
 padding				: 0;
}
.accred a img
{
 margin-right			: 20px;
}

#right-column.standard
{
 float            		: left;
 width            		: 280px;
 margin					: 0 0 20px 0;
 padding-left			: 10px;
}

#right-column.standard h3.title
{
 background-color		: #0055A5;
 color            		: #fff;
 padding            	: 3px 10px;
}

#news
{
 padding				: 0 0 1px 0;
 background-color		: #EBEBEB;
}

.newsitem
{
 margin-bottom			: 20px;
 padding            	: 0 10px;
}

.newsitem h3 a
{
 font-size				: 13px;
 margin-bottom			: 10px;
}

.newsitem img
{
 margin-bottom			: 5px;
}

.date
{
 border-top				: 1px solid #8D8D8D;
 border-bottom			: 1px solid #8D8D8D;
 padding				: 3px 0;
 margin-bottom			: 6px;
}


/* ------------------------------- */
/* PILING SERVICES PAGE 
/* ------------------------------- */

#content.services
{
 width            		: 700px;
 margin-bottom			: 10px;
 float            		: left;
}

#content.services .body_text
{
 padding            	: 0;
 width            		: 700px;
}

.intro
{
 width					: 680px;
 background-color		: #EBEBEB;
 padding            	: 10px;
 overflow				: hidden;
 margin-bottom			: 20px;
}

.intro img
{
 float					: right;
 margin            		: 0;
}

.intro h3
{
 width					: 250px;
 float            		: left;
 margin-bottom			: 5px;
}

.intro ul
{
 width            		: 250px;
 float            		: left;
 padding	           	: 0 15px;
}

.intro ul li
{
 list-style-type		: disc;
 list-style-position    : outside;
}

#content.services .body_text ul.body
{
 width            		: 685px;
 float            		: left;
 padding	           	: 0 0 10px 15px;
}

#content.services .body_text ul.body li
{
 list-style-type		: disc;
 list-style-position    : outside;
}

#content.services .body_text p
{
 clear            		: both;
 width					: 580px;
}

/* ------------------------------- */
/* FOCUS PROJECTS PAGE 
/* ------------------------------- */

#content.focus
{
 width            		: 700px;
 margin-bottom			: 10px;
 float            		: left;
}

#content.focus .body_text
{
 padding            	: 0;
 width            		: 700px;
}

#content.focus .body_text img
{
 float					: left;
 margin-bottom			: 20px;
}

.firstimage
{
 padding-right			: 20px;
}

#content.focus .body_text p
{
 float					: left;
 width					: 580px;
}
/* ------------------------------- */
/* NEWS PAGE 
/* ------------------------------- */

#content.news
{
 width            		: 940px;
 margin-bottom			: 10px;
 float            		: left;
}

#news-main
{
 width            		: 700px;
 float            		: left;
 padding-right			: 20px;
}

.news-post
{
 width					: 700px;
 margin-bottom			: 40px;
 float					: left;
}

.news-post h2
{
 font-size				: 14px;
}

.title-date
{
 width					: 700px;
 border-top				: 1px solid #8D8D8D;
 border-bottom			: 1px solid #8D8D8D;
 padding				: 5px 0;
 margin-bottom			: 20px;
 float					: left;
}

.title-date h2
{
 width					: 520px;
 padding-right			: 20px;
 margin					: 0;
 float            		: left;	
}

.title-date p
{
 float            		: right;
 margin					: 0;
 padding				: 2px 0 0 0;
}

.entry
{
 float            		: left;
}

#news-main .news-post .entry p
{
 float            		: left;
 padding            	: 0 0 10px 0;
 width					: 580px;
}

#news-main .news-post .entry p img
{
 margin            		: 0;
}

#right-column.narrow
{
 float            		: left;
 width            		: 220px;
 margin					: 0 0 20px 0;
}

#right-column.narrow ul
{
 width					: 210px;
 padding				: 5px;
 float					: left;
 background-color		: #EBEBEB;
}

#right-column.narrow h3
{
 background-color		: #0055A5;
 color            		: #fff;
 padding            	: 3px 5px;
 margin					: 0;
 float					: left;
 width					: 210px;
}

/* ------------------------------- */
/* CONTACT
/* ------------------------------- */

#content.contact
{
 width            		: 940px;
 float            		: left;
 padding				: 0 0 20px 0;
}

#content.contact img
{
 float					: left;
}

#content.contact #rightcolumn.narrow
{
 float					: left;
}

.address
{
 width					: 198px;
 padding				: 10px 10px 0 10px;
 background-color		: #EBEBEB;
 border					: 1px solid #ccc;
}

.address p
{
 width					: 198px;
}

.directions
{
 width					: 220px;
 padding				: 20px 0;
 overflow				: hidden;
}

input#saddr
{
 width            		: 88px;
 float            		: left;
 margin					: 0 14px 0 0;
 padding            	: 4px;
 border					: 1px solid #bbb;
}

input
{
 float					: left;
 margin-top				: 1px;
}

#gmap
{
 float					: left;
 margin-bottom			: 14px;
 width					: 220px;
 height					: 160px;
}

#contacts
{
 width					: 700px;
 float					: left;
 padding-right			: 20px;
}

#person
{
 float					: left;
 width					: 318px;
 height					: 100px;
 padding				: 10px;
 margin-bottom			: 20px;
 background-color		: #EBEBEB;
 border					: 1px solid #ccc;
}

#person.left
{
 margin-right			: 20px;
}

#person img
{
 border					: 1px solid #000;
 margin					: 0 10px 0 0;
 float					: left;
}

#person h2
{
 width					: 200px;
 float					: left;
 margin					: 0;
}

/* ------------------------------- */
/* FOOTER
/* ------------------------------- */

#footer
{
 width            		: 940px;
 padding-top			: 10px;
 border-top				: 1px solid #8D8D8D;
 clear            		: both;
 overflow				: hidden;
}

#address
{
 width            		: 340px;
 float					: left ;
}

#footer p.small
{
 clear					: both;
}

#footer-link
{
 float					: left;
 padding				: 2px 0 10px 440px;
}

#footer-link a
{
 display				: block;
 width            		: 147px;
 height					: 49px;
 background				: url(/assets/images/BashyLogo.png) no-repeat;
 text-indent			: -9999px;
 color					: #000;
 text-decoration		: none;
}

/* ------------------------------- */
/* 404 
/* ------------------------------- */

#content.error
{
 width            		: 640px;
 padding-right			: 10px;
 margin-bottom			: 10px;
 float            		: left;
}