/* CSS Document */
/**
 * -----------------------------------------------------------------------
 * @copyright Copyright (c) 2009 Planet Media
 * @author:   Keith Morrell - Planet Media
 * @DATE:     28th August 2009
 * @VERSION:  1.0
 * @desc      Planet Media - Non Flash Site
 * -----------------------------------------------------------------------
 */



/**
 * page styles 
 */
      
#mainContain {width:1166px;height:100%;}

/* header */

#headEr {width:1166px;height:102px;display:block;}
#headLeft {width:222px;height:102px;float:left;}
#headRight {width:944px;height:102px;float:right;}
#topSpace {width:1166px;height:23px;display:block;}

/* main */

#mainBody {width:1166px;height:569px;display:block;}
#mbLeft {width:109px;height:569px;float:left;}
#mbSpacea {width:22px;height:569px;float:left;}
#mbMid {width:239px;height:569px;float:left;}
#mbSpaceb {width:30px;height:569px;float:left;}
#mbRight {width:766px;height:569px;float:right;}


/* mbLeft */
.navBar {margin:0px 0px 0px 32px;width:77px;height:160px;display:block;}
.navBar a:link{width:77px;height:17px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBar a:visited{width:77px;height:17px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBar a:active{width:77px;height:17px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBar a:hover{width:77px;height:17px;display:block;font-size:7.9pt;color:#F11196;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBar a.selected{width:77px;height:17px;display:block;font-size:7.9pt;color:#F11196;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}


.navBarb {margin:0px 0px 0px 10px;width:130px;height:160px;display:block;}
.navBarb a:link{height:17px;width:130px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBarb a:visited{height:17px;width:130px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBarb a:active{height:17px;width:130px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBarb a:hover{height:17px;width:130px;display:block;font-size:7.9pt;color:#F11196;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
.navBarb a.selected{height:17px;width:130px;display:block;font-size:7.9pt;color:#F11196;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
/* mbMid */

#mbMid p{margin:0px 0px 0px 10px;padding:0px;width:217px;display:block;line-height:15px;font-size:8.5pt;color:#FFFFFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

#mbMidb {width:130px;height:569px;float:left;}
#mbMidb p{margin:0px 0px 0px 10px;padding:0px;width:130px;display:block;line-height:15px;font-size:8.5pt;color:#FFFFFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

#mbMidc {width:239px;height:569px;float:left;}
#mbMidc p{margin:0px 0px 0px 10px;padding:0px;width:217px;display:block;line-height:15px;font-size:8.5pt;color:#FFFFFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

#mbMidd {width:239px;height:569px;float:left;}
#mbMidd ul {margin:0px 0px 0px 10px;padding:0px;height:17px;width:180px;display:block;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
#mbMidd p{margin:0px 0px 0px 10px;padding:0px;height:17px;width:180px;display:block;line-height:15px;font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:17px;}
#mbMidd a:link{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#mbMidd a:visited{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#mbMidd a:active{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#mbMidd a:hover{font-size:8.5pt;color:#FFFFFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

/* mbRight */

.mbImagebox {width:766px;height:522px;display:block;}

.mbNav {width:766px;height:46px;display:block;}
.mbnLeft {width:312px;height:46px;float:left;}
.mbnBox {margin:13px 0px 0px 0px;width:312px;height:20px;}
.mbnLeft a:link{float:left;display:block;width:20px;height:20px;text-align:center;color:#57656e;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;margin-right:5px;}
.mbnLeft a:visited{float:left;display:block;width:20px;height:20px;text-align:center;color:#57656e;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;margin-right:5px;}
.mbnLeft a:active{float:left;display:block;width:20px;height:20px;text-align:center;color:#57656e;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;margin-right:5px;}
.mbnLeft a:hover{float:left;display:block;width:20px;height:20px;text-align:center;color:#FFFFFF;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;margin-right:5px;}
.mbnLeft a.selected{float:left;display:block;width:20px;height:20px;text-align:center;background-color:#A9A9A9;color:#000000;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;margin-right:5px;}

.mbnRight {width:454px;height:46px;float:right;}
.mbnRight a:link{line-height:46px;float:right;color:#a9a9a9;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.mbnRight a:visited{line-height:46px;float:right;color:#a9a9a9;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.mbnRight a:active{line-height:46px;float:right;color:#a9a9a9;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.mbnRight a:hover{line-height:46px;float:right;color:#F11196;font-size:8.5pt;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}


.longSpace{width:1166px;height:10px;line-height:10px; background-color:#505358;}

/* footer */

#footEr {width:1166px;height:50px;display:block;}
#footLeft {width:569px;height:50px;float:left;font-size:7.9pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:40px;}
#footLeft a:link{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#footLeft a:visited{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#footLeft a:active{font-size:8.5pt;color:#57656e;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#footLeft a:hover{font-size:8.5pt;color:#FFFFFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#footRight {width:597px;height:50px;float:right;line-height:40px;}





/* slider portfolio gallery */

#slider {width:766px;margin:0 auto;}

.scroll {width:766px;height:522px;overflow:auto;position:static;clear:left;}
.scrollContainer div.panel {width:766px;height:522px;}

.scrollButtons.right 
{
margin-top:13px;
margin-left:687px;
right: 0px;
}
.hide {display: none;}