body{
	background-color: #FFFFFF;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#cleardiv {clear:left;}


#leftcolumn {
	float: left;
	width: 48%;
	background-color: #FFFFFF;
}
#rightcolumn {
	float: right;
	width: 48%;
	background-color: #FFFFFF;
}


#maincontainer {
	width: 800px;
	padding-left: 50px;
	background-image: url(../images/grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#navbutton1 {
	float: left;
}
#navbutton2 {
	float: left;
}
#bodycontainer {
	width: 747px;
	background-color: #FFFFFF;
	border: 5px solid #000000;
}
#footerlinks {
	float: left;
}

#moon {
	float: right;
}

#navcontainer {
	float: left;
	width: 400px;
	margin-bottom: 3px;
}

#logo {
	margin-bottom: 70px;
	float: left;
	border-style: none;
}
#sidemoon {
	float: right;
}
#navbutton3 {

	float: none;
}

/*Mark dodgy styles from here down!*/

#bodytext {
	float: left;
	width: 99%;
}
#bodytextleft {
	float: left;
	width: 49%;
}
#bodyrighttop {
	float: left;
	margin-left: 15px;
	text-align: left;
}
#bodyrightbot {
	text-align: left;
	float: left;
	padding-left: 15px;
	width: 100%;
}

#footerrighttop {
	float: left;
	width: 100%;
	padding-left: 15px;
}
#bodytextright {
	float: right;
	width: 49%;
	text-align: left;
}
#freshcontainer {
	width: 100%;
	padding-left: 15px;
	float: left;
}
#smalltopleft {
	float: left;
	height: 49%;
	width: 49%;
	border-left: solid #ff6600 1px;
	text-align: center;
	vertical-align: middle;
}
#smalltopright {
	float: right;
	height: 49%;
	width: 49%;
	text-align: center;
	vertical-align: middle;
}
#smallbotleft {
	float: left;
	height: 49%;
	width: 49%;
	border-left: solid #ff6600 1px;
	text-align: center;
	vertical-align: middle;
}
#smallbotright {
	float: right;
	height: 49%;
	width: 49%;
	text-align: center;
	vertical-align: middle;
}

#headinglefttop {
	float: left;
	padding-top:15px;
	padding-left:15px;
}
#headingrighttop {
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}
#bodylefttop {
	width: 100%;
	float: left;
	padding-left: 15px;
	text-align: left;
}
#headingleftmiddle {
	float: left;
	padding-left: 15px;
}
#bodyleftmiddle {
	float: left;
	width: 100%;
	padding-left: 15px;
	text-align: left;
}
#footerleftmiddle {
	float: left;
	padding-left: 15px;
}
#bodyleftcontainer {
	width: 355px;
	float: left;
}
#footerlefttop {
	float: left;
	padding-left: 15px;
}
#recentprojimg {
	width: 47%;
	float: left;
	padding-left: 15px;
}
#recentprojtext {
	float: right;
	width: 47%;
	text-align: left;
}
#headingbotright {
	float: left;
	padding-left: 15px;
}
#footerrightbot {
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
}

#footercontainer {
	float: left;
	width: 100%;
	text-align: center;
}
#footerlinkleft {
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#footerlink {
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-color: #ff6600;
	border-right-color: #ff6600;
	border-bottom-color: #FF6600;
}
#footerlinkright {
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-bottom-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-top-color: #ff6600;
	border-right-color: #ff6600;
	border-bottom-color: #ff6600;
}
a.footerlinkleft {
text-decoration:none;
font-size:smaller;
color: #ff6600;
}
a.footerlinkleft: hover {
text-decoration:none;
font-size:smaller;
font-weight:bold;
color: #ff6600;
}
a.footerlinkleft: visited {
text-decoration:none;
font-size:smaller;
color: #ff6600;
}
a.footerlinkleft: active {
text-decoration:none;
font-weight:bold;
font-size:smaller;
color: #ff6600;
}
a.footerlink {
text-decoration:none;
font-size:smaller;
color: #ff6600;
border-left:solid #ff6600 2px;
padding-left:5px;
}
a.footerlink: hover {
text-decoration:none;
font-size:smaller;
font-weight:bold;
color: #ff6600;
border-left:solid #ff6600 2px;
padding-left:5px;
}
a.footerlink: visited {
text-decoration:none;
font-size:smaller;
color: #ff6600;
border-left:solid #ff6600 2px;
padding-left:5px;
}
a.footerlink: active {
text-decoration: none;
font-weight:bold;
font-size:smaller;
color: #ff6600;
border-left:solid #ff6600 2px;
padding-left:5px;
}
#cleardiv2 {
	clear: both;
}

#sitecontainer {
	width: 90%;
	height: 250px;
	padding-top: 20px;
}

#siteimage {
	float: left;
	width: 49%;
	height: 250px;
}
#sitetext {
	float: right;
	width: 49%;
	height: 250px;
	text-align: left;
}
#sitefooterleft {
	float: left;
	width: 49%;
	clear: both;
	text-align: right;
}
#sitefooterright {
	float: right;
	width: 49%;
	clear: right;
	display: table;
}
img.sitefooterleft {

}
img.sitefooterright {
	float:left;
}
#portfoliocontainer {
	float: left;
	height: 790px;
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
}
