body {
	background-repeat: repeat;
	background-image: url(images/backgroundr.png);
	margin: 0px;
        background-attachment: fixed;
	background-color: #F2F2F2;
}

#wrapper {
	width: 940px;
	margin: auto;
}

#logo {
	margin-left: 10px;
	margin-top: 12px;
	float: left;
	height: 54px;
	width: 419px;
	background-image: url(images/logotrans.png);
}

.navlink:hover {
	text-shadow: 0px 1px black;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.navlink:active { /*ONCE THE NAVIGATIONAL LINKS ARE CLICKED.*/
	text-shadow: 0px 1px black;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
	text-transform: none;
	color: #5e5f5f;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}


.navlinkon { /* THIS IS USED ON NAVIGATIONAL LINKS WHEN YOU'RE ON THAT CURRENT PAGE, IT GIVES IT A NICE GREY EFFECT. */
	text-shadow: 0px 1px black;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.navlink {
	text-shadow: 0px 1px black;
	margin-right: 7px;
	margin-left: 7px;
	float: left;
	text-decoration: none;
	text-transform: none;
	color: white;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#headercontainer {
	height: 70px;
	margin-top: 10px;
	width: 940px;
	margin-bottom: 10px;
	float: left;
}

#slideshowcontainer {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

#slideshowcontainer img { /* THIS REFERRENCES TO IMAGES INSIDE THE SLIDESHOWCONTAINER DIV */
	border-width: 0px;
	float: left;
}

.sectionline {
	background-color: #b3b3b3;
	float: left;
	height: 1px;
	width: 940px;
}

#infocontainer { /* CONTAINS INFORMATIONAL TEXT */
	margin-bottom: 3px;
	margin-top: 15px;
	width: 940px;
	float: left;
}

#abouttopcontainer { 
	margin-top: 15px;
	width: 940px;
	float: left;
}

h1 {
	margin-bottom: 3px;
	margin-top: 0px;
	text-shadow: 0px 1px white;
	color: black;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	margin-top: 0px;
	text-shadow: 0px 1px white;
	font-size: 24px;
	margin-bottom: 3px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.infotext { /* THE BIGGER TEXT USED FOR INFORMATIONAL TEXT. */
	line-height: 32px;
	color: #707073;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
}

span {
	color: black;
}

a {
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	color: black;
}

#infobuttoncontainer {
	margin-top: -18px;
	float: right;
}

#fancyboxcontainer {
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
}

.fancyboxcontainer {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}


.fancyboximgs {
	margin-left: 16px;
	border-width: 0px;
}

.fancyboximgs1 { /* THIS IS NEEDED FOR NO GAP ON THE FANCYBOX IMAGES! USE THIS CLASS ON THE *FIRST* OF ANY FANCYBOX IMAGES YOU USE/DO. */                                                        
	border-width: 0px;
}

#portfoliotextcontainer {
	margin-bottom: 15px;
	margin-top: 25px;
	float: left;
}

#lowertextcontainer {
	margin-bottom: 20px;
	margin-top: -20px;
	float: left;
}

#lowertextcontainer li { list-style: circle; font-weight: bold; font-size: 15px;  }

.lowertext { /* SMALLER TEXT USED FOR BOXES AND SMALLER TEXT IN GENERAL */
	text-shadow: 0px 1px white;
	float: left;
	margin-top: 3px;
	line-height: 26px;
	margin-bottom: 3px;
	color: #676a6b;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#floatboxright {
	margin-top: -3px;
	width: 260px;
	float: right;
}

.rightbox {
	margin-top: 20px;
	width: 260px;
	float: left;
}

#box1 {
	width: 460px;
	float: left;
}

#box2 {
	margin-left: 20px;
	width: 460px;
	float: left;
}

#box3 {
	margin-left: 20px;
	width: 300px;
	float: left;
}

#footercontainer {
	width: 940px;
	float: left;
	margin-top: 10px;
}

.footertext {
	text-shadow: 0px 1px white;
	color: #686868;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#bottomspacing {
	height: 40px;
	width: 940px;
	float: left;
}

#white { /* THIS IS NOT USED FOR ANYTHING, BUT CAN PUT A WHITE BOX ROUND YOUR CONTAINER IF YOU WANT. */
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	background-color: white;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

#portfoliocycle {
	float: right;
}

#leftcontent {
	width: 560px;
	float: left;
}

#topsectioncontainer {
	margin-bottom: 10px;
	margin-top: 17px;
	float: left;
	width: 940px;
}

.iconwrapper {
	margin-top: -3px;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	float: left;
}

.formbutton {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: 5px;
	text-shadow: 0px 1px black;
	color: white;
	border-width: 0px;
	padding-bottom: 6px;
	padding-top: 6px;
	background-repeat: no-repeat;
	background-image: url(images/buttons/1.png);
	height: 30px;
	width: 103px;
	float: left;
	text-align: center;
}

.formbutton:hover {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: 5px;
	color: white;
	border-width: 0px;
	background-image: url(images/buttons/1hover.png);
	height: 30px;
	width: 103px;
	float: left;
}

.button {
	padding-bottom: 6px;
	padding-top: 6px;
	background-repeat: no-repeat;
	background-image: url(images/buttons/1.png);
	margin: 3px;
	height: 30px;
	width: 103px;
	float: left;
	text-align: center;
}

.buttonlink {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	text-shadow: 0px 1px black;
	color: white;
	font-size: 14px;
	font-family: Arial, Helvetica;
}

.button:hover {
	background-image: url(images/buttons/1hover.png);
	margin: 3px;
	height: 30px;
	width: 103px;
	float: left;
}

#leftcontentcontainer {
	margin-top: 15px;
	width: 650px;
	float: left;
}

#wholecontentcontainer {
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	width: 940px;
}

.inputmagic {
	padding-top: 2px;
	font-weight: bold;
	color: #585858;
	font-size: 15px;
	font-family: Arial, sans-serif, Helvetica;
	margin-top: 5px;
	background-color: white;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #a3a3a3;
	border-width: 1px;
	border-style: solid;
	height: 30px;
	width: 400px;
}

.inputbig {
	padding-top: 3px;
	line-height: 21px;
	font-weight: bold;
	color: #585858;
	font-size: 15px;
	font-family: Arial, sans-serif, Helvetica;
	margin-top: 5px;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #a3a3a3;
	border-width: 1px;
	border-style: solid;
	height: 200px;
	width: 500px;
	margin-bottom: 10px;
}

label {
	margin-top: 8px;
	color: #454545;
	margin-bottom: 8px;
	font-size: 15px;
	font-family: Arial, sans-serif, Helvetica;
}

#navmiddle {
	padding-bottom: 18px;
	background-repeat: repeat-x;
	padding-top: 18px;
	height: 57px;
	float: left;
	background-image: url(images/navmiddle.png);
	list-style: none;
	display: inline;
	margin: 0px;
	padding-left: 0px;
}

#navmiddle li {
	display:inline;
	list-style: none;
}


#navright {
	height: 57px;
	width: 7px;
	float: left;
	background-image: url(images/navright.png);
}

#navleft {
	height: 57px;
	width: 7px;
	float: left;
	background-image: url(images/navleft.png);
}

#navigationcontainer {
	margin-top: 8px;
	height: 57px;
	float: right;
}

#contacttopwrapper {
	margin-top: -5px;
	margin-bottom: 20px;
	float: left;
}

#iconwrapper {
	margin-left: 2px;
	margin-top: 7px;
	float: left;
}

.imgstyle {
	border-color: #7b7b7b;
	border-style: solid;
	border-width: 4px;
}

#bottomaboutinfo {
	float: left;
	margin-bottom: 20px;
}

.articlecontainer {
	margin-top: 20px;
	float: left;
}

#backgroundtop {
	height: 52px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(images/backgroundtopr.png);
}