/**********************************************/
/*****____________________________________*****/
/****| Chartered Practice Architects Ltd  |****/
/*****____________________________________*****/
/**********************************************/
/**********************************************/
/*******_______________________________********/
/******|                               |*******/
/******| WEBSITE STYLE INFORMATION     |*******/
/******|                               |*******/
/******| SCREEN RESOLUTION: 1024 x 768 |*******/
/******| ACTUAL SCREEN SIZE: 1024px    |*******/
/******| ACTUAL SCREEN HEIGHT: 768px   |*******/
/******| FONT: ARIAL                   |*******/
/******| COLOUR: PURPLE (#2D2A69)      |*******/
/******|                               |*******/
/******|                               |*******/
/******|                               |*******/
/******|                               |*******/
/*******_______________________________********/
/*********************************************/
/********************************************/
/*******************************************/
/******************************************/
/*****************************************/
/****************************************/
/*_____________________________________*/


body {
margin:0px;
padding:0px;
text-align:center;
font-family: Arial, Verdana, "Trebuchet MS";
letter-spacing: 0.05em;
color:#2D2A69;
}

p {  font-size:10pt; line-height:110%; padding:0px 0px 5px 0px; margin:0px;  }

h1 { font-size:20pt; text-align:center; font-weight:100; margin-top:72px;}
h2 { font-size:10pt; font-weight:bold;}
h3 { font-size:10pt; }
h4 { font-size:9pt; }
h5 { font-size:8pt; }
h6 { font-size:7pt; }

a:link    { font-size:10pt; color: #626466; text-decoration:none; }
a:visited { font-size:10pt; color: #626466 /*#2D2A69*/; text-decoration:none; }
a:hover   { font-size:10pt; color: #2D2A69 /*#94A1E2*/; text-decoration:none; }
a:active  { font-size:10pt; color: #626466 /*#2D2A69*/; text-decoration:none; }

a img {border: none; }

ul {
font-size:10pt; 
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
list-style-image: url(/sitewide/images/layout/dash.gif);
list-style-type: square;
}

li {
margin: 0px;
padding: 0px;
}


/*************************************/
/*********| WEBSITE LAYOUT |**********/
/*************************************/


#outspace {
color:#2D2A69;
margin: 0px auto;
width:1024px;
text-align:left;
z-index:-1
}

#inspace {
/*border:#2D2A69 solid 1px;*/
width:1024px;
height:768px;
}

/* -------- HEAD --------- */
#top {
position:relative; 
top:0px;
width:1024px; 
height:191px;
}

#top_nav {
position:absolute;
top:0px;
left:0px;
width:370px;
height:191px;
}

#top_head {
position:absolute;
top:0px;
right:0px;
width:654px;
height:191px;
}


/*----- CONTENT ----------*/
#content {
position:relative;
width:1000px;
height:500px;
}

.content_text {
padding-top:73px;
width:259px;
height:393px;
overflow: hidden;
}

/*------ PICTURE BOX ------*/
#picture {
position:absolute;
top:0px;
right:0px;
width:526px;
height:500px;
padding:0px;
}

.picture_clip {
position:absolute;
top:0px;
left:0px;
width:450px;
height:450px;
overflow: hidden;
padding:0px;
border:#2D2A69 solid 1px;
}

.picture_info {
position:absolute;
top:455px;
left:100px;
width:250px;
height:50px;
text-align:center;
}

.picture_nav {
position:absolute;
top:480px;
left:0px;
width:450px;
height:50px;
word-spacing: 20px;
}

.picture_clip2 {
position:absolute;
top:0px;
left:0px;
width:450px;
height:344px;
border:#2D2A69 solid 1px;
overflow: hidden;
}

.name_wall {
position:relative;
width:450px;
height:156px;
top:346px;
left:0px;
}

.name_magnets {
position:absolute;
width:50px;
text-align:left;
font-size:7pt;
font-weight:100;
}

/*-------- LEFT ---------*/

#left {
position:absolute;
width:250px;
height:450px;
top:50px;
left:100px;
}

.left_content {
position:relative;
width:259px;
height:393px;
left:0px;
overflow: hidden;
}

.left_normal {
position:relative;
width:259px;
height:393px;
left:0px;
}

/*-------- RIGHT ---------*/

#right {
position:absolute;
width:350px;
height:500px;
top:0px;
left:650px;
}

#right_nav {
width:350px;
}

.right_nav {
width:350px;
height:120px;
}

.right_nav_text {
padding-top:45px;
padding-left:20px;
margin-left:20px;
}

/* ------- MIDDLE ------- */
#middle {
position:relative;
width:630px;
height:500px;
top:0px;
margin: 10px auto;
text-align:center;
}

#middle_nav {
width:630px
}

/*------- NAV ICONS -------*/
.placer { 
width:126px;
height:126px;
float:left;
vertical-align:top;
}

.placer2 { 
width:120px;
height:120px;
float:left;
vertical-align:top;
}

.icon { 
width:107px;
height:107px;
}




/* ------- BOTTOM ------- */
#bottom {
position:relative;
width:1024px;
height:280px;
top:279px;
}

#bottom_nav {
position:absolute;
top:0px;
left:0px;
width:1024px;
height:280px;
}

.nav-position { margin-left:100px; margin-top:72px;}

.big_icon { width:200px; float:left; padding-left:40px; text-align:center;}

/*************************************/
/*********| USEFUL CLASSES |**********/
/*************************************/

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.center { text-align:center; }

.drop { padding-top:20px; }
.left { float:left; }

.right {float:right}
.left {float:left}