/* **********menu pages********** */
body.menu
{ 
font-family:"Trebuchet MS";
color:#ffffff;
margin:0px;
background-color:#000000;
background-image:url('images/bgPattern.jpg');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
}

.bg
{
position:absolute;
width:968px;
height:608px;
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:auto;
background-image:url('images/bgPattern.jpg');
background-repeat:no-repeat;
background-position:center;
}

/* **********pic pages********** */
body.pic
{ 
font-family:"Trebuchet MS";
color:#ffffff;
margin:0px;
background-color:#000000;
background-image:url('images/bgBlack.jpg');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
}

.bgPic
{
position:absolute;
width:968px;
height:608px;
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:auto;
background-image:url('images/bgBlack.jpg');
background-repeat:no-repeat;
background-position:center;
}

/* **********Global styles********** */
.content
{
position:absolute;
width:960px;
height:600px;
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:auto;
}

.image
{
position:absolute;
width:950px;
height:460px;
left:5px;
top:85px;
border-width:0px;
border-style:solid;
border-color:#FFFFFF;
overflow:hidden;
text-align:center;
}

h1
{
font-size:18px;
letter-spacing:4px;
margin-top:18px;
margin-bottom:0px;
}

p
{
font-size:12px;
color:#FFFFFF;
margin:0;
}

img
{
border-width:0px;
}

.thumbnailImg
{
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
}

.introduction
{
position:absolute;
top:40px;
left:10px;
width:290px;
height:396px;
overflow:hidden;
text-align:justify;
}

a:link
{
color:#FFFFFF;
text-decoration:none;
}

a:visited
{
color:#FFFFFF;
text-decoration:none;
}
 
a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

/* ***********Navagaion Bar********** */
.navigation
{
position:absolute;
width:960px;
height:40px;
left:0px;
top:4px
}

ul
{
display:inline;
margin:0px;
padding:0px;
}

li
{
display:inline;
margin:0px;
padding:0px;
}

/* **the words gallery and portfolio** */
.menuHead
{
font-style:italic;
font-weight:500;
font-size:18pt;
padding:12px;
}

/* **the links in the main menu** */
.menuItem
{

font-weight:400;
font-style:italic;
font-size:11pt;
padding:12px;
}

.imageNavBarLeft
{
position:absolute;
width:200px;
height:35px;
left:180px;
top:41px;
overflow:hidden;
background-image:url('images/imageLeft.jpg');
}

.imageNavBarCenter
{
position:absolute;
width:200px;
height:35px;
left:380px;
top:41px;
overflow:hidden;
background-image:url('images/imageCenter.jpg');
}

.imageNavBarRight
{
position:absolute;
width:200px;
height:35px;
left:580px;
top:41px;
overflow:hidden;
background-image:url('images/imageRight.jpg');
}

.navBarLeft
{
position:absolute;
width:200px;
height:35px;
left:180px;
top:40px;
overflow:hidden;
background-image:url('images/navLeft.jpg');
}

.navBarCenter
{
position:absolute;
width:200px;
height:35px;
left:380px;
top:40px;
overflow:hidden;
background-image:url('images/navCenter.jpg');
}

.navBarRight
{
position:absolute;
width:200px;
height:35px;
left:580px;
top:40px;
overflow:hidden;
background-image:url('images/navRight.jpg');
}

.subNavBarLink
{
font-size:9pt;
text-align:center;
font-weight:bold;
line-height:30px;
}

/* ********Index page******** */

.index
{
position:absolute;
width:960px;
height:510px;
left:0px;
top:45px;
background-image:url('images/bgMainIndex.jpg');

}

.indexCenter
{
position:absolute;
width:330px;
height:430px;
left:310px;
top:40px;
}

/* *********Fractal Page******* */
.fractalThumbnail
{
width:143px;
height:66px;
float:left;
margin:5px 0px 5px 9px;
overflow:hidden;
}

.fractalAnimations
{
position:absolute;
width:163px;
height:498px;
left:10px;
top:50px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/fractalLeft.jpg');
overflow:hidden;
}

.fractalHeader
{
width:163px;
height:37px;
line-height:37px;
}

.fractalStills
{
position:absolute;
width:770px;
height:498px;
left:180px;
top:50px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/fractalMain.jpg');
overflow:hidden;
}

.fractalInfo
{
width:295px;
height:138px;
float:left;
margin:5px 0px 5px 9px;
overflow:hidden;
line-height:15px;
text-align:justify;
}

/* ************Photography************ */
.photoLeft
{
position:absolute;
width:310px;
height:468px;
left:5px;
top:80px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/photoLeft.jpg');
overflow:hidden;
}

.photoCenter
{
position:absolute;
width:310px;
height:468px;
left:325px;
top:80px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/photoCenter.jpg');
overflow:hidden;
}

.photoRight
{
position:absolute;
width:310px;
height:468px;
left:645px;
top:80px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/photoRight.jpg');
overflow:hidden;
}

.photoMain
{
position:absolute;
width:960px;
height:468px;
top:80px;
overflow:hidden;
}

.galleryMain
{
position:absolute;
width:960px;
height:480px;
top:74px;
background-image:url('images/bgPhotoTaller.jpg');
overflow:hidden;
}

.photoThumbs
{
position:absolute;
width:632px;
height:373px;
top:53px;
left:271px;
overflow:auto;
}

.photoZoom
{
position:absolute;
width:633px;
height:376px;
top:51px;
left:270px;
overflow:hidden;
background-color:#000000;
}

.galleryContainer
{
display:inline;
float:left;
margin:10px 6px 2px 6px;
width:466px;
height:140px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
overflow:hidden;
background-image:url('images/bgGalleryThumbnails.jpg');
}

.galleryThumbContainer
{
margin:7px 6px 0px 7px;
width:450px;
height:104px;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
overflow:hidden;
}

.galleryTitleContainer
{
margin:0px 6px 0px 20px;
width:430px;
height:32px;
overflow:hidden;
}

.photoThumbnail
{
width:104px;
height:92px;
float:left;
margin:5px 1px 0px 6px;
overflow:hidden;
}

.galleryThumbnailImg
{
width:104px;
height:92px;
float:left;
margin:13px 3px 3px 13px;
overflow:hidden;
}

.galleryFeature
{
position:absolute;
width:214px;
height:394px;
top:43px;
left:46px;
overflow:hidden;
}

.galleryFeatureTextBox
{
position:absolute;
width:148px;
height:290px;
top:84px;
left:83px;
overflow:hidden;
}

.galleryFeatureHeader
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:28px;
}

.galleryFeatureText
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
text-indent:4px;
}

.galleryFeatureTitleDiv
{
position:absolute;
width:180px;
height:22px;
top:106px;
left:62px;
text-align:center;
}

.galleryFeatureTitle
{
font-size:18px;
font-style:italic;
color:#000000;
letter-spacing:-1px;
}

.galleryTitle
{
font-size:20px;
}

.thumbContainer
{
position:absolute;
width:310px;
height:409px;
top:34px;
}

.photoHeader
{
width:310px;
height:33px;
line-height:33px;
overflow:hidden;
}

.photoFooter
{
position:absolute;
top:444px;
width:310px;
height:26px;
overflow:hidden;
}

.table
{
border:0px;
width:100%;
height:100%;
padding:0px;
border-collapse:collapse;
border-spacing:0px;
text-align:center;
}


.photoThumbnailW
{
width:276px;
height:100px;
text-align:center;
float:left;
margin:24px 0px 0px 16px;
overflow:hidden;
}

.photoThumbnailH
{
width:130px;
height:224px;
text-align:center;
float:left;
margin:24px 0px 0px 16px;
overflow:hidden;
}

/* ***********Graphic Design********** */

.design
{
position:absolute;
top:40px;
left:13px;
width:290px;
height:396px;
overflow:hidden;
}

.designPicture
{
width:284px;
height:248px;
overflow:hidden;
text-align:center;
}

.designTD
{
width:284px;
height:248px;
text-align:center;
}

.designText
{
width:282px;
height:130px;
margin-top:9px;
overflow:auto;
}

.designP
{
width:256px;
text-align:left;
}

/* **********Main Formatting********** */
.locDateRight
{
color:#C7B299;
text-indent:20px;
direction:rtl;
font-size:8pt;
}

.locDateCenter
{
color:#C7B299;
text-align:center;
font-size:8pt;
}

.locDateLeft
{
color:#C7B299;
text-indent:20px;
direction:ltr;
font-size:8pt;
}

/* **********Resume********** */
.resumeLeft
{
position:absolute;
width:302px;
height:460px;
padding:4px;
left:5px;
top:80px;
color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/transBlack.png');
overflow:hidden;
}

.resumeCenter
{
position:absolute;
width:302px;
height:460px;
padding:4px;
left:325px;
top:80px;
color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/transBlack.png');
overflow:hidden;
}

.resumeRight
{
position:absolute;
width:302px;
height:460px;
padding:4px;
left:645px;
top:80px;
color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-image:url('images/transBlack.png');
overflow:hidden;
}

.resumeH1
{
font-size:18px;
letter-spacing:0px;
margin:-2px 0px 6px 0px;
}

.resumeH2
{
font-size:14px;
letter-spacing:0px;
color:#f3ebe0;
margin:-4px 4px 0px 4px;
}

.resumeH3
{
font-size:13px;
letter-spacing:0px;
color:#f3ebe0;
margin:-3px 4px 0px 4px;
}

.spanH2
{
font-size:12px;
color:#f3ebe0;
float:right;
margin:0px 0px -4px 0px;
font-weight:normal;
}

.resumeUl
{
font-size:12px;
display:block;
margin:0px 12px 12px 12px;
padding:0px;
font-weight:normal;
}

.resumeLi
{
display:block;
color:#ddd0c0;
line-height:13px;
text-indent:-2px;
margin:5px 0px 0px 0px;
padding:0px;
font-weight:normal;
}

.pdfLink
{
position:relative;
width:952px;
height:26px;
top:48px;
left:5px;
background-image:url('images/transBlack.png');
overflow:hidden;
text-align:center;
padding:2px 0px 0px 0px;

}

.pdfLink a
{
font-size:16px;
font-weight:bold;
padding:1px 328px 3px 329px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
}

.pdfLink a:hover
{
color:#000000;
font-size:16px;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
padding:1px 328px 3px 329px;
border-width:1px;
border-style:solid;
border-color:#000000;
}

/* **andrewmcconville.com link at bottom** */
.linkdiv
{
position:absolute;
width:880px;
height:26px;
left:80px;
top:570px;
}

.link
{
font-size:12px;
font-weight:800;
vertical-align:text-top;
float:left;
}

/* **email link at bottom** */
.email
{
font-size:12px;
font-weight:800;
vertical-align:text-top;
float:right;
}