@charset "utf-8";
/*  CSS Document by Jetscram Design 
	Coded for EdFredNed.com in 2008
	www.jetscram.com                 */
	
* { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; outline: none; }

body{background:#5158dd;}

#header, #footer, #content, ul#navigation{ width: 792px; margin:0 auto; }

#header{ height:124px; background:url('imagesdatabase/fuploader/original/header-bg.gif') top center no-repeat }

div#content{background: #ffffff url('imagesdatabase/fuploader/original/content-bg.gif') top left no-repeat; padding-bottom:30px;}

div.category{background-image:none; background-color:#FFFFFF}

#footer{ color:#FFFFFF; font-size:12px; padding:15px 0; clear:both; }


/* header */

#header ul{ list-style:none; width:136px; float:right; margin-top:8px; margin-right:5px;}
#header ul li{color:#fff; font-weight:normal; line-height:16px; list-style:none; font-size:11px; margin:2px 0; text-align:right}
#header ul li a{color:#fff; text-decoration:none;}
#header ul li a:hover{ color:#00CC00; }
#header a img {float:left; border:none;}
#header div#monster{width:180px; float:right; margin-top:1px; margin-right:0px;}


/* Typography */

p{ font-size:12px; line-height:16px; margin-bottom:8px;}


/* list control */

div#category-list{ margin:0 25px; padding:20px 0; border:1px black dashed; background-position:top center; background-repeat:no-repeat;}
div#category-list a img{ border:2px black solid; margin:10px 15px;}
div#name-tag{position:absolute; z-index:100; top:205px; left:50%; margin-left:-36px;}
div#name-tag-category{position:absolute; z-index:100; top:170px; left:50%; margin-left:-36px;}
/* sliding picture list */

div#picture-list { width:325px; margin:30px 20px 20px 20px; padding:10px 394px 300px 25px; border:1px black dashed; height:160px; text-align:center}
div#picture-list img.arrow{ border:1px #5c7cbe solid; padding:3px 10px; margin:10px 8px 0px 11px; }
div#picture-list img.arrow:hover{border:1px #6cc069 solid;}
div#picture-list h5{ width:290px; text-align:center; font-size:18px; text-transform:lowercase}

#jslide {float:left;margin:auto; padding-top:8px; width:300px; height:300px; overflow: auto;  overflow: hidden;position: relative; }
#jslide div#jslidego{}
#jslide div a img{ float:left; display:inline; margin:0; margin-right:6px; margin-bottom:6px;border:2px black solid;}

div#the-big-picture{position:absolute; z-index:100; top:235px; left:50%; margin-left:0px; width:328px; padding:10px 7px; border:4px black solid; background-color:#fff}
#the-big-picture hr{ height:2px; color:#000; border:none; background:#000; margin-top:10px;}
#the-big-picture p {text-align:center; font-weight: normal; font-size:12px; padding:10px 0 0 0; color:#666666;} 

/* single pages */

div#single-pages{margin:5px 25px;}

table.clients { width:330px; margin-left:6px; margin-top:3px; padding-bottom:70px;}
table.clients tr td{ width:160; margin-right:10px; padding:1px 0;}
table.clients tr td a{ color:#5c7cbe; text-decoration:none; font-size:10px;}
table.clients tr td a:hover{color:#6cc069}

/* navigation */

ul#navigation { list-style:none; height:22px; padding-bottom:5px; background:url('imagesdatabase/fuploader/original/header-bg.gif') bottom left no-repeat  }
ul#navigation li {list-style:none; float:left; display:block;}
ul#navigation li a{ display:block; height:21px; background-position:top left; text-indent:-9000px; background-repeat:no-repeat; margin-bottom:1px;}
ul#navigation li  a.ed{width:27px; background-image:url('images/navigation/ed.gif'); margin-left:261px;}
ul#navigation li  a.ed:hover,ul#navigation li  a.edon{margin-left:261px; width:27px; background-image:url('images/navigation/ed-on.gif');}

ul#navigation li  a.ned{width:39px; background-image:url('images/navigation/ned.gif');margin-left:17px;}
ul#navigation li  a.ned:hover,ul#navigation li  a.nedon{margin-left:17px;width:39px; background-image:url('images/navigation/ned-on.gif');}

ul#navigation li  a.fred{width:42px; background-image:url('images/navigation/fred.gif'); margin-left:16px;}
ul#navigation li  a.fred:hover,ul#navigation li  a.fredon{margin-left:16px;width:42px; background-image:url('images/navigation/fred-on.gif');}

ul#navigation li  a.design{width:69px; background-image:url('images/navigation/design.gif');margin-left:20px;}
ul#navigation li  a.design:hover,ul#navigation li  a.designon{margin-left:20px;width:69px; background-image:url('images/navigation/design-on.gif');}

ul#navigation li  a.contact{width:59px; background-image:url('images/navigation/contact.gif');margin-left:20px;}
ul#navigation li  a.contact:hover,ul#navigation li  a.contacton{margin-left:20px;width:59px; background-image:url('images/navigation/contact-on.gif');}

ul#navigation li a.clients{width:54px; background-image:url('images/navigation/clients.gif');margin-left:14px;}
ul#navigation li  a.clients:hover,ul#navigation li  a.clientson{margin-left:14px;width:54px; background-image:url('images/navigation/clients-on.gif');}

ul#navigation li  a.about{width:47px; background-image:url('images/navigation/about.gif');margin-left:18px;}
ul#navigation li  a.about:hover,ul#navigation li  a.abouton{margin-left:18px;width:47px; background-image:url('images/navigation/about-on.gif');}


/* footer links */

div#bottomNav{color:#666; font-size:12px; margin-bottom:-20px; padding-top:20px; text-align:center}
div#bottomNav a { color:#999; text-decoration:none; margin:0 8px; font-size:12px;}
div#bottomNav a:hover{color:#666;}


/* links */

a img{border:none;}


#footer a{color: #69C4EF}
a{color: #5c7cbe; text-decoration:none;}
a:hover{color:#6cc069}

.floatfix{clear:both;}