html { 
min-height: 100%; 
margin-bottom: 1px; 
}
body {
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:13px;
line-height:19px;
color:#404040;
background: #ffffff url('../images/spacer.gif') no-repeat center top;
margin:0px;
padding:0px;
}
h1 {
font-family: Times New Roman, Georgia, Times, serif;
font-style:italic;
font-variant:normal;
font-weight:normal;
font-size:32px;
line-height:50px;
color:#c89f24;
display:inline;
text-shadow: 3px 3px 4px #ffffff;
}
h2 {
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:20px;
line-height:24px;
color:#22228f;
display:inline;
}
h3 {
font-family: Times New Roman, Georgia, Times, serif;
font-style:italic;
font-variant:normal;
font-weight:normal;
font-size:32px;
line-height:50px;
color:#22228f;
display:inline;
}
#designarea{
position:absolute;
width:1000px;
height:700px;
top: 50%;
left: 50%;
margin-top: -350px; /*set to a negative number 1/2 of your height*/
margin-left: -500px; /*set to a negative number 1/2 of your width*/
text-align:left;
font-size:13px;
line-height:19px;
}
#logo{
position:absolute;
left:421px;
top:248px;
width:158px;
height:205px;
}
#services{
position:absolute;
left:21px;
top:21px;
width:413px;
height:683px;
background: url('../images/content_left.png') top left no-repeat;
}
#about{
position:absolute;
left:571px;
top:21px;
width:427px;
height:683px;
background: url('../images/content_right.png') top left no-repeat;
}
#portfolio{
position:absolute;
left:21px;
top:-9px;
width:977px;
height:270px;
background: url('../images/content_top2.png') top left no-repeat;
z-index:100;
}
#portfolio_items{
width:938px;
height:154px;
overflow:auto;
}
#contact {
position:absolute;
left:21px;
top:445px;
width:958px;
height:235px;
z-index:300;
text-align:center;
background:#ffffff;
}
#contactinfo{
font-family: Times New Roman, Georgia, Times, serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:15px;
line-height:19px;
}
.smallcaps{
font-size:11px;
font-variant:small-caps;
}
#text_services, #text_about {
width:320px;
}
.dividingline{
width:320px;
height:8px;
}
#text_services {
margin: 5px 0 0 18px;
}
#text_about {
margin: 5px 0 0 70px;
}
#text_portfolio {
margin: 5px 0 0 18px;
height:204px;
overflow:hidden;
}
#text_contact {
margin: 0;
}
#pic_robb{
position:absolute;
top:60px;
right:35px;
z-index:200;
width:156px;
height:200px;
}
#mm_portfolio, #mm_services, #mm_about, #mm_contact {
position:absolute;
z-index:200;
}
#mm_portfolio, a.butt_portfolio{
left:429px;
top:206px;
width:142px;
height:50px;
}
#mm_services, a.butt_services{
left:379px;
top:256px;
width:50px;
height:189px;
}
#mm_about, a.butt_about{
left:571px;
top:256px;
width:50px;
height:189px;
}
#mm_contact, a.butt_contact{
left:429px;
top:445px;
width:142px;
height:50px;
}
a, a:focus {
outline:none;
}
* :focus {
outline: none;
}
a.butt_portfolio, a.butt_services, a.butt_about, a.butt_contact, a.butt_logo {
display:block;
}
a.butt_portfolio:link, a.butt_portfolio:visited, a.butt_portfolio:active { background: url('../images/butt_portfolio.png') left top no-repeat;}
a.butt_portfolio:hover { background: url('../images/butt_portfolio.png') 0 -50px no-repeat;}
a.butt_services:link, a.butt_services:visited, a.butt_services:active { background: url('../images/butt_services.png') left top no-repeat;}
a.butt_services:hover { background: url('../images/butt_services.png') -50px 0 no-repeat;}
a.butt_about:link, a.butt_about:visited, a.butt_about:active { background: url('../images/butt_about.png') left top no-repeat;}
a.butt_about:hover { background: url('../images/butt_about.png') -50px 0 no-repeat;}
a.butt_contact:link, a.butt_contact:visited, a.butt_contact:active { background: url('../images/butt_contact.png') left top no-repeat;}
a.butt_contact:hover { background: url('../images/butt_contact.png') 0 -50px no-repeat;}
a.butt_contactselected:link, a.butt_contactselected:visited, a.butt_contactselected:active { background: url('../images/butt_contact.png') 0 -50px no-repeat;}
a.butt_contactselected:hover { background: url('../images/butt_contact.png') 0 -50px no-repeat;}
a:link, a:visited, a:active {color: #c89f24; text-decoration: underline;}
a:hover {color: #22228f; text-decoration: none;}

.imageicon {
display:block;
margin-bottom:3px;
}
A.imageicon:link {border: #c89f24 2px solid;}
A.imageicon:visited {border: #c89f24 2px solid;}
A.imageicon:hover {border: #22228f 2px solid;}
A.imageicon:active {border: #c89f24 2px solid;}
.portfolio_item {
float:left;
text-align:center;
margin-right:15px;
margin-top:5px;
font-size:11px;
line-height:14px;
}