body{
background-color:#ebebeb;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}

h2.nav{
color:#605E47;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.cx{
color:#1b5070;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.bp{
color:#21277D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.ave{
color:#76150E;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.man{
color:#3B65B1;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.opt{
color:#1B8EA3;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.pier{
color:#003072;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.ng{
color:#00536D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.home{
color:#138645;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.gp{
color:#063A0C;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.ox{
color:#000000;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.oc{
color:#21277D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h2.hc{
color:#005596;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.hc{
color:#005596;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.oc{
color:#21277D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.ox{
color:#000000;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.nav{
color:#605E47;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.cx{
color:#1b5070;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.bp{
color:#21277D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.ave{
color:#76150E;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.man{
color:#3B65B1;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.opt{
color:#1B8EA3;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.pier{
color:#003072;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.ng{
color:#00536D;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

h3.home{
color:#138645;
background-color:#fff;
width:300px;
padding-bottom:20px;
}

h3.gp{
color:#063A0C;
background-color:#fff;
width:300px;
display:inline;
float:left;
}

div.wrapper{
width:1024px;position:relative;overflow:hidden;
}

div.header_cont{
width:1024px;overflow:hidden;background-color:#fff;
}

h1{
float:left;
width:176px;
height:0;
padding:179px 30px 0 35px;
margin:0;
overflow:hidden;
background:#fff url(Images/logo_makris.gif) left top no-repeat;
}

div.header_large{
float:left;
width:545px;
height:179px;

}

div.header_small{
margin-left:6px;
float:left;
width:232px;
height:179px;
}

div.content_container{
overflow:hidden;
width:1024px;
}

div.main_nav{
padding:0;
margin:0;
float:left;
width:245px;
height:100%;
overflow:hidden;
background:#d0f7cd url(Images/img_nav_cnr.gif) right top no-repeat;
}

div.main_nav ul.main_nav{
position:relative;
list-style:none;
padding:0;
margin:12px 0 0 20px;
width:987px;
}

div.main_nav ul.main_nav li{
position:relative;
padding:0 0 12px 0;
margin:0;
font-weight:bold;
}

div.main_nav ul.main_nav li a{
position:relative;
display:block;
padding:0;
margin:0;
height:28px;
width:194px;
text-align:center;
color:#000;
text-decoration:none;
overflow:hidden;
}

ul.main_nav li a.home{
background:url(Images/btn_home.gif) left top no-repeat;
}

ul.main_nav li a.company{
background:url(Images/btn_company.gif) left top no-repeat;
}

ul.main_nav li a.contact{
background:url(Images/btn_contact.gif) left top no-repeat;
}

ul.main_nav li a.latest{
background:url(Images/btn_latest.gif) left top no-repeat;
}

ul.main_nav li a.leasing{
background:url(Images/btn_leasing.gif) left top no-repeat;
}

ul.main_nav li a.property{
background:url(Images/btn_property.gif) left top no-repeat;
}

ul.main_nav li a:hover, ul.main_nav li a.selected{
background-position: left -30px;
}

div.middle{
padding:17px 0 0 0;
float:left;
width:544px;
background-color:#fff;
}

div.middle img.logo{
float:right;
}

div.middle h2{
margin:0;
padding:0 0 0 16px;
}

div.middle h3{
font-weight:normal;
font-style:italic;
margin:0;
padding:0 0 0 16px;
}

div.middle p{
width:300px;
padding:0 0 0 16px;
}

div.middle img{
padding-right:40px;
}

div.right{
float:right;   
padding:17px 0 0 11px;
width:224px;
}

div.right h3{
color:#fff;
font-size:14px;
font-weight:normal;
font-style:italic;
margin:0;
padding:0 0 7px 16px;
}

div.right img{
padding-top:10px;
}

div.right h3.first{
padding-top:18px;
}

div.right p{
width:180px;
padding-left:16px;
}

a.directory{
float:left;
height:71px;
width:220px;
overflow:hidden;
display:block;

margin-right:45px;
margin-bottom:20px;
}

a.map{
float:left;
height:71px;
width:220px;
overflow:hidden;
display:block;
}

div.slide_cont{
clear:both;
height:170px;
padding-top:18px;
width:544px;
}

div.click{
font-weight:normal;
font-style:italic;
margin:0;
padding:0;
font-size:12px;
}

div.click img{
vertical-align:middle;
}

#gallery{
width:504px;
padding:0 20px 0 20px;
border:solid 3px #000;
}

#galleryContainer{
width:484px;
margin:0 20px 0 20px;
height:102px;
position:relative;
overflow:hidden;
padding:20px 0 0 20px;
}		

#arrow_left{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color: D5C2A1;
}

#arrow_right{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color: FFFFFF;
}

#arrow_left img, #arrow_right img{
padding:35px 0 40px 0;
vertical-align:middle;
}
	
#theImages{
position:absolute;
height:100px;
left:40px;
width:100000px;
}

#theImages #slideEnd{
float:left;
}

#theImages img{
float:left;
padding:1px 7px 0 0;
filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
border:0px;
}

div.footer{
overflow:hidden;
width:1024px;
padding:4px 0 4px 0;
background-color:#128645;
}

div.footer p{
text-align:center;
color:#fff;
}

/* hc styles */
div.wrapperhc{
background:url(Images/BODY_BG.GIF) top left repeat-y;
}

div.hclarge{
background:url(Images/img_header_large.jpg) left top no-repeat;
}

div.hcsmall{
background:url(Images/img_header_small.jpg) left top no-repeat;
}

div.hc a.directory{
background:url(Images/btn_directory.jpg) left top no-repeat;
}

div.hc a.map{
background:url(Images/btn_map.jpg) left top no-repeat;
}

/*background colour of the slide show */
#arrow_left_hc{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#bbdeff;
}

#arrow_right_hc{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#bbdeff;
}

#arrow_left_hc img, #arrow_right_hc img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_hc, #arrow_right_hc{
background-color:#bbdeff;
}


.hc{
background-color:#bbdeff;
}

div.righthc{
background:#1c91ff url(Images/img_right_cnr.gif) left top no-repeat;
}

/* end of hc styles */

/* nav styles */
div.wrappernav{
background:url(Images/body_bg_nav.gif) top left repeat-y;
}

div.navlarge{
background:url(Images/img_header_largeNAV.jpg) left top no-repeat;
}

div.navsmall{
background:url(Images/img_header_smallNAV.jpg) left top no-repeat;
}

div.nav a.directory{
background:url(Images/btn_directoryNAV.jpg) left top no-repeat;
}

div.nav a.map{
background:url(Images/btn_map_nav.jpg) left top no-repeat;
}

div.clicknav{
color:#605e47;
}

/*background colour of the slide show */
#arrow_left_nav{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#d5c2a1;
}

#arrow_right_nav{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#d5c2a1;
}

#arrow_left_nav img, #arrow_right_nav img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_nav, #arrow_right_nav{
background-color:#d5c2a1;
}

.nav{
background-color:#d5c2a1;
}

div.rightnav{
background:#605e47 url(Images/img_right_cnr_nav.gif) left top no-repeat;
}

/* end of nav styles */

/* man styles */
div.wrapperman{
background:url(Images/body_bg_man.gif) top left repeat-y;
}

div.manlarge{
background:url(Images/img_header_largeman.jpg) left top no-repeat;
}

div.mansmall{
background:url(Images/img_header_smallman.jpg) left top no-repeat;
}

div.man a.directory{
background:url(Images/btn_directoryman.jpg) left top no-repeat;
}

div.man a.map{
background:url(Images/btn_map_man.jpg) left top no-repeat;
}

div.clickman{
color:#3b65b1;
}


/*background colour of the slide show */
#arrow_left_man{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#ad5e7d;
}

#arrow_right_man{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#ad5e7d;
}

#arrow_left_man img, #arrow_right_man img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_man, #arrow_right_man{
background-color:#ad5e7d;
}

.man{
background-color:#ad5e7d;
}

div.rightman{
background:#3b65b1 url(Images/img_right_cnr_man.jpg) left top no-repeat;
}

/* end of man styles */

/* cx styles */
div.wrappercx{
background:url(Images/body_bg_cx.gif) top left repeat-y;
}

div.cxlarge{
background:url(Images/img_header_largecx.jpg) left top no-repeat;
}

div.cxsmall{
background:url(Images/img_header_smallCX.jpg) left top no-repeat;
}

div.cx a.directory{
background:url(Images/btn_directoryCX.jpg) left top no-repeat;
}

div.cx a.map{
background:url(Images/btn_map_cx.jpg) left top no-repeat;
}

div.clickcx{
color:#ffffff;
}

div.blue{
background-color:#000000;
}


/*background colour of the slide show */
#arrow_left_cx{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#ba0e1c;
}

#arrow_right_cx{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#ba0e1c;
}

#arrow_left_cx img, #arrow_right_cx img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_cx, #arrow_right_cx{
background-color:#ba0e1c;
}

.cx{
background-color:#ba0e1c;
}

div.rightcx{
background:#1b5070 url(Images/img_right_cnr_cx.jpg) left top no-repeat;
}

/* end of cx styles */

/* opt styles */
div.wrapperopt{
background:url(Images/body_bg_opt.gif) top left repeat-y;
}

div.optlarge{
background:url(Images/img_header_largeoptus.jpg) left top no-repeat;
}

div.optsmall{
background:url(Images/img_header_smalloptus.jpg) left top no-repeat;
}

div.opt a.directory{
background:url(Images/btn_directoryoptus.jpg) left top no-repeat;
}

div.opt a.map{
background:url(Images/btn_map_optus.jpg) left top no-repeat;
}

div.clickopt{
color:#1b8fa4;
}

/*background colour of the slide show */
#arrow_left_opt{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#fdce04;
}

#arrow_right_opt{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#fdce04;
}

#arrow_left_opt img, #arrow_right_opt img{
padding:35px 0 40px 0;
vertical-align:fdce04;
}

#arrow_left_opt, #arrow_right_opt{
background-color:#fdce04;
}

.opt{
background-color:#fdce04;
}

div.rightopt{
background:#1b8fa4 url(Images/img_right_cnr_opt.jpg) left top no-repeat;
}

/* end of opt styles */

/* gp styles */
div.wrappergp{
background:url(Images/body_bg_gp.gif) top left repeat-y;
}

div.gplarge{
background:url(Images/img_header_largeGP.jpg) left top no-repeat;
}

div.gpsmall{
background:url(Images/img_header_smallGP.jpg) left top no-repeat;
}

div.gp a.directory{
background:url(Images/btn_directorygp.jpg) left top no-repeat;
}

div.gp a.map{
background:url(Images/btn_map_gp.jpg) left top no-repeat;
}

div.clickgp{
color:#063a0c;
}

/*background colour of the slide show */
#arrow_left_gp{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#efb48a;
}

#arrow_right_gp{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#efb48a;
}

#arrow_left_gp img, #arrow_right_gp img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_gp, #arrow_right_gp{
background-color:#efb48a;
}

.gp{
background-color:#efb48a;
}

div.rightgp{
background:#063a0c url(Images/img_right_cnr_gp.jpg) left top no-repeat;
}

/* end of gp styles */

/* oc styles */
div.wrapperoc{
background:url(Images/body_bg_oc.gif) top left repeat-y;
}

div.oclarge{
background:url(Images/img_header_largeoc.jpg) left top no-repeat;
}

div.ocsmall{
background:url(Images/img_header_smalloc.jpg) left top no-repeat;
}

div.oc a.directory{
background:url(Images/btn_directoryoc.jpg) left top no-repeat;
}

div.oc a.map{
background:url(Images/btn_map_oc.jpg) left top no-repeat;
}

div.clickoc{
color:#21277d;
}

/*background colour of the slide show */
#arrow_left_oc{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#E19439;
}

#arrow_right_oc{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#E19439;
}

#arrow_left_oc img, #arrow_right_oc img{
padding:35px 0 40px 0;
vertical-align:E19439;
}

#arrow_left_oc, #arrow_right_oc{
background-color:#E19439;
}


.oc{
background-color:#E19439;
}

div.rightoc{
background:#21277d url(Images/img_right_cnr_oc.jpg) left top no-repeat;
}

/* end of oc styles */

/* ave styles */
div.wrapperave{
background:url(Images/body_bg_ave.gif) top left repeat-y;
}

div.avelarge{
background:url(Images/img_header_largeave.jpg) left top no-repeat;
}

div.avesmall{
background:url(Images/img_header_smallave.jpg) left top no-repeat;
}

div.ave a.directory{
background:url(Images/btn_directoryave.jpg) left top no-repeat;
}

div.ave a.map{
background:url(Images/btn_map_ave.jpg) left top no-repeat;
}

div.clickave{
color:#76150e;
}

/*background colour of the slide show */
#arrow_left_ave{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#82FFFF;
}

#arrow_right_ave{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#82FFFF;
}

#arrow_left_ave img, #arrow_right_ave img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_ave, #arrow_right_ave{
background-color:#82FFFF;
}


.ave{
background-color:#82FFFF;
}

div.rightave{
background:#76150e url(Images/img_right_cnr_ave.gif) left top no-repeat;
}

/* end of ave styles */

/* pier styles */
div.wrapperpier{
background:url(Images/body_bg_pier.gif) top left repeat-y;
}

div.pierlarge{
background:url(Images/img_header_largepier.jpg) left top no-repeat;
}

div.piersmall{
background:url(Images/img_header_smallpier.jpg) left top no-repeat;
}

div.pier a.directory{
background:url(Images/btn_directorypier.jpg) left top no-repeat;
}

div.pier a.map{
background:url(Images/btn_map_pier.jpg) left top no-repeat;
}

div.clickpier{
color:#003072;
}

/*background colour of the slide show */
#arrow_left_pier{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#0e6ac1;
}

#arrow_right_pier{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#0e6ac1;
}

#arrow_left_pier img, #arrow_right_pier img{
padding:35px 0 40px 0;
vertical-align:0e6ac1;
}

#arrow_left_pier, #arrow_right_pier{
background-color:#0e6ac1;
}

.pier{
background-color:#0e6ac1;
}

div.rightpier{
background:#003072 url(Images/img_right_cnr_pier.gif) left top no-repeat;
}

/* end of pier styles */

/* ox styles */
div.wrapperox{
background:url(Images/body_bg_ox.gif) top left repeat-y;
}

div.oxlarge{
background:url(Images/img_header_largeox.jpg) left top no-repeat;
}

div.oxsmall{
background:url(Images/img_header_smallox.jpg) left top no-repeat;
}

div.ox a.directory{
background:url(Images/btn_directory_oxford.gif) left top no-repeat;
}

div.ox a.map{
background:url(Images/btn_map_oxford.gif) left top no-repeat;
}

div.clickox{
color:#080808;
}


div.rightox{
background:#080808 url(Images/img_right_cnr_oxford.gif) left top no-repeat;
}


#arrow_left_ox{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#cccccc;
}

#arrow_right_ox{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#cccccc;
}

#arrow_left_ox img, #arrow_right_ox img{
padding:35px 0 40px 0;
vertical-align:cccccc;
}

#arrow_left_ox, #arrow_right_ox{
background-color:#cccccc;
}

.ox{
background-color:#cccccc;
}

/* end of ox styles */

/* ng styles */
div.wrapperng{
background:url(Images/body_bg_ng.gif) top left repeat-y;
}

div.nglarge{
background:url(Images/img_header_largeng.jpg) left top no-repeat;
}

div.ngsmall{
background:url(Images/img_header_smallng.jpg) left top no-repeat;
}

div.ng a.directory{
background:url(Images/btn_directoryng.jpg) left top no-repeat;
}

div.ng a.map{
background:url(Images/btn_map_ng.jpg) left top no-repeat;
}

div.clickng{
color:#00536d;
}

/*background colour of the slide show */
#arrow_left_ng{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#ffeca3;
}

#arrow_right_ng{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#ffeca3;
}

#arrow_left_ng img, #arrow_right_ng img{
padding:35px 0 40px 0;
vertical-align:ffeca3;
}

#arrow_left_ng, #arrow_right_ng{
background-color:#ffeca3;
}


.ng{
background-color:#ffeca3;
}

div.rightng{
background:#00536d url(Images/img_right_cnr_ng.gif) left top no-repeat;
}

/* end of ng styles */

/* bp styles */
div.wrapperbp{
background:url(Images/body_bg_bp.gif) top left repeat-y;
}

div.bplarge{
background:url(Images/img_header_bonny.jpg) left top no-repeat;
}

div.bpsmall{
background:url(Images/img_header_smallbonny.jpg) left top no-repeat;
}

div.bp a.directory{
background:url(Images/btn_directorybonny.jpg) left top no-repeat;
}

div.bp a.map{
background:url(Images/btn_map_bonny.jpg) left top no-repeat;
}

div.clickbp{
color:#21277d;
}

/*background colour of the slide show */
#arrow_left_bp{
position:absolute;
left:0px;
z-index:10;
padding:1px;
height:100px;
background-color:#df862a;
}

#arrow_right_bp{
position:absolute;
right:0px;
z-index:10;
padding:1px;
background-color:#df862a;
}

#arrow_left_bp img, #arrow_right_bp img{
padding:35px 0 40px 0;
vertical-align:middle;
}

#arrow_left_bp, #arrow_right_bp{
background-color:#df862a;
}


.bp{
background-color:#df862a;
}

div.rightbp{
background:#21277d url(Images/img_right_cnr_bonny.gif) left top no-repeat;
}

/* end of bp styles */

/* home styles */
div.wrapperhome{
background:url(Images/body_bg_home.gif) top left repeat-y;
}

div.homelarge{
background:url(Images/img_header_largehome.jpg) left top no-repeat;
}

div.homesmall{
background:url(Images/img_header_smallhome.jpg) left top no-repeat;
}

div.home a.directory{
background:url(Images/btn_directorybonny.jpg) left top no-repeat;
}

div.home a.map{
background:url(Images/btn_map_bonny.jpg) left top no-repeat;
}

div.clickhome{
color:#138645;
}

/*background colour of the slide show */
.home{
background-color:#df862a;
}

div.righthome{
background:#138645 url(Images/img_right_cnr_home.jpg) left top no-repeat;
}

/* end of home styles */

/* comp styles */
div.complarge{
background:url(Images/img_header_largecomp.jpg) left top no-repeat;
}

div.compsmall{
background:url(Images/img_header_smallcomp.gif) left top no-repeat;
}

/* end of comp styles */