body {
 margin:0;
 background:url(../i/body-bg.gif) repeat;
 font-family: Tahoma, Verdana, Arial, Sans-Serif;
 font-size:62.5%;
 color:#929292
}

ul, ol, h1, h2, h3, h4, p { margin:0; padding:0 }
p { line-height: 1.5em; }

a img { border:0 }
a { color:#aaa; text-decoration:none; outline:none }
a:hover { color:#9c3 }

h1 { font-size:1.4em; font-weight:normal; }
h2 { font-size:1.2em; font-weight:normal; margin:0 0 5px 0; }

#header-wrapper { width:100%; height:275px; background:url(../i/header-bg.gif) repeat-x }
 #header { width:1000px; height:275px; margin:0 auto; background:url(../i/headerbg.jpg) no-repeat }
 #logo { width:305px; height:274px; float:left; margin:0 0 0 73px; background:url(../i/logo.jpg) no-repeat; }
 #menu { width:413px; height:26px; position:relative; top:149px; left:487px; background:url(../i/menu.jpg) no-repeat }
 #navigation { list-style:none; width:413px; height:26px; position:absolute; display:block; }
 #navigation li { display:block }
 #navigation li a { height:26px; display:block; float:left; }
  #lnk1 a { left:0; top:0; width:66px; }
   #lnk1 a:hover { background:url(../i/menu.jpg) -0px -26px no-repeat; }
  #lnk2 a { left:66px; top:0; width:102px; }
   #lnk2 a:hover { background:url(../i/menu.jpg) -66px -26px no-repeat; }
  #lnk3 a { left:168px; top:0; width:95px; }
   #lnk3 a:hover { background:url(../i/menu.jpg) -168px -26px no-repeat; }
  #lnk4 a { left:263px; top:0; width:68px; }
   #lnk4 a:hover { background:url(../i/menu.jpg) -263px -26px no-repeat; }
  #lnk5 a { left:331px; top:0; width:82px; }
   #lnk5 a:hover { background:url(../i/menu.jpg) -331px -26px no-repeat; }

#wrapper { width:800px; margin:0 auto; font-size:1.2em; }
 #container { width:800px; float:left; }
  #leftcol { width:247px; float:left; padding-bottom:20px; margin:0 14px 15px 0 }
  #rightcol { width:539px; float:left; padding-bottom:20px }

#latest-post { width:247px; }
 #latest-post-head { width:247px; height:28px; background:url(../i/latest-post-head.gif) no-repeat }
 #latest-post-body { width:247px; padding-bottom:10px; background:url(../i/latest-post-body.gif) repeat-y }
 #latest-post-body h2 { font-weight:bold; padding:2px 0 5px 10px }
 #latest-post-body p { padding:0 10px; }
 #latest-post-body ul { margin:5px 0 5px 30px; }
 
#sweet-about { width:539px; clear:both }
 #sweet-about-head { width:539px; height:28px; background:url(../i/sweet-about-head.gif) no-repeat }
 #sweet-about-body { width:539px; padding-bottom:5px; background:url(../i/sweet-about-body.gif) no-repeat }
 #sweet-about-body h1 { padding:2px 0 5px 10px }
 #sweet-about-body p { padding:5px 10px; }
 #portfolio-head { width:800px; height:28px; background:url(../i/portfolio-head.gif) no-repeat }
 .portfolio { width:800px !important; padding:10px 0; background:url(../i/sweet-about-body.gif) repeat !important }
 
#line { margin:15px 6px 0 6px; clear:both; width:526px; height:28px; background:url(../i/line-bg.gif) repeat-x; }
 
#latest-freebies { width:225px; float:left; margin-right:13px; }
 #latest-freebies-head { width:225px; height:28px; background:url(../i/latest-freebies-head.gif) no-repeat }
 #latest-freebies-body { width:225px; background:url(../i/latest-freebies-body.gif) repeat-y }
 #latest-freebies-body p { padding:9px 9px; }
 
#latest-work { width:301px; float:left }
 #latest-work-head { width:301px; height:28px; background:url(../i/latest-work-head.gif) no-repeat }
 #latest-work-body { width:301px; background:url(../i/latest-work-body.gif) repeat-y }
 #latest-work-body p { padding:9px 9px; }

#footer { clear:both; margin:20px auto; width:1000px; height:17px; background:url(../i/footer.gif) left top repeat-x }
 #footer p { font-size:10px; color:#595959; margin-right:30px; }
 
#carousel { margin:0 50px; width: 700px; height: 150px; background-color: transparent; }
#carousel a { position: absolute; width: 100px; height:75px; }