body
{ 
background: #46565d;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#container {
width:1024px;
height:1200px;
background:url(images/background.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
position:relative;
		}

#sidebar {
width:175px;
position:relative;
left:20px;
top:150px;
float:left;
padding-top:20px;
text-align:left;
}

#main, #mainresume {
width:750px;
float:left;
position:relative;
left:60px;
top:150px;
text-align:left;
}

#mainbanners {
width:450px;
float:left;
position:relative;
left:150px;
top:150px;
text-align:left;
}


#main p{
font:18px Arial, sans-serif;
line-height:36px;
color:#5f7178;
text-align:left;
width:630px;
}

#mainresume p, #mainresume li{
font:12px Arial, sans-serif;
line-height:14px;
color:#5f7178;
text-align:left;
width:630px;
}


#text{
font:12px Arial, sans-serif;
line-height:14px;
color:#5f7178;
text-align:left;
}

#padding90{
padding-top:90px;
padding-right:20px;
}

#padding66{
padding-top:66px;
padding-right:20px;
}

#newest{
padding-top:40px;
}

.sidecaption{
font:10px Arial, sans-serif;
line-height:12px;
color:#ffffff;
text-align:left;
width:89px;
}

#services {
float:left;
margin-left:12px;
padding-top:20px;
}


#services ul{
float:left;
text-align:left;
font:14px Arial, sans-serif;
line-height:18px;
color:#5f7178;
margin-left:-20px;
}

html>body #services ul{
margin-left:0px;
padding-top:10px;
}

h2{
font:18px Georgia, serif;
line-height:18px;
color:#1cbbb4;
text-align:left;
}


.menu {
width:185px;  
margin:0; 
text-align:left;
}

.menu ul li a {
text-decoration:none; 
color:#000000;
width:120px; 
}


.menu ul li a:hover {
background:url(images/arrow.gif) right no-repeat;
}

.menu ul ul li a:hover {
background:none;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}


.menu ul li a:hover {
color:#e0c379;
}

.menu ul li ul {
display: none;
}


.work ul li:hover ul {
display:block; 
position:absolute; 
top:20px; 
left:120px; 
width:100px;
z-index:10;
background: #f68e56;
}

.resume ul li:hover ul {
display:block; 
position:absolute; 
top:135px; 
left:140px; 
width:100px;
z-index:10;
background: #1cbbb4;
}



.menu ul li:hover ul li a {
font-family: Georgia, serif;
font-size: 18px;
color:#000000;
line-height:30px; 
font-style: normal;
font-weight: normal; 
width:150px; 
padding-left:5px;
}

.menu ul li:hover ul li a:hover {
color:#ffffff;
}


#mycustomscroll {

/* Typical fixed height and fixed width example */

width: 630px;
height: 600px;
overflow: auto;

/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
text-align: left;
}


#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 630px;
height: 600px;
overflow: auto;

/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
}
.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 630px;
height: auto;
position: relative;
padding: 1px;
}


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}




.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 12px;
background-color: #48585f;
}



.vscrollerbar {
width: 12px;
background-color: #2c3940;
}



.hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 12px;
background-color: none;
}


.hscrollerbar {
height: 12px;
background-color: none;
}




.vscrollerbar {
/* Main body of vertical scrollbar */
background: #48585f url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}


.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 12px;
height: 15px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 12px;
height: 15px;
}



.scrollerjogbox {
background: #2c3940 url(horizontalbarbody_cornerjog.png) 0px 0px;
width: 12px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

.vscrollerbase {
background: #2c3940 url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 12px;
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 12px;
}

a.mail:link { color: #002c96; text-decoration:none; }
a:link { color: #002c96; text-decoration:none; }
a:visited { color: #002c96; text-decoration:none; }
a:active { outline: none; text-decoration:none; }


