body { background-color: #000; background-image: url("images/webimages/bg.jpg"); background-repeat: repeat-x; text-align: center; margin: 0; text-decoration: none;}
#header { color: #fff; background-image: url("images/webimages/header4.jpg"); background-repeat: no-repeat; text-align: center; margin: 0 auto; padding: 0; position: relative; width: 800px; height: 180px }
#wrapper { margin-right: auto; margin-left: auto; width: 800px; height: auto }
h1     { color: #3ff; font-size: 1.25em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: bold; line-height: 1em; background-color: #212121; margin: 0; padding: 15px 20px; text-decoration: none; }
.flash_interactive { background-color: #212121; padding-left: 0px }
h2    { color: #0ff; font-size: .95em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: bold; line-height: 1em; margin: 0 0 0 12px; padding: 7px 0 0; text-decoration: none;}
h3  { color: #777; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: normal; font-size: 0.85em; line-height: 1.25em; margin: 0 20px; padding: 0 }
h4 { color: #888; font-size: 1em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: normal; line-height: 1.5em; margin: 0 20px; padding: 0 }
h5  { color: #6ff; font-size: 1.25em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: normal; line-height: 1.5em; background-color: #444; text-align: center; margin: 0 0 12px; padding: 0 }
p   { font-family: sans-serif; font-size: 0.85em; line-height: 1.5em; margin: 0 12px 12px 20px; padding: 0 }
.resume_left  { font-size: 1em; line-height: 22.5em; list-style-type: none; margin: 160px 0 0 12px; padding: 0; width: 85px; float: left }
.resume_right { margin: 0 12px 0 0; padding: 0; width: 250px; float: left }
#photo { background-image: url("images/webimages/myphoto.jpg"); background-repeat: no-repeat; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; width: 160px; height: 190px; float: right }
a:link  { color: #aaa; font-size: 1em; font-weight: bold; line-height: 1em; text-decoration: }
a:visited  { color: #777; text-decoration: none }
a:hover  { color: #0ff; text-decoration: none }
a:active  { color: #fff; text-decoration: none }

#container  { color: #555; text-align: left; margin: 0; padding: 0 0 40px; position: relative; top: -11px; width: 800px; float: left; overflow: hidden }
#container .column { font-size: 1em; line-height: 1em; margin-bottom: -20000px; padding-bottom: 20010px }
#menu span { display: none }
#submenu span { display: none }
#menu { background-image: url("images/webimages/menu.png"); background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; position: relative; width: 800px; height: 50px }
#menu_items { text-align: center; margin: 0 auto; padding: 0px; position: relative;  top: 2pt; left: 145px; width: 600px }
#menu a:hover { background-position: left bottom }
#menu ul { display: inline; margin: 0; padding: 0; border: none }
#imagescenter     { font-size: 0.85em; text-align: center; margin: 0; padding: 0; width: 400px }

.images     { list-style-type: none; display: block; margin: 0; padding: 0; position: relative; left: 5px; width: 400px; border-width: 0 }
#worksubmenu {text align: center; left: -7px;}
#worksubmenu ul { font-family: arial, sans-serif; font-weight: bold;font-size: 16px; list-style-type: none; display: block; margin: 0px; padding: 0 }
#worksubmenu ul li { font-family:arial, sans-serif; font-weight: bold;font-size: 16px; list-style-type: none; display: block; margin: 0 -9 0 0px; padding: 5px; position: relative; left: 0px }
#worksubmenu ul li a
   { font-family: arial, sans-serif; font-weight: bold; font-size: 16px; background-color: #373737; list-style-type: none; display: block; margin: 0px; padding: 5px }

#worksubmenu ul li a:hover
   { font-family: arial, sans-serif; font-weight: bold; font-size: 16px; text-decoration: none; background-color: #444; list-style-type: none; display: block; margin: 0px; padding: 5px }

#menu ul li { list-style: none; display: inline; margin: 0; padding: 0; border: none left: 200px;}
.grey {background-color:#212121}
#menu .about { background-image: url("images/webimages/about.png"); list-style-type: none; margin: 0; left: 94px; padding: 0; width: 100px; height: 37px; float: left }
#menu .work { background-image: url("images/webimages/work.png"); list-style-type: none; margin: 0;left: 94px; padding: 0; width: 100px; height: 37px; float: left }
#menu .contact { background-image: url("images/webimages/contact.png"); list-style-type: none; margin: 0; left: 94px;padding: 0; width: 108px; height: 37px; float: left }
#menu .mobile { background-image: url("http://api.mofuse.com/images/badges/badge_classic_blue_add.png"); background-repeat: no-repeat; list-style-type: none; margin: 0; padding: 0;  top: 9px;  width: 100px; left: 5px; height: 18px; }
#menu .rss { background-image: url("images/webimages/feed-icon-28x28.png"); background-repeat: no-repeat; position: relative; list-style-type: none; margin: 0; padding: 0;  top: 7px; left: 220px; width: 20px; height: 20px; float: left }
ul.no_bullet { list-style-type: none; margin: 0; padding: 0 }
#left { background-color: #222; background-image: url("images/webimages/columnpattern.gif"); background-repeat: repeat; text-align: center; margin-right:2px; padding: 0; width: 198px; float: left }
#right { font-size: 0.85em; background-color: #222; background-image: url("images/webimages/columnpattern.gif"); background-repeat: repeat; margin: 0 0 0 2px; padding: 0; width: 198px; float: left }
#interactive { background-color: #333; background-image: url("images/webimages/columnpattern.gif"); background-repeat: repeat; padding-left: 30px }
#center   { background-color: #282828; margin: 0; padding: 0; width: 400px; float: left }
#websites_center  { text-align: left; list-style-type: none; display: block; margin: 0; padding: 0; width: 400px }
#websites_center li { background-color: #2e2e2e; list-style-type: none; display: block; margin: 0 0 50px; padding: 20px 0 0; width: 400px }
.side-titles  { font-family: sans-serif; background-image: url("images/webimages/sidetitles.gif"); background-repeat: no-repeat; text-align: left; margin: 5px 0; padding: 0; width: 198px; height: 32px }
.side-clientlist  { font-size: 0.85em; margin: 0; padding: 0; width: 160px }
#contactlist li  {font-size: 0.85em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #000; background-color: #313131; text-indent: 20px; list-style-type: none; display: block; margin: 0; padding: 0; width: 400px }

#clientlist  { font-size: 0.85em;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; display: block; margin: 0; padding: 0; width: 198px; }
#clientlist a   { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 0.85em; line-height: 1em; background-color: #252525; text-indent: 12px; display: block; margin: 0; padding: 3px 0; width: 198px; }
#clientlist a:hover  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 0.85em; line-height: 1em; text-decoration: none; background-color: #3a3a3a; text-indent: 12px; display: block; margin: 0; padding: 3px 0; width: 198px; }
.dashdivider  { display: block; margin: 0; padding: 0; border-top: 2px dotted #444; }
#main_submenu   { text-align: center; margin: 25px auto 0; padding: 0; width: 150px; height: 200px }
#main_submenu li { margin: 0; padding: 0; float: left }
#submenu a:hover  { font-size: 0.75em; line-height: 1em; background-position: left bottom }
.submenu_top { background-image: url("images/webimages/submenu_top.png"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 21px }
.submenu_bottom { background-image: url("images/webimages/submenu_bottom.png"); background-repeat: no-repeat; width: 150px; height: 21px; float: left }
#submenu .blog { background-image: url("images/webimages/blog.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .webdesign  { background-image: url("images/webimages/webdesign.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .illustrate  { background-image: url("images/webimages/illustrate.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .resume  { background-image: url("images/webimages/resume.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .clients   { background-image: url("images/webimages/clients.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .animation  { background-image: url("images/webimages/animation.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .photos  { background-image: url("images/webimages/photos.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenu .projects  { background-image: url("images/webimages/projects.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 150px; height: 27px }
#submenulinks a   { font-size: 0.75em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: bold; line-height: 1.25em; background-color: #212121; text-indent: 12px; list-style-type: none; display: block; margin: 10px 0; padding: 0; width: 198px; text-decoration: none;}
#submenulinks a:hover   { font-size: 0.75em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: normal;line-height: 1.25em; background-color: #343434; text-indent: 12px; list-style-type: none; display: block; margin: 10px 0; padding: 0; width: 198px }
#bloglinks li { width: 168px; font-family: sans-serif; color: #888; font-size: 0.75em; line-height: 1.25em; background-color: #222; text-align: left; list-style-type: none; margin: 0 0 15px -30px ; padding: 5px; text-decoration: none;}
submenullinks li { width: 175px; margin: -12px 0 0 0; font-size: .25em; font-family: myriad pro, helvetica, arial, sans-serif; font-weight: normal;}


#twitter_div {padding: 5px 10px 5px 10px; background-color: #222;}
ul#twitter_update_list { 
word-wrap: break-word;
padding: 0; margin: 0; list-style: none; }
ul#twitter_update_list li { 
word-wrap: break-word;
font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #CCC; padding: 5px; margin: 10px 0 10px 0; background-color: #000; text-decoration: none;}
ul#twitter_update_list li a { font-size: 10px; color: #3ff; text-decoration: none; word-wrap: break-word;}



.flash_interactive {margin: 30px;}
img { border: none; }





span.cal  { font-family: Helvetica, Tahoma, Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size-adjust: ; background: url("calender.jpg") no-repeat 0 50%; margin-right: 15px; margin-left: 20px; top: 50%; bottom: 50%; width: 53px; height: 52px; float: left }
span.cal_month  { color: #ffffff; font-size: 10px; line-height: 11px; text-align: center; text-transform: uppercase; display: block; margin-left: px; padding-top: 3px }
span.cal_day  { color: #444; font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; display: block; margin-left: 0; padding-top: 9px }
.sidebar {
margin-bottom: 20px;
}




#footer { background-image: url("images/webimages/footer.png"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; position: relative; top: -24px; width: 800px; height: 58px; float: left }