body {
margin: 0;
padding: 0;
background: url(../images/bdybkgrnd.gif) 50% 0 repeat-y #282828;
text-align: center;
font-size: 80%;
color: #fff;
font-weight: normal;
}

* {
margin: 0;
padding: 0;
border: 0;
text-align: left;
font-family: Verdana, Arial, Geneva, sans-serif
}

#top {
}

#navcontainer {
margin: 0 auto;
text-align: center;
width: 770px;
background: url(../images/navbkgrnd.gif) repeat-x #303030
}
#navarea {
width: 100%;
height: 35px;
text-align: center;
background: url(../images/navbkgrndshade.gif) 50% 0 no-repeat #7B7B7B
}
#hdrcontainer {
margin: 0 auto;
text-align: center;
width: 770px;
background: url(../images/hdrb.jpg);
overflow: hidden
}
#hdrfullblue {
width: 100%;
text-align: center;
height: 150px;
background: url(../images/hdrcontbkgrnd.gif) 50% 0 repeat-y #4171BD
}


#container {
margin: 0 auto;
width: 770px;
background: #3d3d3d;
overflow: hidden
}

#lft225 {
float: left;
width: 225px;
overflow: hidden
}
	
#cntrecol225 {
float: left;
background: #383838;
width: 545px;
}
	
#cntrecolfull {
float: left;
background: #353535;
width: 770px;
}
	
#bttmbar200 {
width: 100%;
height: 60px;
padding: 10px 0;
background: #282828;
overflow: hidden
}


h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #757575
}

#cntrecolfull h2, #cntrecol225 h2 {
margin-bottom: 15px;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
display: none
}

h3 {
margin: 10px;
color: #fff;
font-weight: normal;
font-size: 1.2em;
line-height: 1.6em
}

h4 {
margin: 10px;
color: #fff;
font-size: 1.0em;
font-weight: normal;
line-height: 1.8em
}

p {
margin: 10px;
color: #aaa;
font-size: 0.85em;
line-height: 1.8em
}
strong {
font-weight: normal;
color: #fff
}

p.nomargin {
margin: 0px;
color: #bbb;
font-size: 0.85em;
line-height: 1.8em
}

acronym {
border-bottom: 1px dashed #bbb;
cursor: help
}

ul.list {
margin: 20px;
color: #bbb;
font-size: 0.85em;
line-height: 1.8em;
list-style: inside square
}

a:link, a:active {
color: #72ADF1;
text-decoration: none
}
a:visited {
color: #72ADF1;
text-decoration: none
}
a:hover {
color: #FFDE00;
text-decoration: none
}


ul#nav {
list-style: none;
margin-left: 5px
}

#nav li {
float: left
}

#nav li a {
display: block;
width: 100px;
height: 35px
}

#nav a span {
display: none
}

#nav a#home:hover, #nav a#services:hover, #nav a#portfolio:hover, #nav a#goals:hover, #nav a#contact:hover {
background-position: 0 -35px
}
	
#nav a#home.current, #nav a#services.current, #nav a#portfolio.current, #nav a#goals.current, #nav a#contact.current {
background-position: 0 -70px
}
#nav a#home.current:hover, #nav a#services.current:hover, #nav a#portfolio.current:hover, #nav a#goals.current:hover, #nav a#contact.current {
background-position: 0 -105px
}

#nav a#home {
background: url('../images/menu/home.gif')
}
#nav a#services {
background: url('../images/menu/services.gif') 0 0 no-repeat
}
#nav a#portfolio {
background: url('../images/menu/portfolio.gif') 0 0 no-repeat
}
#nav a#people {
background: url('../images/menu/people.gif') 0 0 no-repeat
}
#nav a#contact {
background: url('../images/menu/contact.gif') 0 0 no-repeat
}


h1 {
width: 770px;
height: 150px;
background: transparent
}
h1 a {
width: 770px;
height: 150px;
display: block;
text-decoration: none;
border: 0
}
h1 a span {
display: none
}
h1 a:link, h1 a:visited {
}
h1 a:hover, h1 a:active {
}

img.imgleft {
float: left;
margin: 0 5px 5px 0
}
img.imgright {
float: right;
margin: 0 0 5px 5px
}
img.styles {
float: right;
margin-top: 10px;
margin-right: 8px
}

#newwork, #newwork ul {
}

#newwork li {
padding: 0;
float: left; /* Gets rid of gap between the images in IE */
	list-style: none;
}

#newwork a {
float: left;
display: block;
width: 75px;
height: 75px;
border: 0
}

#newwork a span {
display: none
}

#newwork a:link, #newwork a:visited, #newwork a:active {
text-decoration: none;
background-position: 0% 100%;
border: 0
}

#newwork a:hover {
text-decoration: none;
background-position: 0% 0%;
border: 0
}


.topbar {
width: 100%;
height: 20px;
background: #404040
}
a.topbar {
display: block;
background: url('../images/top.gif') no-repeat #404040;
height: 20px;
width: 40px
}
a.topbar span {
display: none
}

a.topbar:link {
background-position: 0% 0%
}
a.topbar:hover {
background-position: 0% 100%
}


.web {
background-image: url('../images/thumbs/web.gif')
}
.print {
background-image: url('../images/thumbs/print.gif')
}
.programming {
background-image: url('../images/thumbs/code.gif')
}


div.workcontainer {
width: 750px;
margin: 0 0 10px 10px;
overflow: hidden;
background: url('../images/thumbbkgrnd.gif')
}

#previewcontainer {
width: 750px;
margin-bottom: 10px;
}


ul.work {
}

ul.work li {
padding: 0;
float: left; /* Gets rid of gap between the images in IE */
	list-style: none;
}

.work a {
float: left; /* Gets rid of gap between the images in IE */
	display: block;
width: 75px;
height: 75px;
border: 0
}

.work a span {
display: none
}

.work a:link, .work a:visited, .work a:active {
text-decoration: none;
background-position: 0% 100%;
border: 0
}

.work a:hover {
text-decoration: none;
background-position: 0% 0%;
border: 0
}

ul.webwork {
width: 770px;
margin: 20px 0;
list-style: none
}

ul.webwork li {
padding: 10px;
margin-bottom: 10px;
clear: both;
background: #3D3D3D
}

a.webworkthumb {
float: left;
display: block;
width: 75px;
height: 75px;
border: 0
}

a.webworkthumb:link, a.webworkthumb:visited, a.webworkthumb:active {
text-decoration: none;
background-position: 0% 100%;
border: 0
}

a.webworkthumb:hover {
text-decoration: none;
background-position: 0% 0%;
border: 0
}


p.webdesc {
margin: 0 0 0 85px
}


ul.externallinks {
margin-bottom: 20px;
list-style: none;
line-height: 1.8em;
}

ul.externallinks li a {
margin: 0;
padding: 5px 5px 5px 10px;
display: block;
line-height: 1.8em;
height: 3.6em
}
ul.externallinks li a:hover {
background: #3D3D3D;
}

ul.externallinks li a span {
font-size: 0.85em;
color: #bbb
}
ul.externallinks li a:hover span {
color: #fff;
background: #3D3D3D;
}


ul.sidelinks {
float: left;
width: 225px;
font-size: 0.85em;
line-height: 1.6em;
list-style: none
}

ul.sidelinks li a {
width: 215px;
margin: 0;
padding: 7px 5px 7px 5px;
display: block;
}
ul.sidelinks li a:hover {
background-color: #353535
}

ul.sidelinks li a span {
color: #bbb;
}
ul.sidelinks li a:hover span {
color: #fff;
background-color: #353535
}