body {
	font-family: Palatino, Courier New, Courier, serif;
	background-color: #6d6b32;


	
}

#body-frame-gd {
margin:15px;
width: 1200px;
height: 650px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

a:link {color: #abab88;
text-decoration:none;}
a:visited {color: #abab88;
text-decoration:none;}
a:hover {color: #fff;}

#bio-text {
margin-left:250px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
color: #a3a381;
width: 560px;
font-size:16px;
height: 360px;
padding:7px;
border-style:solid;
border-width: 2px;
border-color: #959570;
line-height:18px;
}

#contact-text {
margin-left:250px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
color: #a3a381;
width: 560px;
font-size:16px;
height: 100px;
padding:7px;
border-style:solid;
border-width: 2px;
border-color: #959570;
line-height:18px;
}

#mg-box {
margin-left:250px;
width: 588px;
height: 410px;
padding-top:7px;
padding-left:0px;
border-style:solid;
border-width: 2px;
border-color: #959570;
line-height:18px;
}


.class1 a:link {text-decoration: none;}
.class1 a:visited {text-decoration: none;}
.class1 a:active {text-decoration: none; }
.class1 a:hover {text-decoration: none; color:#dfdfc4;}



#resume{
position:absolute;
z-index:99;
top:385px;
left:285px;
color: #c9c9c7;
width: 150px;
font-size:17px;




}

#mg{
margin-top:10px;
margin-left:250px;
margin-bottom:5px;
color: #d2d2d0;
width: 250px;
font-size:20px;
letter-spacing: 2px;



}

#contact{
margin-top:10px;
margin-left:250px;
color: #d2d2d0;
width: 150px;
font-size:20px;
letter-spacing: 2px;



}

#bio{
margin-top:10px;
margin-left:250px;
color: #d2d2d0;
width: 150px;
font-size:20px;
letter-spacing: 2px;



}

#body-frame {
margin:15px;
width: 970px;
height: 580px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}


#boxes {
width:677px;
height:179px;
position:absolute;
z-index:99;
top: 120px;
left:270px;


}
#sorry-text-1 {

margin-top:100px;
font-size:14px;
text-align:center;

width: 320px;
height: 70px;
color: #959570;
margin-right:auto;
margin-left:auto;
}

#photography-frame {
margin:15px;
width: 970px;
height: 580px;
border-style:solid;
border-width: 2px;
border-color: ##333333;
}



#menu {

width:235px;
height:180px;
margin-top: 10px;
padding-left:12px;
float:left;
}

#title {
margin:10px;
padding-left:4px;
width: 403px;
height: 79px;
}
#title-interactive {
position:absolute;
z-index:80;
width: 404px;
height: 79px;
top: 28px;
left:25px;
}
#frame1 {
position:absolute;
z-index:80;
width: 286px;
height: 184px;
top: 110px;
left:263px;
}
#frame2 {
position:absolute;
z-index:80;
width: 286px;
height: 184px;
top: 110px;
left:491px;
}
#frame3 {
position:absolute;
z-index:80;
width: 286px;
height: 184px;
top: 110px;
left:719px;
}
#molecule {
position:absolute;
width: 214px;
height: 146px;
top: 325px;
left:100px;
}

#sorry-text-2 {

font-size:1.2em;
width: 200px;
height: 204px;
color: #959570;
margin-right:auto;
margin-left:auto;
}
#interactive-1 {
position:absolute;
width: 309px;
height: 204px;
top: 110px;
left:280px;
padding:8px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}
#interactive-2 {
position:absolute;
width: 309px;
height: 204px;
top: 110px;
left:620px;
padding:8px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}
#interactive-text-1 {
position:absolute;
width: 317px;
height: 22px;
top: 340px;
left:280px;
color: #abab88;
font-size:18px;
text-align:right;
padding:4px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}
#interactive-text-2 {
position:absolute;
width: 317px;
height: 22px;
top: 340px;
left:620px;
color: #abab88;
font-size:18px;
text-align:right;
padding:4px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#interactive-text-3 {
position:absolute;
z-index:99;
width: 508px;
height: 75px;
top: 500px;
left:270px;
color: #abab88;
font-size:16px;
text-align:left;
font-family:"Palantino",Georgia, "Times New Roman", Times, serif;
padding:4px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#interactive-sub-1 {
position:absolute;
width: 450px;
height: 450px;
top: 110px;
left:280px;
padding:8px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#interactive-sub-3 {
position:absolute;
width: 501px;
height: 371px;
top: 100px;
left:270px;
padding:8px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#interactive-sub-text-1 {
position:absolute;
width: 180px;
height: 453px;
top: 110px;
left:760px;
color: #abab88;
font-size:18px;
text-align:left;
line-height:24px;
letter-spacing:1px;
padding:7px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}
#line {
position:absolute;
z-index:99;
width: 20px;
height: 17px;
top: 195px;
left:480px;
}
#line-2 {
position:absolute;
z-index:99;
width: 20px;
height: 17px;
top: 195px;
left:708px;
}

#web-left-frame {
position:absolute;
z-index:99;
width: 300px;
height: 208px;
top: 120px;
left:270px;
padding:7px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#web-right-frame {
position:absolute;
z-index:99;
width: 300px;
height: 208px;
top: 120px;
left:600px;
padding:7px;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#web-1 {
position:absolute;
z-index:99;
width: 619px;
height: 513px;
top: 120px;
left:250px;
}
#web-text-1 {
position:absolute;
width: 308px;
height: 22px;
top: 353px;
left:268px;
color: #abab88;
font-size:18px;
text-align:right;
padding:4px;
border-style:solid;
border-width: 2px;
border-color: #959570;
text-decoration:none;
}
#web-text-2 {
position:absolute;
width: 308px;
height: 22px;
top: 353px;
left:600px;
color: #abab88;
font-size:18px;
text-align:right;
padding:4px;
border-style:solid;
border-width: 2px;
border-color: #959570;
text-decoration:none;
}



#video-1 {
position:absolute;
z-index:99;
width: 410px;
height: 350px;
top: 120px;
left: 325px;
padding:5px;
border-style:solid;
border-width: 2px;
border-color: #959570;
text-decoration:none;

}
#motion-text-1 {
position:absolute;
width: 412px;
height: 22px;
top: 488px;
left:322px;
color: #abab88;
font-size:18px;
text-align:right;
padding:6px;
border-style:solid;
border-width: 2px;
border-color: #959570;
text-decoration:none;
}

*****************GRAPHIC DESIGN**************



#gd-box {
margin:15px;
position:absolute;
z-index:95;
width: 805px;
height: 604px;
top: 120px;
left:270px;
background-color:#fff;
border-style:solid;
border-width: 2px;
border-color: #959570;
}

#graphic-design-sub-1 {
float:left;
width: 345px;
height: 504px;
background-image:url('http://timoyerdesign.com/portfolio/images/graphic-design-f.jpg');
background-color:#fff;
}
#graphic-design-sub-2 {
float:right;
width: 399px;
height: 280px;
margin-top:220px;
background-image:url('http://timoyerdesign.com/portfolio/images/graphic-design-b.jpg');
background-color:#fff;
}