@charset "utf-8";
/* CSS Document */
body {
	height: 100%; margin: 0; padding: 0;
}
body,td,th {
	font-family: 'Roboto', sans-serif; font-weight:400;
}
h1 {
	font-size: 14pt;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
}
.clearboth {
	clear: both;
}
/*main area*/
.nav {
	height: inherit;
	width: 90%;
	padding-top: 10%;
}
.aboutnav {
	background:#7f7f7f;
  	background:rgba(255,255,255,0.5);
	height: 271px;
	width: 90%;
	padding-top: 15%;
}
.specialnav {
	height: inherit;
	width: 750px;
	padding-top: 10%;
}
.projectsnav {
	width: 860px;
	padding-top: 10%;
	
}
.contactnav {
	width: 400px;
	padding-top: 10%;
	
}

/*wrappers*/
.homewrapper {
	height: 958px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/A9RDC89.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	overflow: hidden;
}
.aboutwrapper {
	height: 958px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/A9RE969.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	overflow: hidden;
}
.specialisationswrapper {
	height: 958px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/national-gallery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	overflow: hidden;
	background-color:#CCC;
}
.projectswrapper {
	height: 958px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/Sydney_Olympic_Park_Aquatic_Centre.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	overflow: hidden;
	background-color:#CCC;
}
.contactwrapper {
	height: 958px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/A9R9D4D.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed;
	overflow: hidden;
	background-color: #CCC;
}

/*Text Areas*/
.scrollprojects {
	width: 740px;
	height: 550px;
	overflow-y: auto;
	margin-top: 15px;
}
.scrollabout {
	width:100%;
	font-size: 12px;
	height: 350px;
	overflow-y: auto;
	
}
.containscroll {
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	font-family: Roboto, sans-serif;
	list-style-position: outside;
}
#logout {
	position: absolute;
	right: 17px;
	top: 9px;
	z-index: 1;
}
/*WRAPPERS*/
.wagnerwrapper {
	width: 800px;
	height: 251px;
	background:#7f7f7f;
 	background:rgba(0,0,0,0.5);
	padding-top: 20px;
	padding-left: 20px;
	line-height:58px;
}
/*SPANS*/
.wagnergroupBlue {
	font-size:64px;
	font-family: 'Roboto', sans-serif; font-weight:700;
	color:#00AEEF;
}
.wagnergroupWhite {
	font-size:64px;
	font-family: 'Roboto', sans-serif; font-weight:700;
	color:#FFFFFF;
}
.wagnergroupGrey {
	font-size: 64px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #999;
}

.menu {
	height: 35px;
	}
/*LINKS*/
a.blueLink:link {
	color:#00AEEF;
	text-decoration:none;
}
a.blueLink:visited {
	color:#00AEEF;
}

a.blueLink:hover {
	color:#FFFFFF;
   
}
a.blueLink:active {
	color:#00AEEF;
       
}
a.whiteLink:link {
	color:#FFFFFF;
	text-decoration:none;
}
a.whiteLink:visited {
	color:#FFFFFF;
}

a.whiteLink:hover {
	color:#00AEEF;
   
}
a.whiteLink:active {
	color:#FFFFFF;
       
}
a.menuLink:link {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10pt;
	color: #79DAFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #0C0C0C;
}
a.menuLink:visited {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10pt;
	color: #79DAFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #0C0C0C;
}

a.menuLink:hover {
	color:#FFFFFF;
	background-color:#00AEEF;
   
}
a.menuLink:active {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 10pt;
	color: #79DAFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #0C0C0C;
}
a.homeLink:link {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10pt;
	color: #79DAFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 19px;
	background-color: #0C0C0C;
}
a.homeLink:visited {
	color: #79DAFF;
	background-color: #0C0C0C;
}

a.homeLink:hover {
	color:#FFFFFF;
	background-color:#00AEEF;
   
}
a.homeLink:active {
	color: #79DAFF;
	background-color: #0C0C0C;
}
/*CONTENT*/
.aboutcols {
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.aboutheading {
	font-size: 14pt;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	margin-left: 30px;
	padding-top: 20px;
}
.profileheading {
	font-size: 16pt;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	margin-left: 30px;
}
.whitebg {
	background-color: rgba(255,255,255,0.5);
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-left: 20px;
	font-size: 12px;
}
.whitebgspecial {
	background-color: rgba(255,255,255,0.5);
	font-size: 12px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: 20px;
}
.whitebgprojects {
	background-color: rgba(255,255,255,0.5);
	font-size: 12px;
	padding-top:30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left:20px;
	width:750px;
	
}
.whitebgcontact {
	background-color: rgba(255,255,255,0.7);
	font-size: 12px;
	margin-left: 20px;
	padding: 30px;
	width: 380px;
	height: 100px;
	
}
.tblwhite {
	color:#FFF;
}
.contactdets {
	margin-top:20px;
	line-height:30px;
}
.specialclear {
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
/*footer stuff*/
.footer {
	text-align: left;
	padding: 10px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	color: #FFF;
	background-image: url(../images/footerBG.png);
	background-repeat: repeat;
}
.credit {
	font-size: 12px;
}
.copy {
	text-align: right;
	width: 220px;
	float: right;
	margin-right: 30px;
	font-size: 11px;
	color: #00AEEF;
}