@charset "UTF-8";
/*Universal*/
html {
height: 100%;
}

body{
	background:#000000 url(../assets/layout/bg.jpg) repeat-x 0px 0px;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
	font-size: 12px;
	margin:0px;
	height:100%;
	color:#7e7e7e;
}

div.cleaner{
	clear:both;
	height:0px;
	overflow:hidden;
}

.left{
	float:left;
}
.right{
	float:right;
}

div.pageContent {
	width:900px;
	margin: 0px auto;
	position:relative;
	background:#000000;
	height:100%;
}



.topMargin{
	margin-top:24px;
}

.rightMarginWide{
	margin-right:25px;
}

.leftMargin{
	margin-left:5px;
}

.rightMargin{
	margin-right:5px;
}
.logoMargin{
	margin-left:30px;
}

a{
	color:#ffffff;
	text-decoration:underline;
}

a:hover{
	color:#ffffff;
	text-decoration:none;
}

.topBorder{
	border-top:1px solid #FF9900;
}

.baseBorder{
	border-bottom:1px solid #FF9900;
}


/*Content*/

div.homeHeader{
	width:810px;
	overflow:hidden;
	height:180px;
	background:transparent;
	position:absolute;
	top:180px;
	left:0px;
	
}

div.header{
	width:900px;
	overflow:hidden;
	height:180px;
	background:transparent;
	
}

div.block{
	position:relative;
	width:180px;
	height:180px;
	padding:0px;
	overflow:hidden;
	color:#000000;
}



a.mainLink{
	display:block;
	width:160px;
	height:160px;
	padding:10px;
	overflow:hidden;
	border:none;
	text-decoration:none;
	background: #000000;
	color:#ffffff;
	letter-spacing: 1px;
	
}

a:hover.mainLink, a.mainLinkSelected{
	
	text-decoration:none;
	
	
}


div.navbar{
	display:block;
	width:300px;
	
	padding:0px;
	overflow:hidden;
	border:none;
	text-decoration:none;
	
	color:#ffffff;
	font-family:  Impact, Helvetica, Verdana, Arial, sans-serif;
	font-size:15px;
	
}
div.navbar ul{
	margin:0px 0px 0px 0px;
	
}

div.navbar li{
	display:inline;
	margin:0px;
}

div.navbar li a{
	display:block;
	color:#7e7e7e;
	float:left;
	text-decoration:none;
	padding:10px 8px 0px 8px;
}

div.navbar li a:hover, div.navbar li a.selected{
	display:block;
	color:#ffffff;
	
	text-decoration:none;
}

div.blockHP{
	width:15px; 
	height:15px; 
	
	z-index:5; 
	overflow:hidden; 
	position:absolute; 
	top:155px; 
	left:10px;
}

div.portfolioCat{
	width:15px; 
	height:15px; 
	
	z-index:5; 
	overflow:hidden; 
	position:absolute; 
	top:5px; 
	right:5px;
}

.redBlock{
	background:#ff0000; 
	color:#ff0000; 
}

.blueBlock{
	background:#0096ff;
	color:#0096ff; 
}

.greenBlock{
	background:#0aca4f; 
	color:#0aca4f; 
}

.yellowBlock{
	background:#ffea00; 
	color:#ffea00; 
}

.orangeBlock{
	background:#ff8a00;
	color:#ff8a00; 
}

.whiteBlock{
	background:#ffffff; 
	color:#ffffff; 
}

div.footBlock{
	font-size:10px;
	width:141px;
	height:15px;
	padding:0px;
	overflow:hidden;
	letter-spacing: 1px;
	font-weight:lighter;
	
}

div.portfolioTxt{
	width:204px;
	height:490px;
	overflow:hidden;
	background:#171717;
	padding:10px;
}

div.portfolioPic{
	width:620px;
	height:490px;
	
	background:#171717;
	padding:10px;
}
div.googlemap{
	width:620px;
	height:280px;
	
	margin:25px 0px 0px 0px;
	overflow:hidden;
}

div.sideNav{
	width:224px;
	font-family:  Impact, Helvetica, Verdana, Arial, sans-serif;
}

div.sideNav ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

div.sideNav ul li{
	list-style:none;
	margin-bottom:5px;
}

div.sideNav ul li a{
	display:block;
	width:204px;
	padding:10px;
	font-size:30px;
	text-decoration:none;
	background:#171717;
	color:#7e7e7e;
}

div.sideNav ul li a:hover, div.sideNav ul li a.selected{
	display:block;
	width:204px;
	padding:10px;
	font-size:30px;
	text-decoration:none;
	background:#171717;
	color:#ffffff;
}

div.footer a{
	text-decoration:none;
	color:#ffffff;
}

div.footer a:hover{
	text-decoration:underline;
	color:#ffffff;
}

div.footer{
	width:880px;
	overflow:hidden;
	
	background:#000000;
	padding:10px;
	
}

/*PDF POPUP*/
 .bubbleInfo {
            position: relative;
           
        }
      
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
			
        	line-height: 1.2em;
        	background: url(../assets/layout/pdfPopup.png) no-repeat top center;
        	color: #666;
        	border-collapse: collapse;
			padding:20px;
			width:130px;
			height:80px;
			overflow:hidden;
        }

      .popup h1{
	  	font-size:1.1em;
		margin:0px 0px 5px 0px;
	  }


/*Typography*/ 

.lpTxt{
	font-size:16px;
	margin:50px 0px 0px 179px;
}

.bigTxtCentred{
	font-size:16px;
	text-align:center;
	margin:50px 0px 0px 0px;
}

.bigTxt{
	font-size:16px;
	text-align:center;
	
}

.bigTxtLeft{
	font-size:16px;
	
	
}
/*----------CMS STYLES--------------*/

h1{
	font-size:30px;
	font-weight:normal;
	line-height:32px;
	margin:0px;
	font-family:  Impact, Helvetica, Verdana, Arial, sans-serif;
	color:#ffffff;
}

h2{
	font-size:18px; 
	font-weight:normal;
	line-height:20px;
	margin:0px;
	color:#ffffff;
	
}

hr{
	border-top:1px solid #7e7e7e;
	border-bottom:0px solid #171717;
	border-left:0px solid #171717;
	border-right:0px solid #171717;
	margin:4px 0px 5px 0px;
}

div.portfolioTxt li{
list-style:none;
}

div.portfolioPic table{
	width:100%;
	border:0px;
	border-collapse:collapse;
}
.white{
	color:#ffffff;
}
.HLT{
	
	color:#ffffff !important;
}

.SPT{
	font-weight: normal;
}

.ITALICT{
	font-style: italic !important;
}
.BHLT{
	font-weight: bold !important;
	color:#ffffff !important;
}
.IHLT{
	font-weight: bold !important;
	font-style: italic !important;
}
.BIT{
	font-weight: bold !important;
	font-style: italic !important;
}

.BOLDT{
	font-weight: bold !important;
}

.Centered{
	text-align:center !important;
}