@charset "utf-8";
/* CSS Document */



body {

margin: 0;
padding: 0;
background-color: white;
color: white;
background-image: url(graphics/bg_gradient.jpg);
background-repeat: repeat-x;
font: Trebuchet MS, Verdana, Helvetica, sans-serif;

}

#wrapper {
background-color: none;
margin-left: auto;
margin-right: auto;
margin-top: 103px;
width: 950px;
height: 1378px;
position: relative;
top: 0px;
}

#wrapper .topimage {
background-image: url(graphics/cork_top_image.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 950px;
height: 240px;
position: relative;
top: 0px;
}

#wrapper .middleimage {
background-image: url(graphics/cork_middle_image.jpg);
background-repeat: repeat-y;
margin-left: 4px;
margin-right: auto;
margin-top: -4px;
width: 950px;
height: 1153px;
position: relative;
top: 0px;
}

#wrapper .middleimage .leftImage {
background-image: url(graphics/frameLeft_image.png);
background-repeat: repeat-y;
margin-left: -4px;
width: 10px;
height: 1153px;
position: absolute;
top: 0px;
}

#wrapper .middleimage .rightImage {
background-image: url(graphics/frameRight_image.png);
background-repeat: repeat-y;
margin-left: 936px;
width: 10px;
height: 1153px;
position: absolute;
}

#wrapper .bottomimage {
background-image: url(graphics/cork_bottom_image.png);
background-repeat: no-repeat;
margin-left: -4px;
margin-right: auto;
margin-top: 1153px;
width: 950px;
height: 30px;
position: absolute;
top: 0px;
}

#gallery {
background-color: none;
background-position: top;
margin: 80px 0px 0px 45px;
width: 950px;
height: 900px;
position: absolute;
}

#logo {
margin: 35px 0px 0px 50px;
width: 438px;
height: 103px;
position: absolute;
}

#nametag_image {
background-image: url(graphics/nametag_image2.png);
background-repeat: no-repeat;
width: 373px;
height: 244px;
margin: -103px 0px 0px 525px;

position: relative;
}

#title_image {
background-image: url(graphics/recent_works_title.png);
background-repeat: no-repeat;
margin: -30px 0px 0px 60px;
width: 411px;
height: 92px;
position: absolute;
}

#contact {
background-image: none;
background-repeat: no-repeat;
margin: -20px 0px 0px 650px;
width: 220px;
height: 89px;
position: absolute;
}

#footer {
font-size: 0.70em;
line-height: 1.2em;
color:#CACACA;
margin: 60px 0 0 0;
width: 950px;
Height: 80px;
position: absolute;
}



 NAV LINK WEB DESIGN LINK-

.webdesignLink
{
font-family: arial, helvetica, sans-serif;
background-image: url(graphics/webdesign_link_over.png);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 63px;
height: 25px;
margin: 20px 0 0 0;
padding: 0;
position: relative;
}

.webdesignLink a
{
display: block;
color: #000000;
font-size: 11px;
width: 63px;
height: 25px;
display: block;
color: black;
text-decoration: none;
position: absolute;
margin: 85px 0 0 198px;;
}

.webdesignLink img
{
width: 63px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.webdesignLink a:hover img
{
visibility:hidden
}

.webdesignLink span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

 NAV PHOTOGRAPHY LINK 


.photographyLink
{
font-family: arial, helvetica, sans-serif;
background-image:  url(graphics/photography_link_over.png);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 31px;
margin: 0px 0 0 0;
padding: 0;
position: absolute;
}

.photographyLink a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 31px;
display: block;
color: black;
text-decoration: none;
position: absolute;
margin: 162px 0 0 136px;;
}

.photographyLink img
{
width: 85px;
height: 31px;
border: 0
}

* html a:hover
{
visibility:visible
}

.photographyLink a:hover img
{
visibility:hidden
}

.photographyLink span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


 NAV PHOTOGRAPHY LINK 


.threedModelingLink
{
font-family: arial, helvetica, sans-serif;
background-image:  url(graphics/3dModeling_link_over.png);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 29px;
margin: 0px 0 0 0;
padding: 0;
position: absolute;
}

.threedModelingLink a
{
display: block;
color: #000000;
font-size: 11px;
width: 91px;
height: 29px;
display: block;
color: black;
text-decoration: none;
position: absolute;
margin: 147px 0 0 250px;;
}

.threedModelingLink img
{
width: 91px;
height: 29px;
border: 0
}

* html a:hover
{
visibility:visible
}

.threedModelingLink a:hover img
{
visibility:hidden
}

.threedModelingLink span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


 PROJECT HOLDERS 


#project_holder {
margin: 0px 0px 0px 0px;
width: 400px;
height: 260px;
position: absolute;
} 

#project_holder2 {
margin: 0px 0px 0px 50px;
width: 400px;
height: 260px;
position: absolute;
}

#project_holder3 {
margin: 225px 0px 0px -390px;
width: 400px;
height: 260px;
position: absolute;
}

#project_holder4 {
background-color: none;
background-position: top;
margin: 225px 0px 0px 40px;
width: 400px;
height: 260px;
position: absolute;
}

#project_holder5 {
background-color: none;
background-position: top;
margin: 450px 0px 0px -400px;
width: 400px;
height: 260px;
position: absolute;
}

#project_holder6 {
	background-color: none;
	background-position: top;
	margin: 475px 0px 0px 50px;
	width: 400px;
	height: 260px;
	position: absolute;
	left: 400px;
	top: 9px;
}

#project_holder7 {
background-color: none;
background-position: top;
margin: 700px 0px 0px -390px;
width: 400px;
height: 260px;
position: absolute;
}

#project_holder8 {
background-color: none;
background-position: top;
margin: 720px 0px 0px 45px;
width: 400px;
height: 260px;
position: absolute;
}

<!-- BOTTOM NAVIGATION --> 

<!--PAGE 1 --> 


#pageOne {
margin: 0 0 0 0;
width: 400px;
height: 200px;
position: absolute;
}

.pageOne {
background-image:  url(graphics/page_one_active.png);
background-repeat: no-repeat;
width: 43px;
height: 44px;
margin: 1075px 0 0 415px;
position: absolute;
}

.pageOne a
{
display: block;
color: #000000;
font-size: 11px;
width: 43px;
height: 44px;
display: block;
color: black;
text-decoration: none;
position: absolute;
margin: 0px 0 0 0px;
}

.pageOne img{
width: 43px;
height: 44px;
}

* html a:hover
{
visibility:visible
}

.pageOne a:hover img
{
visibility:hidden
}

<!-- PAGE 2 --> 

#pageTwo {
margin: 0 0 0 0;
width: 44px;
height: 44px;
position: absolute;
}

.pageTwo {
background-image:  url(graphics/page_two_active.png);
background-repeat: no-repeat;
width: 44px;
height: 44px;
margin: 1075px 0 0 475px;
position: absolute;
}

.pageTwo a
{
display: block;
color: #000000;
font-size: 11px;
width: 44px;
height: 44px;
display: block;
color: black;
text-decoration: none;
position: absolute;
margin: 0px 0 0 0px;
}

.pageTwo img{
width: 43px;
height: 44px;
}

.pageTwo a:hover img
{
visibility:hidden
}