/* CSS Document */
/*
Layout css for design-portfolio.co.uk
by Terry O'Leary
*/
html, body {
	height:100%;
	}
#distance { 
display:none;
}
body{
/*background:url(../../media/gif/bg.gif) repeat;*/
background:black;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main{
width:1000px;
margin:auto;
clear:both;
padding:1px;
background:url(../../media/gif/bg.gif) repeat;
}
#banner{
display:none;
}
#content{
width:1000px;
background:url(../../media/gif/content_bg.gif) repeat;
}
#left_col{
display:none;
}
#right_col{
width:820px;
/*border:1px solid red;*/
}
#flash_banner{
width:820px;
height:85px;
/*border:1px solid green;*/
padding-top:10px;
padding-bottom:30px; 
}
#nav{

display:none;
}
#inner_left{
width:450px;
/*height:300px;*/
/*border:1px solid green;*/
float:left;
margin-bottom:30px;
display:none;
/*margin-left:45px;*/
}
#inner_left_contact{
width:160px;
/*height:300px;*/
/*border:1px solid green;*/
float:left;
margin-bottom:30px;
color:white;
font-size:8pt;
}
#inner_right{
padding:0px;
margin:0px;
width:156px;
float:right;
clear:right;
padding-top:10px;
/*height:300px;*/
/*border:1px solid purple;*/
}
#inner_right_contact{
padding:0px;
margin:0px;
width:456px;
float:right;
clear:right;
padding-top:10px;
margin-bottom:30px;
/*height:300px;*/
/*border:1px solid purple;*/
}
#inner_colspan{
padding:0px;
margin:0px;
width:623px;

/*height:120px;*/
/*border:1px solid orange;*/
float:right;
clear:right;
margin-bottom:40px;
}
#footer{
display:none;
}
p.welcome{
font-size:16pt;
line-height:19pt;
color:#80715C;
background:black;
display:inline;
/*padding:8px;*/
padding-left:0px;
}
.highlight{
color:#918B7F;
}
#nav ul{
display:none;
}
#nav ul ul{
display:none;

}
#nav ul ul a{
display:none;
}
#nav ul a{
text-decoration:none;
color:#80715C;
font-size:13pt;
line-height:19pt;
}
#nav a:hover{
color:white;
}
.color_colon{
color:#CAD401;
}
.color_colon_light{
color:#F0F2C1;
}
#banner img{
padding:10px;
float:left;
}
#banner ul{
padding:0px;
margin:0px;
float:right;
font-size:0.6em;
line-height:8pt;
clear:right;
list-style:none;
}
#banner li{
padding-left:0px;
margin-left:0px;
display:inline;
padding-left:10px;
background:url(../../media/gif/top_bullet.gif) -3px 3px no-repeat;
}
#banner a{
padding-left:0px;
margin-left:0px;
text-decoration:none;
color:#80715C;

}
#footer p{
padding:0px;
margin:0px;
font-size:7pt;
line-height:8pt;
color:#80715C;
text-align:right;
background:black;
display:block;
padding:1px;
float:right;
}
#left_col form{
padding:0px;
margin:0px;
}
#left_col input{
border:none;
background:black;
padding:4px;
color:#80715C;
margin-bottom:5px;
width:140px;
font-size:9pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#left_col a{
color:#80715C;
background:black;
padding:4px;
text-decoration:none;
font-size:9pt;
width:140px;
display:block;
}
#left_col a:hover{
color:white;
}
h2{
font-size:9pt;
color:#CBD401;
padding:0px;
margin:0px;
}
h3{
color:#80715C;
padding:0px;
margin:0px;
font-size:8pt;
line-height:9pt;
}
.front_news_story{
padding:0px;
margin:0px;
/*width:144px;*/
width:170px;
float:left;
border-top:1px solid white;
margin-right:10px;
padding-right:19px;
height:100px;

}
.front_news_story h3{
margin:0px;
padding:0px;
padding-top:3px;
padding-left:5px;
background:black;
width:109px;
float:right;
}
.front_news_story p{
margin:0px;
padding:0px;
padding-top:0px;
margin-top:0px;
font-size:7pt;
line-height:9pt;
color:white;
width:108px;
/*display:block;*/
padding-left:6px;
padding-top:2px;
padding-bottom:0px;
/*margin-right:17px;*/
float:right;
height:92px;
background:black;

}
.front_news_story img{
padding:0px;
margin:0px;
float:left;
display:block;
}
#inner_left_admin{
width:600px;
color:white;
margin-top:10px;
}
#inner_left_admin h1{
font-size:1.3em;
font-weight:lighter;
color:#80715C;
}
#inner_left_admin table{
font-size:8pt;
}
#inner_right p{
padding:0px;
margin:0px;
margin-bottom:5px;
}
#inner_right a{
font-size:10pt;
text-align:right;
background:black;
display:block;
width:145px;
text-decoration:none;
color:#80715C;
}
#inner_right a:hover{
color:white;
}
#nav a.active{
color:white;
font-weight:bold;
}
#client{
padding:0px;
margin:0px;
width:430px;
border-top:1px solid white;
background:black;
}
#client p{
color:white;
font-size:8pt;
}
#client img{
padding:0px;
margin:0px;
margin-right:3px;

}
h4{
color:#665A4A;
padding:0px;
margin:0px;
font-size:8pt;
line-height:9pt;
}
#previous, #next{
width:100px;
display:block;
background:black;
text-align:left;
float:right;
margin-top:5px;

}
 a#previous ,  a#next {
text-decoration:none;
color:#80715C;
font-size:9pt;
padding:3px;
}
a:hover#previous ,  a:hover#next {
color:white;
}
a#previous{
text-align:left;
margin-right:5px;
}
a#next{
text-align:right;
margin-right:20px;
}
a#case_study_but{
margin-top:-10px;
padding:2px;
margin-left:-3px;
}
.first_para{
margin-top:0px;
padding-top:0px;
}
.active{
color:white;
font-weight:bold;
}
#inner_left a{
color:#CCCCCC;
text-decoration:none;
}
#inner_left_contact{
padding:0px;
margin:0px;
}
#inner_left_contact p{
padding-top:0px;
margin-top:0px;
padding-top:7px;
}
#inner_left_contact a{
color:#ccc;
text-decoration:none;
}
.green_highlight{
color:#CBD401;
}
.brown_highlight{
color:#80715C;
}
.director{
padding:0px;
margin:0px;
margin-top:10px;
width:590px;
float:left;
margin-right:25px;
margin-bottom:25px;
clear:left;

}
.director h3{
padding:0px;
margin:0px;
font-size:10pt; 
color:#CBD401;
padding-bottom:5px;
}
.inside_director{
border-top:1px solid white;
}
.inside_director img{
float:left;
}
.director p{
padding:0px;
margin:0px;
/*width:456px;*/
width:585px;
float:right;
display:block;
background:black;
color:white;
font-size:8.5pt;
padding:5px;
}
.job{
margin-right:30px;
width:590px;
float:right;
margin-bottom:20px;

}
.job h3{
width:590px;
border-bottom:1px solid white;
padding:0px;
margin:0px;
font-size:10pt; 
color:#CBD401;
padding-bottom:5px;
}
.job p{
padding:0px;
margin:0px;
width:585px;
float:right;
display:block;
background:black;
color:white;
font-size:8.5pt;
padding:5px;

}
.job a{
color:#80715C;
text-decoration:none;
}
#error{
font-size:10pt;
font-weight:bold;
color:#FF66FF;
}
#success{
font-size:10pt;
font-weight:bold;
color:#0099FF;
}
.admin_box{
width:240px;
margin-right:20px;
float:left;
margin-bottom:50px;
}
.admin_box h2{
font-size:12pt;
font-weight:bold;
background:none;
width:240px;
border-bottom:1px solid white;
}
.admin_box p{
margin:0px;
font-size:10pt;
padding:5px;
margin-top:0px;
background:black;
}
.admin_box ul{
font-size:8pt;
background:black;
padding:0px;
margin:0px;
padding-left:40px;
list-style:none;
padding-bottom:20px;
}
.admin_box a{
color:#80715C;
text-decoration:none;
}
.admin_box a:hover{
color:#fff;
text-decoration:none;
}
.recent{
border-top:1px solid #ccc;
background:black;
margin-bottom:10px;
}
.recent img{
float:left;
margin-right:4px;
}
.recent h3{
width:300px;
padding:0px;
margin:0px;
font-size:10pt; 
color:#80715C;
padding-top:3px;
float:left;
}
.recent p{
float:left;
padding:0px;
margin:0px;
font-size:8pt;
color:white;
width:300px;
}
#full_story{
background:black;
border-top:1px solid #ccc;
}
#full_story img{
float:left;
clear:left;
}
#full_story h2, #full_story h3{
margin-left:5px;
float:left;
}
#full_story p{
color:white;
font-size:8pt;
width:295px;
float:left;
padding:5px;
padding-top:0px;
}
#sector_filter{
background:black;
border:1px solid #ccc;
font-size:8pt;
color:white;
display:block;
padding:10px;
width:200px;
visibility:hidden;
display:none;
float:left;
margin-top: -21px;
	padding: 5px;
	padding-top:10px;
	height: 25px;
	position: fixed;
	z-index: 10;
	left: 90%;
	margin-left: -300px;
	width: 320px;
}
#service_filter{
background:black;
border:1px solid #ccc;
font-size:8pt;
color:white;
display:block;
padding:10px;
width:200px;
visibility:hidden;
display:none;
float:left;
margin-top: -31px;
padding: 5px;
padding-top:10px;
height: 25px;
position: fixed;
z-index: 10;
left: 90%;
margin-left: -300px;
width: 320px;
}
#access{
padding:10px;
width:580px;
float:right;
color:#fff;
font-size:8pt;
margin-bottom:20px;
background:black;
margin-right:10px;
}
#access ul{
margin-top:15px;
margin-bottom:15px;
margin-left:30px;
width:500px;
}
#access a{
color:#80715C;
text-decoration:none;
font-weight:bold;
}
#access a:hover{
color:white;
}
.normal{
display:none;
background:none;
}
#text_nav{
display:none;
}
#text_button{
display:none;
}
#inner_left a{
color:#918B7F;
}
#inner_left a:hover{
color:white;
}/* CSS Document */