body {position:relative; text-align:center; background: url(../img/bkg.gif) repeat-x #282a2c; margin-top:0px;}

h1 {letter-spacing:1px; font-size:22px; margin:0px; color:#eae8b3; font-weight:bold;}

h2 {background:url(../img/arrow.gif) no-repeat right; font-size:22px; padding:0 0 8px 0; margin:0px; color:#374f51; font-weight:bold;}

p {font-size:14px; color:#d4d4d4;}

#header {position:fixed; left:0; width:950px; height:112px; text-align:left;}

#portfolio {width:7500px; height:289px; padding-top:112px; text-align:left;}

#footer {position:fixed; top:401px; left:0; width:950px; height:199px; text-align:left;}

#contact{padding:10px 15px 0 15px; width:230px; height:199px; float:left;}

#about{padding:10px 15px 0 15px; width:497px; height:184px; float:left; background:url(../img/divider.gif) no-repeat right;}
/*----------------------------------------------------------------
\\\\\\\\\\\\\\\\\\\\PORTFOLIO SECTIONS add 160px for new thumbs
-----------------------------------------------------------------*/
#portfolio-web-design {float:left; width:1920px; height:280px; text-align:left;}

#portfolio-illustration {float:left; width:1920px; height:280px; text-align:left;}

#portfolio-print {float:left; width:380px; height:280px; text-align:left;}

#portfolio-logo {float:left; width:2080px; height:280px; text-align:left;}

#portfolio-video {float:left; width:840px; height:280px; text-align:left;}

.thumbnail {position:relative; margin-top:25px; float:left; margin-right:20px; width:133px; height:208px;}

.thumbnail-new {position:absolute; margin-top:25px; float:left; margin-right:20px; width:133px; height:208px;}

.new-addition {position:relative; width:133px; height:302px; float:left; margin-top:0px; margin-right:20px;}

.new-addition-img {width:78px; height:21px; float:right;}
/*----------------------------------------------------------------
\\\\\\\\\\\\\\\\\\\\NAVIGATION
-----------------------------------------------------------------*/
a:link {color:#659094; text-decoration:underline;}
a:visited {color:#374f51; text-decoration:underline;}
a:active {color:#659094; text-decoration:underline;}
a:hover {color:#8bc6cb; text-decoration:none;}

#navigation {width:450px; height:25px; float:right; margin-top:30px;}

#sec-nav {width:190px; height:19px; float:right; margin-top:10px;}

.top-nav {float:right;}
.top-nav a:link {color:#659094; text-decoration:none;}
.top-nav a:visited {color:#659094; text-decoration:none;}
.top-nav a:active {color:#659094; text-decoration:none;}
.top-nav a:hover {color:#8bc6cb; text-decoration:underline;}
/*----------------------------------------------------------------
\\\\\\\\\\\\\\\\\\\\HIGHSLIDE
-----------------------------------------------------------------*/
.highslide-container div {font-family: Georgia, "Times New Roman", Times, serif; color:#d4d4d4; font-size: 10pt;}
.highslide-container table {background: none;}
.highslide {outline: none; text-decoration: none;}
.highslide img {border: 1px solid silver;}
.highslide:hover img {border-color: gray;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-gallery .highslide-active-anchor img {border-color: black; visibility: visible; cursor: default;}
.highslide-wrapper, .highslide-outline {background: #282a2c;}
.glossy-dark {background: #111;}
.highslide-image-blur {}
.highslide-number {font-weight: bold; color: gray; font-size: .9em;}
.highslide-caption {display: none; font-size: 1em; padding: 5px;/*background: white;*/}
.highslide-heading {display: none; font-weight: bold; margin: 0.4em;}
.highslide-dimming {position: absolute; background: black;}
a.highslide-full-expand {background: url(graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.highslide-loading {display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}
.highslide-move, .highslide-move * {cursor: move;}
.highslide-viewport {display: none;	position: fixed; width: 100%; height: 100%;	z-index: 1; background: none; left: 0; top: 0;}
.highslide-overlay { display: none;}
.hidden-container {display: none;}
/* Example of a semitransparent, offset closebutton */
.closebutton {position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(graphics/close.png);/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {border: none;}
.borderless .highslide-caption {border-bottom: 1px solid #334648; border-top: 1px solid #334648; background: #282a2c;}
/* highslide html css */
.highslide-maincontent {display: none;}
.highslide-html {background-color: #282a2c;}
.highslide-html-content {display: none;	width: 400px; padding: 0 5px 5px 5px;}
.highslide-header {	padding-bottom: 5px; padding-top: 5px;}
.highslide-header ul { margin: 0; padding: 0; text-align: right;}
.highslide-header ul li { display: inline; padding-left: 1em;}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none;}
.highslide-header a { color:#659094; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.highslide-header a:hover {color:#8bc6cb; text-decoration:underline;}
.highslide-header .highslide-move a {cursor: move;}
.highslide-footer {height: 16px;}
.highslide-resize {	cursor: nw-resize;}