@charset "UTF-8";
/* CSS Document */

html {  }
body { font-size:11px; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:.04em; background:url(../images/global/bgslice.jpg) 0 0 repeat; text-align:center; margin:0 auto; }

#wrapper { width:960px; text-align:left; border-top:none; padding:30px 0 0 0; margin:0 auto; }


#mainnav { width:540px; position:relative; padding:30px 0 10px 215px; }
#mainnav .wrap a.port span { display:none; }
#mainnav .wrap a.port { width:135px; height:34px; background:url(../images/global/buttons.jpg) 0 0 no-repeat; float:left; display:inline; left:0; top:0; }
#mainnav .wrap a.port:hover { background-position:0 -34px; }

#mainnav .wrap a.resume span { display:none; }
#mainnav .wrap a.resume { width:135px; height:34px; background:url(../images/global/buttons.jpg) 0 -68px no-repeat; float:left; display:inline; left:0; top:0}
#mainnav .wrap a.resume:hover { background-position:0 -102px; }

#mainnav .wrap a.bio span { display:none; }
#mainnav .wrap a.bio { width:135px; height:34px; background:url(../images/global/buttons.jpg) 0 -136px no-repeat; float:left; display:inline; left:0; top:0;}
#mainnav .wrap a.bio:hover { background-position:0 -170px; }

#mainnav .wrap a.contact span { display:none; }
#mainnav .wrap a.contact { width:135px; height:34px; background:url(../images/global/buttons.jpg) 0 -204px no-repeat; float:left; display:inline; left:0; top:0; }
#mainnav .wrap a.contact:hover { background-position:0 -238px; }



#maintop { width:798px; height:467px; background:url(../images/global/background.jpg) 0 0 no-repeat; padding:0 0 10px 0; }
#maintop .bottom { width:620px; background:#ff0000; padding:0; margin:0; }



h1.leftcollogo { width:300px; height:80px; background:url(../images/global/logo.jpg) 0 0 no-repeat; padding:0; margin:0; }

.buttons { width:525px; height:250px; padding:50px 30px 30px 230px; }

#col1 { width:33px; height:33px; float:left; margin:0 10px 0 0; }
#col1 a.button span { display:none; }
#col1 a.button { width:33px; height:33px; background:url(../images/global/button.jpg) 0 0 no-repeat; float:left; display:inline; left:0; top:0; }
#col1 a.button:hover { background-position:0 -33px; }

#col2 { width:33px; height:33px; float:left; margin:0 10px 0 0; }
#col2 a.button span { display:none; }
#col2 a.button { width:33px; height:33px; background:url(../images/global/button.jpg) 0 0 no-repeat; float:left; display:inline; left:0; top:0; }
#col2 a.button:hover { background-position:0 -33px; }

#col3 { width:33px; height:33px; float:left; margin:0 10px 0 0; }
#col3 a.button span { display:none; }
#col3 a.button { width:33px; height:33px; background:url(../images/global/button.jpg) 0 0 no-repeat; float:left; display:inline; left:0; top:0; }
#col3 a.button:hover { background-position:0 -33px; }

#col4 { width:33px; height:33px; float:left; margin:0 10px 0 0; }
#col4 a.button span { display:none; }
#col4 a.button { width:33px; height:33px; background:url(../images/global/button.jpg) 0 0 no-repeat; float:left; display:inline; left:0; top:0; }
#col4 a.button:hover { background-position:0 -33px; }