/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-325px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:768px;clear:left;background-color:#352d2b; }
p {margin-bottom:15px}
/* /position_center */

/*#body { background-color:#352d2b; height:100%; width:768px; position: relative; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit; }*/


/*For When CSS is turned Off*/
span.hidetext {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.hidetext {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
ul li {list-style: none;}

body{background: #000 url(images/background.gif) center center;padding:0;margin:0;font-size:0.6em;color:#ffffff;font-family:verdana;}

a {color:#ffffff}
.clear{clear:both;}

#logo {padding-top:25px;padding-left:13px;}
#logo a{width:154px;height:93px;background: url(images/logo_grahamSwift.gif) center no-repeat;display:block;}

#TopContent {background-color:#52453f;height:157px;width:768px;}
#MainContent {width:760px;height:100%;background-color:#ffffff;border:4px solid #52453f}
#AboutContent, #ContactContent {width:675px;height:396px;background: #352d2b url(images/bg_about.gif) top left no-repeat;margin-top:53px;margin-left:48px}



/*Navigation*/
#Navigation {float:right;padding:0;margin:0 10px 10px 0;}
#Navigation ul {width:300px;padding:0;height:28px;}
#Navigation ul li {float:left;list-style:none;height:28px;border-right:1px solid #8c7870;padding:0 2px 0 2px}
#Navigation ul li a {display:block;margin:0;}

Navigation ul li.navGallery, #Navigation ul li.navGallery a  {background: url(images/nav_gallery.gif) center no-repeat;width:66px;height:28px;}
#Navigation ul li.navGallery a:hover, #Navigation ul li.navGallery a.on  {background: url(images/nav_gallery-over.gif) center no-repeat;width:66px;height:28px;}

#Navigation ul li.navAbout, #Navigation ul li.navAbout a  {background: url(images/nav_about.gif) center no-repeat;width:123px;height:28px;}
#Navigation ul li.navAbout a:hover, #Navigation ul li.navAbout a.on  {background: url(images/nav_about-over.gif) center no-repeat;width:123px;height:28px;}

#Navigation ul li.navContactMe, #Navigation ul li.navContactMe a  {background: url(images/nav_contact.gif) center no-repeat;width:95px;height:28px;}
#Navigation ul li.navContactMe a:hover, #Navigation ul li.navContactMe a.on  {background: url(images/nav_contact-over.gif) center no-repeat;width:95px;height:28px;}

#Navigation ul li.last {border-right:0;}

#MainCenterPhoto {width:568px;background-color:#4b403c;text-align:center;padding-top:10px;padding-bottom:10px;position: relative; top: 53px; left:13px;float:left;}
#MainCenterPhoto img {border:3px solid #332d2a;vertical-align: middle}


#ThumbImages {float:left;width:600px;clear:both;margin:53px 0 0 100px}
#ThumbImages ul li {background-color:#fff;margin:0 35px 5px 0;text-align:center;padding-top:6px;padding-bottom:6px;float:left;}
#ThumbImages img {border:3px solid #332d2a;}

#GalleryTitle { color: White; font-weight:bold; font-family:Verdana; font-size:1.4em; }
#GalleryResolution { color: White; font-weight:normal; font-family:Verdana; font-size:1.2em; font-variant:small-caps; }


#TitleAbout {width:112px;height:14px;background: url(images/title_about.gif) top left no-repeat;margin:25px 0 0 25px}
#AboutCopy {width:344px;height:229px;margin:45px 0 0 25px;padding-left:18px}
#AboutCopy ul li {list-style-type:disc;}
#TitleContact {width:88px;height:14px;background: url(images/title_contact.gif) top left no-repeat;margin:25px 0 0 25px}
#ContactText {margin:25px 0 0 25px}

#whiteBG {background-color:#fff;width:100%;height:100%;margin:0 0 0 15px;padding:10px 0 0 0;clear:both;}