@import "common.css";

#mastHead H1
{
        margin:0;
}

#wrapper
{
        width:990px;
}

#content
{
	width:100%;
        min-width:990px;
	height:460px;
	margin-top:88px;
        margin-bottom:30px;
	background:#64b8a8 url(../Images/Backgrounds/bg-content.jpg) no-repeat;
	font-size:95%;
}

* HTML #content
{
    overflow:hidden;
}

#visualArea
{
    width:529px;
    height:460px;
    background:url(../Images/Backgrounds/bg-main-visual-area.jpg) no-repeat left 99.5%;
    float:left;
    padding-top:1px;
}

#visualArea H2
{    
    margin:80px 0 0 180px;
    text-indent:-9999px;
    background:url(../Images/Headings/h2-finding-your-market.gif) no-repeat;
    width:317px;
    height:75px;
}

#visualArea H3
{
    margin:134px 0 0 194px;
    text-indent:-9999px;
    background:url(../Images/Headings/h3-success-story.gif) no-repeat;
    width:111px;
    height:24px;
}

A#viewFullDetail
{
    display:block;
    text-indent:-9999px;
    width:100px;
    height:20px;
    background:url(../Images/Buttons/btn-view-full-detail.gif) no-repeat;
    margin:8px 0 0 220px;
    overflow:hidden;
}

A#enquireNow
{
    display:block;
    text-indent:-9999px;
    width:113px;
    height:22px;
    background:url(../Images/Buttons/btn-enquire-now.gif) no-repeat;
    margin:22px 0 0 415px;
    overflow:hidden;
}

#mainContent
{
    background-color:#faa715;    
    width:320px;
    height:437px;
    margin:23px 0 0 35px;
    display:inline; /*IE double float margin bug fix */
    float:left;
    position:relative;
}

#greatCampaignIdea
{
    width:289px;
    height:110px;
    padding-top:1px;
    background:url(../Images/Backgrounds/bg-great-campaign-idea.jpg) no-repeat;
    margin:30px 0 0 10px;
}

#greatCampaignIdea H2
{
    text-indent:-9999px;
    background:url(../Images/Headings/h2-great-campaign-idea.gif) no-repeat;
    width:163px;
    height:25px;
    margin:10px 0 0 105px;
}

#greatCampaignIdea P
{
    color:#ffffff;
    width:190px;
    margin:5px 0 0 108px;
}

#greatCampaignIdea A
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    margin:4px 0 0 108px;
}

#reasonsWhy
{
    position:relative;
    margin-top:-5px;
    margin-left:10px;
    margin-bottom:5px;
    width:293px;
    height:59px;
}

#reasonsWhy SPAN
{
    background:url(../Images/10-reasons-why.gif) no-repeat;
    width:293px;
    height:59px;
    display:block;  
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#reasonsWhy H2
{
    margin-bottom:5px;   
}

#reasonsWhy A
{
    display:block;
    width:293px;
    height:59px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    text-indent:-9999px;
    z-index:5;   
}

div#newsPanel
{
    margin:18px 0 20px 13px;
}

div.tabbedPanel
{
    margin-left:10px;
}

div.tabbedNavi
{
    color:#884000;
    background:url(../Images/Backgrounds/bg-tab-bottom-border.jpg) no-repeat left 16px;
    margin-left:10px;
    margin-bottom:5px;
}

div.tabbedPanel h3
{
    color:#884000;
    margin:0;
}

div.tabbedPanel UL LI
{
    color:#ffffff;
    background:url(../Images/Bullets/white-square.gif) left 7px no-repeat;
    padding-left:8px;
    padding-bottom:1px;
}

div.tabbedNavi INPUT
{
    cursor:pointer;
}

div.tabbedNavi A
{
    color:#ffffff;
    text-decoration:none;
    font-size:90%;
}

#newsTabActive
{
    background:url(../Images/Buttons/btn-news-active.gif) no-repeat;
    border:none;
    width:58px;
    height:17px;
    margin:0 0 0 10px;
}

#eventsTabInactive
{
    background:url(../Images/Buttons/btn-events-inactive.gif) no-repeat;
    border:none;
    width:58px;
    height:17px;
    margin-left:5px;
    margin-right:120px;
}

#eventsPanel
{
    visibility:hidden;
    position:absolute;
    top:236px;
    left:13px;
}

#newsTabInactive
{
    background:url(../Images/Buttons/btn-news-inactive.gif) no-repeat;
    border:none;
    width:58px;
    height:17px;
    margin:0 0 0 10px;
}

#eventsTabActive
{
    background:url(../Images/Buttons/btn-events-active.gif) no-repeat;
    border:none;
    width:58px;
    height:17px;
    margin-left:5px;
    margin-right:120px;
}

H2#ourClients
{
    background:url(../Images/Headings/h2-our-clients.gif) no-repeat;
    width:98px;
    height:10px;
    text-indent:-9999px;
    margin:0 0 0 10px;
}

#flashcontent
{
    background:url(../Images/flash-content.gif) no-repeat;
    width:304px;
    height:65px;
    margin:7px 0 0 5px;    
}

#secondaryContent
{
    background-color:#b28f11;
	float:left;
	width:105px;
	height:436px;
	margin-top:23px;
	padding-top:1px;
}

#secondaryContent img
{
	margin:40px 0 0 10px;
}