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

* 		{ margin:0px; padding:0px; border:none; outline:none;}
html 	{ overflow-y:scroll; outline:none; /* permanent scrollbar in Firefox */}
body 	{ font:0.7em/1.35em Verdana, Arial, Helvetica, sans-serif; color:#4e4e4e; background:#fff url(../images/bg-body.gif) top repeat-x;}
a img:hover	{cursor: -moz-zoom-in}

a		{ color:#808080; text-decoration:underline;}
a:hover	{ text-decoration:none; color:#94c900;}

div#container				{ width:742px; margin:0 auto;}

div#header					{ background:url(../images/bg-header.jpg) no-repeat; height:176px; position:relative;}
div#header h1				{ position:absolute; top:28px; left:299px;}

div#header ul				{ padding:91px 0 0 53px;}
div#header li				{ float:left; list-style:none;}

div#header li.firstchild	{ padding-right:279px;}
div#header li.firstchild a	{ display:block; background:url(../images/webdesign-a.gif) no-repeat; width:177px; height:23px; text-indent:-9999px;}
div#header li.lastchild	a	{ display:block; background:url(../images/photography-a.gif) no-repeat; width:177px; height:23px; text-indent:-9999px;}

div#header li.firstchild a:hover,
div#header li.lastchild	a:hover	{ background-position:0 -23px;}

div#content							{ width:638px; margin-left:53px;}
div#content	span.slogan				{ background:url(../images/slogan.gif) no-repeat; display:block; text-indent:-9999px; height:60px; margin:33px 0 53px 0;}
div#content p						{ display:block; border-top:3px solid #94c900;}
div#content p#webdesign strong		{ display:block; width:111px; height:31px; background:url(../images/cat-webdesign.gif) no-repeat; text-indent:-9999px;}

div#content p#photography			{ margin-top:53px!important; display:block;}
div#content p#photography strong	{ display:block; width:134px; height:31px; background:url(../images/cat-photography.gif) no-repeat; text-indent:-9999px;}

a.webstyle-badged, a.euroweb-badged				{ position:absolute; bottom:10px; right:0; text-indent:-9999px; display:block; height:24px; width:24px;}
a.webstyle-badged								{ background:url(../images/webstyle-badged.gif) no-repeat;}
a.euroweb-badged								{ background:url(../images/euroweb-badged.gif) no-repeat;}

.shadowbox-container 				{ background:#ece8e8; width:200px; position:relative; float:left!important; margin:13px 19px 0 0;}
.shadowbox-container span			{ position:absolute; right:0; bottom:48px; display:block; text-indent:-9999px; width:22px; height:20px; background:url(../images/zoom.gif) no-repeat;}
.shadowbox-container .imgshadowbox	{ border-right:3px solid #c0b3b3; border-top:3px solid #c0b3b3; border-left:3px solid #c0b3b3; border-bottom:3px solid #98c80e;}
.shadowbox-container p				{ padding:5px 0 7px 14px;}
.shadowbox-container strong			{ color:#87b800;}
.nomargin							{ margin-right:0!important;}

#footer								{ border-top:3px solid #94c900; margin-top:53px; background:url(../images/cat-contact.gif) top left no-repeat; padding:40px 0 150px 14px;}
#footer p							{ border:none!important;; float:left; margin-right:20px;}

.deviantart, .facebook, .twitter { display:block; text-indent:-9999px; height:33px; float:left; margin:33px 0 0 0;} 
.deviantart:hover, .facebook:hover, .twitter:hover { background-position:0 -33px; } 
.deviantart		{ background:url(../images/logos/deviantart.gif) no-repeat;width:177px; padding-right:63px;}
.facebook		{ background:url(../images/logos/facebook.gif) no-repeat;width:139px; padding-right:63px;}
.twitter		{ background:url(../images/logos/twitter.gif) no-repeat;width:144px;}

.clear		{ float:none; clear:both;}