* {margin:0; padding:0;}

a:link { color: #f58121; outline: none; text-decoration: none; }
a:active { color: #f58121; outline: none; text-decoration: none; }
a:visited { color: #f58121; outline: none; text-decoration: none; }
a:hover { color: #f58121; outline: none; text-decoration: underline; }

img {border:0;}

body {
padding-top:19px;
background:#fff url(../Resources/bg.jpg);
background-repeat:repeat-x;
background-position:left top;
}
html {
overflow: auto; /* removes dormant vertical scrollbar in ie */
}
#page {
margin:auto;
width:765px;
height:595px;
background:#fff;
border:2px solid #000;
}
#header {
position: absolute;
width:765px;
height:99px;
background:#fff200;
}
#header img {
position: absolute;
margin:12px 0 0 174px;
}
#maincontent {
position: absolute;
margin-top: 99px;
width:765px;
height:428px;
background:#fff;
font-family:times, serif;
font-size:90%;
line-height:1.5;
}
#footer {
position: absolute;
margin-top: 527px;
width:765px;
height:60px;
padding-top:8px;
background:#fff200;
}
#footer ul {
list-style-type: none;
}
#footer ul li.first {
margin-left: 0;
display: inline;
}
#footer ul li {
margin-left: -4px;
display: inline;
}
.button {
margin:0 -.2em 0 0;
}
#hethlogo {
float:right;
margin:-72px 35px 0 0;
}
#copyright {
position: absolute;
margin-top: 610px;
width: 765px;
font-family:times, serif;
font-size:80%;
text-align:center;
color:#00b9f2;
}
#copyright p {
width: 100%;
text-align: center;
}
.maintext {
margin:.5em 0 0 0;
font-family:times, serif;
font-size:80%;
line-height:1.4;
text-align:left;
color:#000;
}
.title {
position: absolute;
margin:80px 0 0 425px;
z-index: 300;
}
#boundaries {
margin:45px 0 0 0;
}
#introtext {
position: absolute;
margin:54px 0 0 352px;
width:320px;
}
ul#social_med {
position: absolute;
margin-top: 498px;
margin-left: 500px;
list-style-type: none;
z-index: 200;
}
ul#social_med li {
display: inline;
}
/*****HOME*****/

#home #header {
width:765px;
height:155px;
background:#fff200;
}
#home #header img {
margin:18px 0px 0 61px;
}
#home .title {
margin-top:135px;
}
#home #maincontent {
margin-top: 155px;
width:765px;
height:372px;
}
#home #maincontent #hethonbeach {
position: absolute;
margin:50px 0 0 100px;
border:1px solid #000;
}
/*
#home #maincontent ul#social_med {
position: absolute;
margin-top: 340px;
margin-left: 500px;
list-style-type: none;
}
*/

/*****CLIENTS******/

#clients #column1 {
float:left;
margin-top: 100px;
margin-left: 77px;
width:200px;
}
#clients #column2 {
float:left;
margin-top: 55px;
width:210px;
}
#clients #column3 {
float:left;
margin-top: 100px;
width:200px;
}
#clients #column1 ul{
/*margin:100px 0 0 5em;*/
text-align:left;
list-style-type:none;
}
#clients #column3 ul {
/*margin:45px 5em 0 0;*/
list-style-type:none;
text-align:right;
}

/*****CONTACT*****/

#contact .pic1 {
float:left;
/*margin:100px 0 0 0;*/
}
#contact .pic2 {
float:left;
margin:25px 0 0 0;
}
#contact #column1 {
float:left;
margin-top: 100px;
margin-left: 77px;
width:200px;
}
#contact #column2 {
float:left;
margin-top: 100px;
width:210px;
/*padding:50px 0 0 0*/;
}
#contact #column3 {
float:left;
margin-top: 100px;
width:200px;
}
#contact #column1 ul{
/*margin:100px 0 0 5em;*/
text-align:left;
list-style-type:none;
}
#contact #column3 ul {
/*margin:100px 5em 0 0;*/
list-style-type:none;
text-align:right;
}
#contact .contact {
text-align:center;
}

/****LINKS*****/

#links #column1 {
float:left;
margin-top: 100px;
margin-left: 77px;
width:200px;
}
#links #column2 {
float:left;
margin-top: 100px;
width:210px;
/*padding:50px 0 0 0*/;
}
#links #column3 {
float:left;
margin-top: 100px;
width:200px;
}
#links .links {
font-family:times, serif;
font-size:95%;
line-height:1.2;
}
#links .links2 {
font-family:times, serif;
font-size:95%;
line-height:1.2;
font-weight:500;
}
#links #fear {
float: left;
}

/****PORTFOLIO****/

.portfolio #thumbs {
float:left;
width:276px;
height:267px;
margin:51px 0 0 85px;
}
.portfolio #thumbs ul {
float: left;
list-style-type: none;
}
.portfolio #thumbs ul li {
float: left;
}
.portfolio #thumbs ul li img {
margin:0 4px 0 0;
border:1px solid #000;
}
.portfolio #picbox {
float:right;
margin:23px 22px 0 0;
width:359px;
height:359px;
}
.portfolio #morestuff {
float: left;
margin:20px 0 0 71px;
}
.portfolio #morestuff img {
border: none;
}