/* CSS Document for NE3D */
/* Last modified by: Shaun Sheppard */
/* Version number: 0.1 */
/* Developed by Creative with Technology Ltd */

form {
	margin: 0px;
	}

html {
        height: 100%;
	}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
        background: url(../images/body-bg.png) center bottom no-repeat;
	}

.handsBG {
        width: 100%;
        overflow: hidden;
	
        }
	
.clear {
	height: 0px;
	font-size: 0px;
	clear: both;
	}
	
.bodyWrap {
	width: 100%;
	overflow: hidden;
	position: absolute;
	background: url(../images/body-wrap-bg.png) repeat-x;
	}
	
.centerWrap {
	width: 990px;
	overflow: hidden;
	margin: 0px auto;
	}

.leftCol {
	width: 20px;
	height: 780px;
	float: left;
	background: url(../images/left-col-bg.png) no-repeat;
	}
	
.middleCol {
	width: 950px;
	overflow: hidden;
	float: left;
	background: url(../images/middle-col-bg.png) repeat-x;
	min-height: 780px;
	}
	
.rightCol {
	width: 20px;
	height: 780px;
	float: left;
	background: url(../images/right-col-bg.png) no-repeat;
	}
	
.header {
	width: 950px;
	height: 129px;
	margin: 0px 0px 1px 0px;
	background: url(../images/header-bg.png) repeat-x;
	}
	
.headerLogo {
	width: 124px;
	height: 110px;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
	
.headerMCPLogo {
	width: 95px;
	height: 95px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 11px 10px 0px 0px;
	}
	
.headerRightCol1 {
	width: 100px;
	overflow: hidden;
	color: #959595;
	font-size: 75%;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	font-weight: bold;
	}
	
.headerRightCol2 {
	width: 150px;
	overflow: hidden;
	color: #959595;
	font-size: 75%;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	font-weight: normal;
	}

.headerRightCol2 a {
	color: #959595;
	text-decoration: none;
	}

.headerRightCol2 a:hover {
	color: #ed1f24;
	text-decoration: none;
	}
	
.topNavWrap {
	width: 950px;
	height: 30px;
	margin: 0px 0px 10px 0px;
	}
	
.topNavWrap img {
	float: left;
	}

.contentLeftCol {
	width: 1px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
.fullMiddleCol {
	width: 913px;
	overflow: hidden;
	float: left;
	padding: 40px 0px 50px 15px;
	}

.fullMiddleCol h1 {
	font-size: 200%;
        font-weight: 100;
	color: #404041;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 35px;
	}
	
.contentMiddleCol {
	width: 928px;
	float: left;
	border-top: 1px solid #b8b8b8;
	background: url(../images/content-middle-bg.png) repeat-x;
	}

.contentMiddleColBody {
	width: 479px;
	overflow: hidden;
	float: left;
	min-height: 500px;
	padding: 40px 20px 50px 50px;
	}
	
.contentMiddleColBody h1 {
	font-size: 200%;
        font-weight: 100;
	color: #404041;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.contentMiddleColBody p {
	font-size: 75%;
        text-align: justify;
	color: #404041;
	line-height: 140%;
	}

.contentMiddleColBody table {
	font-size: 75%;
	color: #404041;
	line-height: 120%;
	}

.contentMiddleColBody a {
	color: #ed1f24;
	text-decoration: none;
	}
	
.contentMiddleColBody a:hover {
	color: #404041;
	}

.contentMiddleColBodyText {
        width: 448px;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #b8b8b8;
        padding: 15px;
        }

.contentNewsWrap {
        width: 300px;
        overflow: hidden;
        background: #e2e2e2;
        border: 1px solid #b8b8b8;
        padding: 10px;
        }
	
.contentNewsCol {
	width: 369px;
	overflow: hidden;
	float: left;
	padding: 111px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.contentNewsColItem {
	width: 278px;
	overflow: hidden;
	border-bottom: 1px solid #b8b8b8;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	}
	
.contentNewsColItem h3 {
	font-size: 75%;
	color: #404041;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.contentNewsColItem p {
	font-size: 62%;
	color: #404041;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.contentNewsColItem img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	float: right;
        width: 75px;
        height: 75px;
	}
	
.contentNewsColItem a {
	color: #ed1f24;
	text-decoration: none;
	}
	
.contentNewsColItem a:hover {
	color: #404041;
	}

.contentNewsHR {
        height:1px;
        border-bottom: 1px solid #b8b8b8;
        }


.moreNews {
        margin-top: 10px;
        padding: 0px 0px 0px 11px;
	font-size: 75%;	}

.moreNews a {
	color: #ed1f24;
	text-decoration: none;
	}
	
.moreNews a:hover {
	color: #404041;
	}
	
.contentRightCol {
	width: 1px;
	overflow: hidden;
	float: left;
	margin: 0px 10px 0px 0px;
	}

.contentRightPortfolioImage {
        border: 1px solid #959595;
        width: 298px;
        height: 248px;
        padding: 10px;
        background-color: #ffffff;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
        }
	
.footerWrap {
	width: 100%;
	height: 50px;
	background: #959595;
	clear: both;
	}
	
#btmNavWrap {
	width: 100%;
	height: 30px;
	overflow: hidden;
	/*background-color: #71bf44;*/
	/*position: fixed;*/
	position: absolute;
	/*bottom: 0px;*/
	top: 0px;
	}
	
.btmContactInner {
	width: 100%;
	height: 400px;
	margin: 0px auto;
	}
	
.btmContactTop {
	width: 100%;
	height: 30px;
	background: #959595;
	}
	
.btmContactTopInner {
	width: 900px;
	height: 30px;
	margin: 0px auto;
	}
	
.btmContactTopInner img {
	float: right;
	cursor: pointer;
	}
	
.btmContactMain {
	width: 100%;
	height: 370px;
	background-color: #959595;
	}
	
.btmContactMainContent {
	width: 840px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	}

.btmContactMainContentBoxGoogle {
	width: 200px;
	height: 150px;
	background-color: #7d7d7d;
	float: left;
	margin: 0px 5px 0px 5px;
	}
	
.btmContactMainContentBox {
	width: 180px;
	height: 130px;
	background-color: #7d7d7d;
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 10px;
	}
	
.btmContactMainContentBox h3 {
	color: #ffffff;
	font-size: 87%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
.btmContactMainContentBox p {
	color: #ffffff;
	font-size: 75%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
	}

.btmContactMainContentBox a {
        color: #ffffff;
        text-decoration: none;
        }

.btmContactMainContentBox a:hover {
        color: #ed1f24;
        text-decoration: none;
        }
	
.btmContactMainContentBox table {
	color: #ffffff;
	font-size: 75%;
	}
	
.loginInputBox {
	width: 95px;
	height: 14px;
	border: 1px solid #959595;
	font-size: 12px;
	padding: 2px;
	margin-left: 10px;
	}
	
.prtWrap {
	width: 170px;
	height: 170px;
	float: left;
	/*margin: 15px 15px 15px 15px;*/
	}
	
.prtOuter {
	width: 130px;
	height: 130px;
	padding: 35px;
	overflow: hidden;
	}
	
.prtBox {
	width: 99%;
	height: 76%;
	border: 1px solid #959595;
	overflow: auto;
	cursor: pointer;
	background-position: center;
	}
	
.prtBottom {
	width: 100%;
	height: 23%;
	background-color: #999999;
	border-right: 1px solid #959595;
	}
	
.prtBottom img {
	float: right;
	margin-right: 2px;
	}
	
.prtBottom p {
	width: 95px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 5px;
	color: #ffffff;
	font-size: 62%;
	float: left;
	}

.portfolioShowWrap {
	width: 464px;
	overflow: hidden;
	background: #b8b8b8;
	padding: 7px 7px 6px 7px;
        border: 1px solid #959595;
	}
	
.portfolioShowWrap img {
	width: 96px;
	background-color: #ffffff;
	padding: 2px;
	float: left;
	border: 1px solid #959593;
	}
	
.slideshowImgWrap {
	border: #959593 1px solid; 
	float: left; 
	margin: 7px 7px 7px 7px;
	overflow: hidden; 
	width: 100px; 
	}

.portfolioLogo {
        width: 318px;
        height: 96px;
        background: #ffffff;
        border: 1px solid #959595;
        border-left: 1px solid #959595;
        border-right: 1px solid #959595;
        }

.portfolioText {
        width: 448px;
        height: 209px;
        background: #e2e2e2;
        border-top: 1px solid #959595;
        border-left: 1px solid #959595;
        border-right: 1px solid #959595;
        padding: 15px;
        }

.portfolioTextBottom {
        width: 478px;
        height: 29px;
        background: #e2e2e2;
        border-bottom: 1px solid #959595;
        border-left: 1px solid #959595;
        border-right: 1px solid #959595;
        margin: 0px 0px 20px 0px;
        }

.portfolioTextBottom img {
        float: right;
        }

.portfolioText p {
	font-size: 75%;
	color: #404041;
	line-height: 120%;
	}

.portfolioText a {
	color: #ed1f24;
	text-decoration: none;
	}
	
.portfolioText a:hover {
	color: #404041;
	}


.page_links { 
       width: 100%; 
       text-align: center; 
       color: #999999;
       padding: 50px 0px 0px 0px;
       font-size: 75%;
       }
.page_links a {
       color:#999999;
       text-decoration:none;
       }
.page_links a:visited {
       color: #999999;
       text-decoration:none;
       }
.page_links a:hover {
       color:#ed1f24;
       text-decoration:none;
       }