@charset "utf-8";
/* -- Leanne Borrowman -- */
/* -- leanne@cl3.co.uk -- */



body { font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0px auto; background-color:#CCCCCC; font-size: 80%; color: #333333; }
* {
	padding: 0px;
	margin: 0px;
}

h1 { font-size: 110%; color: #004377; padding: 0px 0px 10px 0px; }
h2 { font-size: 90%; color: #004377; padding: 0px 0px 10px 0px; }
h3 { font-size: 80%; color: #004377; padding: 0px 0px 10px 0px; }
h4 { font-size: 90%; color: #666666; padding: 10px 0px 10px 0px; }

p { padding: 10px 34px; font-size: 90%; }
span {}

a { text-decoration: underline; }
a:hover { text-decoration: none; }

li { margin: 10px 0px  5px 55px; }

hr { margin-right: 20px; padding: 0px; color:#FFFFFF; border:none; border-bottom: 1px dotted #9C9C9C; }

img { border: none; }

input { margin: 2px; }

iframe { border: 1px solid #CCCCCC; }
.preview { float: right; }
.preview iframe { margin: 5px; }
p.preview img { float: none; text-align: right; margin: 0px 3px; padding: 0px; }

/* -- main content -- */

#wrapper { background-color:#FFFFFF; width: 750px; margin: 10px auto; text-align: left; }

#header { }
.logo { float: left; padding: 30px 34px 10px 34px;}
.telephone { float: right; font-weight: bold; text-align: right; padding: 35px 0px 0px 34px; letter-spacing: 1px; color: #666666; font-size: 120%; }
.telephone span { color: #004377; }

.navigation { text-align: right; width: 100%; }
.navigation p { padding: 10px 20px; font-size: 90%; }
.navigation a { padding: 0px 15px; color: #004377; font-weight: bold; text-decoration: none; }
.navigation a:hover { color: #B7BD9B; }
.navigation a.selected { color: #B7BD9B; }

#intro { padding: 10px 34px; }

#content { width: 100%; }
.sub_navigation {}
.main { }
.quote {}

.home { float: left; width: 60%; padding: 10px 0px 0px 34px; }
.home p { padding: 10px 20px 10px 0px; font-size: 90%; }
.home h1 { font-size: 160%; color: #004377; }
.home span { color: #666666; }

#homepage_feeds { width: 100%; }

.latest_projects { float: left; width: 30%;  padding: 10px 0px 0px 25px; }
.latest_projects p { padding: 0px 20px 15px 0px; font-size: 80%; }
.latest_projects img { width: 65px; height: 55px; margin: 20px 8px 4px 0px; float: left; }
.latest_projects h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 20px 20px 0px 0px; }
.latest_projects a {color: #333333; text-decoration: none; }
.latest_projects a:hover {color: #333333; text-decoration: underline; }

.latest_press { float: left; width: 45%; padding: 20px 0px 0px 10px; }
.latest_press p { padding: 0px 20px 10px 0px; font-size: 80%; }
.latest_press span { font-weight: bold; color: #004377; }
.latest_press img { width: 65px; height: 55px; margin: 20px 8px 4px 0px; float: left; }
.latest_press h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 10px 20px 0px 0px; }
.latest_press a { color: #004377; text-decoration: none; }
.latest_press a:hover { color: #004377; text-decoration: underline; }

.quick_links { float: left; width: 30%; padding: 20px 0px 0px 15px; }
.quick_links p { padding: 0px 20px 15px 0px; font-size: 80%; }
.quick_links img { width: 55px; height: 65px; margin: 10px 20px 4px 6px; float: right; }
.quick_links h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 10px 0px 0px 0px; }
.quick_links a { color: #333333; text-decoration: none; }
.quick_links a:hover { text-decoration: underline; }
.quick_links a.title { color: #004377; text-decoration: none; }

.e_newsletter {}
.client_login {}


/* -- content pages -- */

.sub_nav { float: left; width: 20%; padding: 20px 0px 0px 34px; font-size: 90%; }
.sub_nav hr { margin-right: 0px; padding: 0px; color:#FFFFFF; border:none; border-bottom: 1px dotted #9C9C9C; }
.sub_nav li { margin: 5px 0px; border-bottom: 1px dotted #9C9C9C; padding: 2px; list-style-image: url(../images/spacer.gif); }
.sub_nav a { text-decoration: none; color: #004377; padding-left: 10px;  }
.sub_nav a:hover { background-image: url(../images/sub_nav_rollover.gif); background-repeat: no-repeat; padding-left: 10px; font-weight: bold; color: #004377; }
.sub_nav p { padding: 0px; }
.sub_nav a.selected { background-image: url(../images/sub_nav_rollover.gif); background-repeat: repeat-y; font-weight: bold; color: #004377; }

.sub_nav_smaller { float: left; width: 20%; padding: 20px 0px 0px 34px; }
.sub_nav_smaller hr { margin-right: 0px; padding: 0px; color:#FFFFFF; border:none; border-bottom: 1px dotted #9C9C9C; }
.sub_nav_smaller li { margin: 5px 0px; border-bottom: 1px dotted #9C9C9C; padding: 2px; list-style-image: url(../images/spacer.gif); }
.sub_nav_smaller a { text-decoration: none; color: #004377; padding-left: 10px; font-size: 85%; }
.sub_nav_smaller a:hover { background-image: url(../images/sub_nav_rollover.gif); background-repeat: no-repeat; padding-left: 10px; font-weight: bold; color: #004377;  font-size: 85%;  }
.sub_nav_smaller p { padding: 0px; }
.sub_nav_smaller a.selected { background-image: url(../images/sub_nav_rollover.gif); background-repeat: repeat-y; font-weight: bold; color: #004377; }


.main_content { float: left; width: 72%; padding: 20px 0px 0px 0px; }
.main_content h1 { text-align: right; font-size: 70%; padding: 8px 22px 6px 0px; }
.main_content h2 { font-size: 90%; color: #004377; padding: 10px 34px; }
.main_content h3 { font-size: 80%; color: #004377; padding: 10px 34px; }
.main_content a { text-decoration: underline; color: #004377; padding: 0px 3px; }
.main_content img { float: right; padding-left: 15px; }
.main_content li { font-size: 90%; padding: 0px; margin: 5px 50px;  }

.quote { width: 92%; margin: 30px 30px 20px 30px; }
.quote p { font-family:"Times New Roman", Times, serif; font-size: 130%; font-style: italic; color: #999999; }
.quote p.author { font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-align: right; font-style: normal; padding: 0px 30px 0px 0px; }

.project_info  { padding: 14px 0px 0px 34px;  font-size: 80%; margin-bottom: 25px; }
.project_info h2 { font-size: 110%; font-weight: bold; color: #333333;  margin: 0px; padding: 4px 0px 0px 0px; }
.project_info p { padding: 0px; font-size: 80%; }


/* -- footer -- */

#footer { font-size: 70%; color: #999999; border-top: 1px dotted #9C9C9C; border-bottom: 1px dotted #9C9C9C; margin: 20px 34px 0px 34px; height: 35px; }

.copyright { float: left; }
.copyright p { padding: 10px 0px; font-size: 100%; }

.footer_navigation { float: right; }
.footer_navigation p { padding: 10px 0px; font-size: 100%;  }
.footer_navigation a { color: #999999; padding: 0px 4px; text-decoration: none; }
.footer_navigation a:hover { color: #004377; }
.footer_navigation a.selected { color: #004377; text-decoration: underline; }

.end { width: 100%; height: 20px; }



/* -- clearfix -- */

.clearfix:after { visibility: hidden; font-size: 0.1em; display: block; line-height: 0; height: 0.1px; content: "."; clear: both; }
* html .clearfix { display: inline-block; }

/* hide from ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* -- flash -- */

#flashcontent {	width: 680px; height:159px; margin:auto; }

#aaa { width:680px; background-color: rgb(0,0,255) }




/* -- RSS FEED-- */ 


.latest_news { float: left; width: 45%; padding: 20px 0px 0px 34px; }
.latest_news p { padding: 0px 20px 10px 0px; font-size: 80%; }
.latest_news span { font-weight: bold; color: #004377; }
.latest_news img { width: 65px; height: 55px; margin: 20px 8px 4px 0px; float: left; }
.latest_news h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 10px 20px 0px 0px; }


.latest_news li { font-size: 80%;   list-style-image: url(../images/spacer.gif); margin: 10px 20px 5px 0px; }
.latest_news li:first-child { border-bottom: 1px dotted #9C9C9C;  padding-bottom: 10px;  }
.latest_news a { color: #004377; text-decoration: none; font-size: 110%; }
.latest_news a:hover { text-decoration: underline; }


.news { float: left; width: 66%; }


.home_address { width: 100%; }

.leeds { float: left; width: 40%; padding: 20px 0px 0px 34px; }
.leeds p { padding: 0px 20px 10px 0px; font-size: 80%; }
.leeds h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 10px 20px 0px 0px; }
.leeds a { color: #333333; text-decoration: none; }
.leeds a:hover { text-decoration: underline; }

.liverpool { float: left; width: 40%; padding: 20px 0px 0px 34px; }
.liverpool p { padding: 0px 20px 10px 0px; font-size: 80%; }
.liverpool h2 { font-size: 80%; color: #004377; font-weight: bold; padding: 10px 20px 0px 0px; }
.liverpool a { color: #333333; text-decoration: none; }
.liverpool a:hover { text-decoration: underline; }

.main_content table { padding: 0px; margin: 0px 30px; color: #333333; }
.main_content td { font-size: 90%; color: #333333; padding: 4px; border: 1px dotted #CCCCCC; }
.main_content td ul { padding: 0px; margin: 0px; }
.main_content td li { padding: 0px; margin: 0px; }

table { margin: 5px 0px; padding: 0px; }
td { margin: 0px; padding: 0px; }
tr { margin: 0px; padding: 0px; }