/* ------ HTML AREA ----- */
body {
	font-family: "Trebuchet MS", Verdana;
	background-color: #37160a;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
p { font-size: 12px; margin-bottom: 11px; }
.clx { clear: both; }
.center { text-align: center; }
a {
     color: #FAAF38;
     text-decoration: none;
}

a:hover {
     color: #FAAF38;
     text-decoration: underline;
}

a:visited {
     color: #FAAF38;
}


#intropara { background-color: #551607; -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
  padding: 10px 12px 6px 15px;
  margin-right: 10px; }


/* ------ CONTAINER ----- */
.container {
	width: 1024px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 8px;
}

#container-lhs { width: 495px; float: left; margin: 0px 0px 0px 20px; }
#container-rhs { width: 482px; float: right; margin: 0px 20px 10px 0px; }

.bg-red { background-color: #551607!important; }
.bg-purple { background-color: #4E2539!important; }

#article_box { 
    width: 457px;
    padding: 10px;
    margin: 0px 0px 10px 10px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #4E2539;
}

#picture_box, #picture_box_wide {
    padding: 10px 25px 10px 20px;
    margin: 0px 0px 10px 0px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #551607;
/*
    border: 2px solid #B9A387;
*/
}

#picture_box { width: 450px; }

#p_box {
    padding: 10px;
    margin: 0px 0px 10px 0px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #551607;
    width: 477px;
    text-align: center;
}

.cpad { margin: 0px 0px 0px 25px; }
.c_list { width: 125px; height: 125px; margin: 0px 0px 10px 0px; background-color: #567; }
#c_box { list-style-type: none; margin: 0; padding: 0; }

.growingcontainer {
      width: 1022px;
      border: solid #B9A387 1px;
      border-top: 0;
	  padding: 0px;
}

/*-- FRONT PAGE --*/

.people { margin: 7px 0px 0px 6px; }

#whatwedo { 
    /* Purple background, rounded corners, etc */
    width: 489px;
    margin: 5px 0px 0px 0px;
}

#whatwedo-inner {
    width: 492px;    
    padding: 2px 3px 6px 0px;
}

#whatwedo-text { 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #4E2539;
      padding: 10px 12px 6px 15px;
    margin: 6px 5px 1px 6px;
}

/* ------ TOP BARS ----- */
.header {
	background-color: #42210B;
	width: 1022px;
	height: 148px;
	border: 1px solid #B9A387;
	border-bottom: 0;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
}

#contactheader { 
    position: absolute;
    left: 16px;
    top: 132px;
    font-size: 8pt;
    color: #B9A387;
}

#contactheader a { text-decoration: none; color: #B9A387; }
#contactheader a:hover { text-decoration: underline; }

#contactheader ul { list-style-type: none; margin: 0; padding: 0; width: 960px; }
#contactheader li { display: block; float: left; margin: 0px 120px 0px 0px; width: 200px; }
#contactheader .mid { text-align: center; }

#navigation {
	  width: 1020px;
      border-right: solid #B9A387 1px;
      border-left: solid #B9A387 1px;
	  padding-left: 2px
	 }



/* ------ MIDDLE ----- */


#contact_box { 
    width: 957px;  
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #4E2539;
    padding: 10px 17px 10px 15px;
    margin: 0px 5px 10px 15px;
    
}

#contacts { width: 600px; float: left; }
#gmap { width: 347px; height: 377px; float: right; margin-top: 5px; }

/*-- STUDIOS --*/

.pod_p_img_right, .pod_p_img_left, .pod_p_k {
    width: 953px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 10px 10px 20px;
    padding: 20px 10px 20px 20px;
/*    border: 2px solid #B9A387; */
}

.pod_p_img_right {
    background-color: #4E2539;
}

.pod_p_img_right img, .pod_p_k img { float: right; margin: 0px 0px 10px 10px; padding-right: 10px; }
.pod_p_img_left img { float: left; margin: 0px 10px 10px 0px; }
.pod_p_img_left, .pod_p_k {
    background-color: #551607;
}

.pod_p_img_right ul, .pod_p_img_left ul { list-style-type: none; margin: 0; padding: 0; width: 1004px; }
.pod_p_img_right .bg, .pod_p_img_left .bg { margin: 10px 0px 0px 30px; }
.pod_p_img_right li, .pod_p_img_left li { float: left; display: block; }
.pod_p_img_right .para, .pod_p_img_left .para { width: 270px; padding-left: 10px; }

#pod-text { float: left; width: 400px; }
#pod-text p { padding-left: 0px; margin: 5px 0px 11px 0px; }

/* -- LOCATION -- */

#p_left { width: 300px; float: left; }
#p_right { width: 130px; float: right; }


/* -- CLIENTS -- */

.client-red { background-color: #551607; }
.client-purple { background-color: #4E2539; }
.client-purple, .client-red { 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 10px 10px 10px;
    padding: 8px;
}

/* -- ASSOCIATED -- */

.r_wide { background-color: #551607; }
.p_wide { background-color: #4E2539; }
.r_wide, .p_wide { 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 10px 10px 15px;
    padding: 8px;
/*    border: 2px solid #B9A387;    */
}
.r_wide img, .p_wide img { margin-right: 10px; }

/* -- FOLK -- */

.folk_r { background-color: #551607; }
.folk_p { background-color: #4E2539; }
.folk_r, .folk_p { 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 8px;
    width: 462px;
    margin-bottom: 20px;
/*    border: 2px solid #B9A387;*/
}

.folk_left { width: 210px; float: left; }
.folk_right { width: 250px; float: right; }
.folklist { list-style-type: none; clear: both; }
.folklist li { width: 200px; padding-right: 20px; float: left; margin: 0px 0px 5px 0px; font-size: 12px; }

.folktitle {
	font-size: 15pt!important;
	color: #fff;
	font-family: museo-slab;
	font-weight: normal;
}

#fcontainer-lhs { width: 500px; float: left; margin: 10px 0px 10px 20px; }
#fcontainer-rhs { width: 500px; float: right; margin: 10px 0px 10px 0px; }

/* -- MUSIC PLAYER -- */

#musicplayer { width: 265px; height: 336px; position: relative; z-index:1; }
#flashplayer { position: absolute; z-index: 100; width: 245px; height: 178px; top: 42px; left: 7px; overflow: hidden; background-color: #ccc; }
#playerfront { 
    position: absolute; 
    top: 0; 
    left: 0; 
    background: url(../images/clients/player.png) no-repeat 0 0; 
    width: 265px; 
    height: 336px;
    z-index: 10; 
}
#musictitle { position: absolute; top: 390px; left: 12px; color: #000; z-index:1000; width: 200px; height: 20px; background-color: #f00; }

/* ------ FOOTER ----- */
#footer {
	background: url(../images/SiteFooter.png) #42210B;
	width: 1022px;
	height: 140px;
	border-top: 0;
	clear: both;
}

#f_credits { clear: both; margin: 0 auto; width: 1000px; padding-top: 4px; text-align: center; }
#footer, #footer a { color: #3e2100; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* ------ TEXT ----- */

p {
  margin: 0px 0px 8px 0px;
  line-height: 13pt;
}

.titlecopy, .titlecopy_b, .titlecopy_c, .titlecopy_d, .titlecopy_e {
	color: #FFFFFF;
    font-family: museo-slab;
	font-weight: normal;
	line-height: 17pt;
	letter-spacing:-1px
}


.titlecopy a:hover, .titlecopy_b a:hover, .titlecopy_c a:hover, .titlecopy_d a:hover { color: #B9A387!important; }

.titlecopy_b {
	color: #d1ab7f!important;
	margin: 10px 0px 10px 10px;
		font-size: 15pt;
}

.titlecopy_c { margin: 0px 0px 10px 0px; 	font-size: 15pt; }
.titlecopy_d { margin: 4px 0px 10px 0px;	font-size: 15pt; }
.titlecopy_e { margin: 0px 0px 10px 0px; 	font-size: 17pt; }
.titlecopybold {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}

.bodyintro {
	font-size: 12px;
}

.bodysmall {
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}

.body_p {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

.bodysubheading {
	font-size: 14px;
	color: #FAAF38;
}

.clientsheading {
	font-size: 12px;
	color: #FAAF38;
}

.associatedcompaniescoloured {
	font-size: 12px;
	color: #FAAF38;
}

.colouredsmall {
	font-size: 12px;
	color: #FAAF38;
}


.bodybold {
	font-weight: bold;
}

.captiontext {
	font-size: 9px;
}

li {
	margin-left: -12px;
}

img { border: 0 }

/* --- Floor Plan -- */

/*
#floorplan { background: url(../images/news/news_tile_back.jpg) repeat-y; width: 482px; }
#floor_container { background: url(../images/news/news_story_top.jpg) left top no-repeat; }
#floor_inner { background: url(../images/news/news_bottom.jpg) left bottom no-repeat; padding: 12px 0px 12px 7px; } */
#floorplan { margin-bottom: 10px; }
#floor_inner { padding: 12px 8px 12px 7px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 462px;
    margin: 10px 0px 0px 5px;

    border: 2px solid #B9A387; }
.floor_title { margin: 3px 0px 0px 8px; font-size: 15pt; font-family: museo-slab; }
.floor_sub_title { margin: 3px 0px 0px 8px; font-size: 9pt; }
#FloorDetail { margin: 0px 0px 0px 10px; font-size: 10pt; }
#cpaging { 
    margin: 0px 0px 10px 0px; 
    width: 255px; 
    background-color: #551607; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 0px 3px 0px;
}

.epara { font-size: 12px; }
.tc_credit { font-size: 9pt; font-weight: normal; }
.assoc_table { float: right; width: 525px; margin-right: 20px;  }
.atitle { margin: 5px 0px 5px 0px;}
.assoc_img { float: left; width: 380px; height: 261px; }

.co_list p { margin: 0px; }
.co_list { padding-bottom: 10px; }