/* August Media CSS - ID Media London */
/* Generic CSS */

* { margin: 0; padding: 0;}
body { margin: 0 auto; font-family: Arial, Tahoma, Verdana, ; font-size: 12px; background:url('../images/bg.gif') no-repeat top #fce31b;}
html, body {  height: 100%;}
img {border: 0;}
.tl {text-align: left;}
.tr {text-align: right;}
.fr {float: right;}
.fl {float: left;}
h1 {font-family: Arial, Tahoma, Verdana; font-size: 16px; color: #85790e;  text-transform:uppercase; font-weight: bold; margin: 0; padding: 0 0 13px 0;}
h2 {font-family: Arial, Tahoma, Verdana; font-size: 16px; color: #ffffff; margin: 0px 0 0 0;  text-transform:uppercase; font-weight: bold; padding: 0 0 20px 0;}
h3 {font-family: Arial, Tahoma, Verdana; font-size: 14px; color: #a19211; text-transform:uppercase; font-weight: bold; margin: 0; padding: 0 0 15px 0; }
h4 {font-family: arial; font-size: 11px;  text-transform:uppercase; font-weight: bold;}
.visibility_hidden {visibility: hidden; padding-bottom: 14px;}
.display_none {display: none;}
p {padding: 0 0 8px 0; line-height: 18px; font-family: Arial;}
a {outline: none;}

#middle_content {margin: 0 auto; width: 920px; padding: 30px 30px 0 30px;}

/* Header Section LOGO */
#header {float: left; text-align:right; padding: 0 30px 0 0; width:890px;}
/* End Header Section */

/* Navigation CSS */
#menu_navigation {float: left; width:130px; font-weight: bold; font-family:Tahoma; font-size: 11px; margin: 30px 0 0 0; }
#menu_navigation ul { list-style: none; margin: 0; padding: 0;}
#menu_navigation li { padding: 0 0 5px 0; margin: 0;}
#menu_navigation li a, #menu_navigation ul ul a {text-decoration: none; color:#000000;}
#menu_navigation li a:hover, #menu_navigation ul ul a:hover {text-decoration: none; color: #ffffff;}
#menu_navigation li#home {padding: 0 0 13px 0;}
#menu_navigation li#home a {text-decoration: none; color:#85790E;}
#menu_navigation li#home a:hover {text-decoration: none; color: #ffffff;}
#menu_navigation .nav_selected a, #menu_navigation ul ul .nav_selected a {color: #ffffff; }
#menu_navigation .nav_selected li a, #menu_navigation ul ul .nav_selected li a{color: #000000;}
#menu_navigation ul ul { list-style: none; margin: 13px 10px 3px 10px; padding: 0; color: #000000;}

/* End Navigation CSS */

/* Main Content Area */
#main_content {float: left; width:280px; padding: 0 30px; }
#main_content p a {text-decoration: underline; color: #000000;}
#main_content a:hover {text-decoration: underline; color:#ffffff;}
#main_content ul { list-style:none; margin: 0; padding: 0; clear: left;}
#main_content li {padding: 0 0 8px 0; font-weight: bold; font-family: Arial;}
#main_content li p {padding: 5px 0 4px 0; margin: 0; line-height: 0; text-transform: uppercase;}
#main_content li span {color: #524b09; text-transform: uppercase;}
#main_content li a {text-decoration: none; color: #000000;}
#main_content li a.selected {color: #ffffff;}
.more_info_content {background: url('../images/more-info-bg.jpg') no-repeat; width: 280px; height:366px;}
.image_placeholder {float: left; width: 180px; height: 265px; padding: 5px 0 0 20px;}

.directors li span {font-weight: normal;}
/* End Main Content Area */

/* Right Content Area */
#right_content {float: left; width: 450px; height: 400px; margin: 30px 0 0 0; font-size: 12px;}
#right_content p {padding: 0 30px 8px 0;}
#right_content a {text-decoration: underline; color: #000000;}
#right_content a:hover {text-decoration: underline; color: #ffffff;}
.image_area {float: left; width:420px; height:200px; background: #ffffff; margin-bottom: 15px;}
.bios_content {float: left;}
.bios_content h1 {padding: 0 0 2px 0;}
.bios_content h1 span {color: #c4b115; padding: 0 0 0 8px;}

.logos_content {float: left; padding: 30px 0 0 0;}
.logos_content ul {list-style:none; margin: 0; padding: 0;}
.logos_content li {float: left; padding: 0 40px 0 0;}

.joinus_content h1{ padding: 0; margin: 0;}
.joinus_content p {margin: 0 0 8px 0;}
.joinus_content ul {margin: 0 0 8px 0; list-style: none;}


/* End Right Content Area */

/* End Generic CSS */

/* Portfolio CSS */
.portfolio_content {float: left; width: 100%;}
.portfolio_content ul {list-style: none; margin: 0; padding: 0;}
.portfolio_content li {padding: 0 0 8px 0;}

.portfolio_content .quotation {float: left; width: 290px; padding: 0 0 10px 0; }
.portfolio_content .quotation p.quote-name {float: left; padding: 3px 0 0 18px; color: #524b09; font-size: 11px;}

.left-quote { float: left; background: url('../images/quote-left.gif') no-repeat top left; width: 12px; height: 15px; padding: 0 7px 0 0; margin-top: 3px; }
blockquote p {float: left; width: 270px; display: inline; margin: 0; padding: 0; }

/* End Portfolio CSS */

/* End August Media CSS */