/*---------------------------------------------------------------------------------------------------
 *
 * @project        : Terry Doherty Partnership
 * @url            : http://terrydoherty.com
 * @author         : Ray Boyd
 * @author-info    : ray [dot] boyd [at] brainboxcreative [dot] com
 * @version        : 1.0
 *
 */

/*---------------------------------------------------------------------------------------------------
 *
 * LINE-HEIGHT
 * Default line-height based on font-size rather than "computed-value"
 * @see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.7em;}

/*---------------------------------------------------------------------------------------------------
 *
 * BODY
 */
body, html{
margin:0;
padding:0;
font:normal 12px verdana, arial, helvetica, sans-serif;
color:#00476b;
}

.wrapper{
margin:0 auto;
padding:0;
width:836px;
}

/*---------------------------------------------------------------------------------------------------
 *
 * MARGINS
 */
h1, h2, h3, h4, h5, p, dl, dt, dd, ul, li{margin:0; padding:0;}

/*---------------------------------------------------------------------------------------------------
 *
 * TITLES
 */
h1, h2, h3, h4, h5, dt{font-family:arial, helvetica, sans-serif;}

/*---------------------------------------------------------------------------------------------------
 *
 * SPAN
 */
.hide{
position:absolute;
left:-9999px;
}

/*---------------------------------------------------------------------------------------------------
 *
 * CLEANER
 */
.cleaner{clear:both;}

/*---------------------------------------------------------------------------------------------------
 *
 * IMG
 */
img{border:0;}

/*---------------------------------------------------------------------------------------------------
 *
 * Links
 */
a{color:#00476b;}
a:hover{color:#2a8c93;}

/*---------------------------------------------------------------------------------------------------
 *
 * Links
 */
.blue{color:#469ba1;}

/*---------------------------------------------------------------------------------------------------
 *
 * Header
 */
#header{
	margin:50px 0 0;
	float:left;
	width:835px;
	display:block;
	background-image: url(../images/moved_premises.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#header h1{
margin-bottom:15px;
background:transparent url(../images/h1.png) no-repeat 0 0;
width:230px;
height:112px;
display:block;
}

#header ul{
margin:0;
padding:0;
list-style-type:none;
width:835px;
height:33px;
display:block;
}

#header ul li{
display:inline;
float:right;
background:#fff;
}

#header li a{
padding:5px 8px 0;
height:28px;
display:block;
color:#fff;
text-decoration: none;
float:left;
background:#2a8c93;
outline:0;
}

.bordered{
margin-left:1px;
}

#header li a:hover, .btnselect{
background:#bfdcde;
}

h2{
}

h2.about{
margin:50px 0 40px;
padding:0;
background:transparent url(../images/h2.png) no-repeat 0 0;
width:833px;
height:127px;
display:block;
}

#banner{
margin:0;
padding:0;
width:835px;
height:308px;
display:block;
overflow:hidden;
background:#2a8c93;
}

#banner p{
margin:0;
padding:15px;
width:325px;
color:#fff;
float:left;
font-size:12px;
}

#banner p a{
color:#BFDCDE;
}

#banner p a:hover{
color:#fff;
}

#banner #portfolioImage{
margin:15px;
padding:0;
float:right;
width:411px;
height:277px;
overflow:hidden;
}

#banner #portfolioImage{
border:1px solid #fff;
}

#banner #portfolioImage a{
outline:0;
}

#previousImage{
position:absolute;
z-index:-1;
top:0;
left:0;
}

.inner_nav ul{
text-align:left;
}

.inner_nav li{
list-style-type:none;
display:inline;
}

/* content */

#content{
margin:25px 0 0;
padding:0;
width:836px;
float:left;
}

#content .intro_tagline{
margin:10px 0 5px;
width:100%;
height:135px;
background:#fff url(../images/intro_tagline.gif) no-repeat 0 0;
}

#content .contact_tagline{
margin:10px 0;
width:100%;
height:65px;
background:#fff url(../images/contact_tagline.gif) no-repeat 0 0;
}

#content .add_services_tagline{
margin:10px 0;
width:100%;
height:99px;
background:#fff url(../images/add_services_tagline.gif) no-repeat 0 0;
}

#content .left{
float:left;
width:390px;
}

#content .right{
float:right;
width:390px;
}

#content .left p, #content .right p{
width:390px;
margin:0 0 30px;
padding:0;
}

#content .block_copy{
margin:0 0 30px;
padding:15px;
border:1px solid #ccc;
}

ul.contact{
list-style-type:none;
margin:0;
padding:0 0 20px;
}

/* inner menu */

.inner_menu{
margin:0 0 30px;
padding:0;
list-style-type:none;
}

.inner_menu li{
width:389px;
height:34px;
margin-bottom:3px;
background:#bfdcde;
}

.inner_menu li a{
width: 389px;
height: 34px;
display: block;
outline: none;
}

/* inner menu images */

.inner_menu li a.retail{
background: #bfdcde url(../images/retail_button.png) no-repeat 0 -34px;
}

.inner_menu li a.retail:hover{
background: #bfdcde url(../images/retail_button.png) no-repeat 0 0;
}

.inner_menu li a.offices{
background: #bfdcde url(../images/offices_button.png) no-repeat 0 -34px;
}

.inner_menu li a.offices:hover{
background: #bfdcde url(../images/offices_button.png) no-repeat 0 0;
}

.inner_menu li a.hotels{
background: #bfdcde url(../images/hotels_button.png) no-repeat 0 -34px;
}

.inner_menu li a.hotels:hover{
background: #bfdcde url(../images/hotels_button.png) no-repeat 0 0;
}

.inner_menu li a.bars{
background: #bfdcde url(../images/bars_button.png) no-repeat 0 -34px;
}

.inner_menu li a.bars:hover{
background: #bfdcde url(../images/bars_button.png) no-repeat 0 0;
}

.inner_menu li a.industrial{
background: #bfdcde url(../images/industrial_button.png) no-repeat 0 -34px;
}

.inner_menu li a.industrial:hover{
background: #bfdcde url(../images/industrial_button.png) no-repeat 0 0;
}

.inner_menu li a.education{
background: #bfdcde url(../images/education_button.png) no-repeat 0 -34px;
}

.inner_menu li a.education:hover{
background: #bfdcde url(../images/education_button.png) no-repeat 0 0;
}

.inner_menu li a.residential{
background: #bfdcde url(../images/residential_button.png) no-repeat 0 -34px;
}

.inner_menu li a.residential:hover{
background: #bfdcde url(../images/residential_button.png) no-repeat 0 0;
}

.inner_menu li a.churches{
background: #bfdcde url(../images/churches_button.png) no-repeat 0 -34px;
}

.inner_menu li a.churches:hover{
background: #bfdcde url(../images/churches_button.png) no-repeat 0 0;
}

/* PORTFOLIO MENU */

#menu{
margin:0;
padding:0;
width:835px;
height:64px;
overflow:hidden;
background:#bfdcde;
display:block;
}

#menu ul{
margin:0;
padding:0;
height:64px;
list-style:none;
margin:0px;
float:left;
}

#menu ul li{
float:left;
}

#menu ul li a{
cursor:pointer;
display:block;
overflow:hidden;
outline:0;
height:64px;
width:15px;
}

#menu ul li a .legend{
text-indent:-1000px;
display:none;
color:#fff;
}

#menu ul li a #l1{
display:block;
width:200px;
height:64px;
background:#2a8c93 url(../images/portfolio_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l2{
display:block;
width:200px;
height:64px;
background:#949384 url(../images/retail_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l3{
display:block;
width:200px;
height:64px;
background:#cfaa7a url(../images/offices_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l4{
display:block;
width:200px;
height:64px;
background:#c4937e url(../images/hotels_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l5{
display:block;
width:250px;
height:64px;
background:#b493b2 url(../images/br_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l6{
display:block;
width:200px;
height:64px;
background:#72afb6 url(../images/industrial_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l7{
display:block;
width:200px;
height:64px;
background:#b0b579 url(../images/education_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l8{
display:block;
width:200px;
height:64px;
background:#7fa1b6 url(../images/res_legend.gif) no-repeat 15px 50%;
}

#menu ul li a #l9{
display:block;
width:200px;
height:64px;
background:#a3a0c7 url(../images/churches_legend.gif) no-repeat 15px 50%;
}

#menu ul li.col1 a, #portfolioMenu li.acol1 a{background:#2a8c93;}
#menu ul li.col2 a, #portfolioMenu li.acol2 a{background:#949384;}
#menu ul li.col3 a, #portfolioMenu li.acol3 a{background:#cfaa7a;}
#menu ul li.col4 a, #portfolioMenu li.acol4 a{background:#c4937e;}
#menu ul li.col5 a, #portfolioMenu li.acol5 a{background:#b493b2;}
#menu ul li.col6 a, #portfolioMenu li.acol6 a{background:#72afb6;}
#menu ul li.col7 a, #portfolioMenu li.acol7 a{background:#b0b579;}
#menu ul li.col8 a, #portfolioMenu li.acol8 a{background:#7fa1b6;}
#menu ul li.col9 a, #portfolioMenu li.acol9 a{background:#a3a0c7;}

#portfolioMenu ul li a{color:#fff;outline:none;outline:0;}
#portfolioMenu ul li a:hover{color:#fff;}

#portfolioMenu li a:hover{background:#2a8c93;}

#pagination{
padding-left:15px;
float:left;
text-align:center;
width:414px;
}

#pagination a{
margin-top:20px;
margin-left:1px;
padding:3px 0;
font-size:11px;
width:20px;
float:left;
text-decoration:none;
background:#a7c6c8;
color:#2a8c93;
text-align:center;
outline:none;
}

#blackout{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#00476b;
opacity:.8;
filter:alpha(opacity=94);
display:none;
z-index:799;
}

#image-display{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:800;
}

#image-display #text{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:801;
}

#image-display .picture img{
border:5px solid #fff;
}

#preloader{
display:none;
}

#image-display .caption p, #preloader p{
padding:10px;
color:#f1f1f1;
}

#new-visitor-display{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:2;
}

.portfolioDisplay{

}

p#portfolioText{
color:#fff;
width:200px;
font-size:11px;
line-height:1.5em;
}

p#portfolioText a{
color:#fff;
}

#portfolioMenu{
width:136px;
}

#portfolioMenu li{
}

#portfolioMenu li a{
text-decoration:none;
display:block;
padding:5px 0 5px 5px;
}

/* FOOTER */

#footer{
margin:10px 0;
}

#footer ul{
margin:0 0 5px;
padding:0;
list-style-type:none;
}

#footer ul li{
display:inline;
font-size:11px;
}

#footer a{
text-decoration:none;
color:#2A8C93;
}

#footer p{
margin-top:5px;
font-size:11px;
}

/* MAP */
#map{
}

.wtitle{
font-weight:bold;
}

.estyle6{
background:#fff;
border:1px solid #004763;
padding:10px;
font-size:10px;
}