html {
    height: 102%;
}

body{
}

.container {
background-position:50% 0;
background-image:url(../images/home_bgd.jpg);
background-repeat:no-repeat;
height:100%;
width:1000px;
margin-left:auto;
margin-right:auto;
}

.page {
margin:0 auto;
width:960px;
height:100%;
}

.content {
	margin-left:auto;
	margin-right:auto;
	width:740px;
	height:100%;
}

p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #000;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin-top: 0px;
}
div.home{
	background-image:url(../images/home_bgd.jpg);
}

div.about{
	background-image:url(../images/about_bgd.jpg);
}

div.work{
	background-image:url(../images/work_bgd.jpg);
}

div.services{
	background-image:url(../images/services_bgd.jpg);
}

div.contact{
	background-image:url(../images/contact_bgd.jpg);
}

.header {
	height:165px;
	width:710px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:41px;
}

.headertitle {
	height:45px;
	margin-left:230px;
	width:470px;
	text-align:left;
	margin-top:70px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:3.25em;
	font-weight:bold;
	clear:both;
	color: #FFF;
}

.imagetitle {
	font-family:Helvetica, Arial, sans-serif;
	font-size:3em;
	font-weight:bold;
	color: #FFF;
}

.secondarynav {
	clear:both;
	height:20px;
	width:100%;
	color:#FFF;
	font-size:1.1em;
	padding-top:14px;
}

.secondarynav a {
	color:#FFF;
	text-decoration:none;
}

.hometextcontent {
	color:#F00;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size:1.5em;
}

.hometext a {
	color:#F00;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.hometext a:hover {
	color:#F00;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

.abouttextcontent {
	color:#49C03C;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size:1.5em;
}

.abouttext a {
	color:#49C03C;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.abouttext a:hover {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #49C03C;
}

.worktextcontent {
	color:#26A9E0;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size:1.5em;
}

.worktext a {
	color:#26A9E0;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.worktext a:hover {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #26A9E0;
}

.servicestextcontent {
	color:#60228B;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size:1.5em;
}

.servicestext a {
	color:#60228B;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.servicestext a:hover {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #60228B;
}

.contacttextcontent {
	color:#E3742F;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size:1.5em;
}

.contacttext a {
	color:#E3742F;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.contacttext a:hover {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E3742F;
}

.leftimage {
	width:300px;
	margin-left:50px;
	margin-top:80px;
	height:425px;
	float:left;
	clear:left;
}

div.homeimage {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat
}

div.aboutimage {
	background-image:url(../images/me.png);
	background-repeat:no-repeat
}

.righttext {
	width:310px;
	height:100%;
	margin-top:200px;
	float:right;
	clear:right;
}

.linkanimation {
	width:100%;
	height:182px;
	margin-top:50px;
}

.servicesimage {
	width:100%;
	height: 250px;
	margin-top:50px;
}
.image1 {
	margin-top:50px;
	width:30%;
	float:left;
	clear:left;
	height:35px;
}

.image2 {
	margin-top:50px;
	width:30%;
	float:left;
	margin-left:5%;
	height:35px;
}

.image3 {
	margin-top:50px;
	width:30%;
	float:right;
	clear:right;
	height:35px;
}

div.workimage1 {
	background-image:url(../images/work_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;

}

div.workimage2 {
	background-image:url(../images/work_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;
}

div.workimage3 {
	background-image:url(../images/work_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;
}

div.servicesimage1 {
	background-image:url(../images/services_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;
}

div.servicesimage2 {
	background-image:url(../images/services_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;
}

div.servicesimage3 {
	background-image:url(../images/services_image.jpg);
	background-repeat:no-repeat;
	padding-top:140px;
	height:52px;
}

.textbox1 {
	width:47%;
	float:left;
	clear:left;
	height:100%;
	margin-top:25px;
}

.textbox2 {
	width:47%;
	float:right;
	clear:right;
	height:100%;
	margin-top:52px;
}

.inputfield {
	width:260px;
	background-image:url(../images/textinput.jpg);
	color:#FFF;
}

.footer {
	width:100%;
	height:51px;
	clear:both;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	font-size:.8em;
	padding-top:50px;
}

.footertext {
	color:#FFF;
	font-size:.95em;
	margin-right:250px;
}

.footertext a {
	text-decoration:none;
	color:#FFF;
}

.footertext a:hover {
	text-decoration:underline;
	color:#FFF;
}

.footertext a:visited {
	text-decoration:none;
	color:#FFF;
}

div.aboutfooter {
	background-image:url(../images/about_footer.jpg);
	background-repeat:no-repeat;
}

div.workfooter {
	background-image:url(../images/work_footer.jpg);
	background-repeat:no-repeat;
}

div.servicesfooter {
	background-image:url(../images/service_footer.jpg);
	background-repeat:no-repeat;
}

div.contactfooter {
	background-image:url(../images/contact_footer.jpg);
	background-repeat:no-repeat;
}
