/* Trade Mark Media CSS Document */

/*
Author: Augment - l-zanne@augment.co.za

Table of Contents:
global
page structure
nav
headings
link styles
text styles
inline imgs
tables
forms
extras
SiFR
*/

html{overflow:-moz-scrollbars-vertical;}

* {margin: 0; padding: 0; outline: none;}

body{
background-color:#363834;
font: 11px Verdana, Arial, Helvetica, sans-serif normal;
color:#ffffff;
z-index:0;
}

.clear{
clear:both;
}

a:link {}
a:visited {}
a:hover{}
a:active{}

#container{
background-color:#d5d3d3;
width:1024px;
margin: 0px auto;
text-align:center;
}

#top{
background-color:#181816;
height: 35px;
border-bottom: 2px solid #e5e5e4;
}

#header{
background-color:#363834;
height: 272px;
}

#header #flash{
width: 755px;
height: 272px;
float:left;
background:#FFFFFF url(../gfx/flash_ph.gif) no-repeat top;
border-right: 1px solid #3a3c38;
}

#header #flash2{
width: 755px;
height: 272px;
float:left;
background:#FFFFFF url(../gfx/flash_ph2.gif) no-repeat top;
border-right: 1px solid #3a3c38;
}

#header #flash3{
width: 755px;
height: 272px;
float:left;
background:#FFFFFF url(../gfx/flash_ph3.gif) no-repeat top;
border-right: 1px solid #3a3c38;
}

#header #flash4{
width: 755px;
height: 272px;
float:left;
background:#FFFFFF url(../gfx/flash_ph4.gif) no-repeat top;
border-right: 1px solid #3a3c38;
}

#header #flash .logo, #header #flash2 .logo, #header #flash3 .logo, #header #flash4 .logo{
float:left;
padding: 20px 0 0 0;
}

#header #menu{
width:268px;
float:right;
background-color:#FFFFFF;
}

#header #menu ul{
list-style:none;
}

#header #menu ul li{
background:url(../gfx/arrows_light.gif) no-repeat right;
color:#333333;
height: 39px;
line-height: 39px;
padding: 0 15px 0 20px;
font-size:12px;
text-align:left;
border-bottom: 1px solid #e5e5e4;
}

#header #menu ul li.active{
background:#313029 url(../gfx/arrows_dark.gif) no-repeat right;
color:#ffffff;
height: 39px;
line-height: 39px;
padding: 0 15px 0 20px;
font-size:12px;
text-align:left;
border-bottom: 1px solid #e5e5e4;
}

#header #menu ul li.quote{
background: #FFFFFF url(../gfx/quote.jpg) no-repeat top right;
height: 71px;
border-bottom: 1px solid #FFFFFF;
}

#header #menu ul li a:link, #header #menu ul li a:visited{
color:#333333;
text-decoration:none;
}

#header #menu ul li a:hover{
text-decoration:underline;
}

#header #menu ul li a.arrow{
font-size:10px;
color:#333333;
background:url(../gfx/arrows_light_link.gif) no-repeat right ;
margin: 60px 0 0 90px;
padding: 0 20px 0 0;
text-decoration:none;
float:right;
}

h1{
background: #CCCCCC url(../gfx/header_tile.jpg) repeat-x bottom;
height:47px;
}

h1 img{
float:left;
padding: 18px 0 0 40px;
}

h2{
font-size:14px;
font-weight:normal;
text-align:left;
color:#C80E03;
padding: 18px 0 5px 40px;
}

h3{
height: 15px;
float:left;
padding: 18px 0 0 40px;
}

h3 img{
float:left;
}

h4{
float:left;
height: 15px;
margin: 18px 0 20px 0
}

h4 img{
float:left;

}
h5{
font-size:14px;
font-weight:bold;
text-align:left;
color:#C80E03;
padding: 18px 0 5px 40px;	
}
#content{
background-color:#FFFFFF;
margin:0px auto;
text-align:center;
}

#column1{
float:left;
width:755px;
}

#column1 p{
font-size:12px;
text-align:left;
padding: 15px 40px 20px 45px;
color:#333333;
}

#column1 p .portfolio_img{
float:left;
padding: 0 10px 10px 0;
margin: -10px 0 0 0;
}

#column1 p.one{
font-size:12px;
text-align:left;
padding: 10px 40px 20px 45px;
color:#333333;
}

#column1 ul{
margin: 10px 0 0 0;
list-style:none;
border-top: 1px dashed #C80E03;

}

#column1 ul li{
float:left;
width:320px;
color:#333333;
font-size:12px;
text-align:left;
padding: 10px 10px 20px 45px;
border-bottom: 1px dashed #C80E03;
}

#column1 p a:link, #column1 p a:visited, #column1 p a:active{
color:#C80E03;
text-decoration:underline;
}

#column1 p a:hover{
color:#C80E03;
text-decoration:none;
}

#column1 a.arrow{
font-size:10px;
color:#333333;
background:url(../gfx/arrows_light.gif) no-repeat right;
padding: 0 32px 0 0;
text-decoration:none;
float:right;
}
#column1 table{
	float:left;
padding: 18px 0 15px 40px;
color:#333333;	
}
#column1 table td{
	vertical-align:top;
	padding: 3px;
}
#column1 table td.red{
	background-color:#C80E03;
	color:#fff;
}
#column1 table td.grey{
	background-color:#999;
	color:#fff;
}
#column1 table td.light{
	background-color:#ccc;
	color:#333333;
}
#column1 table td.extralight{
	background-color:#ececec;
	color:#333333;
}
#column1 table td span{
	font-size:10px;
}
#column2{
float:right;
width:267px;
}

#footer{
height: 135px;
background-color:#181816;
border-top: 2px solid #e5e5e4;
border-bottom: 2px solid #e5e5e4;
padding: 0 0 100px 0;
}

#footer p{
text-align:left;
font-size:10px;
color:#CCCCCC;
padding: 20px 0 0 40px;
}

#footer p span{
margin: 0 0 0 580px;
}