@charset "iso-8859-1";

a:link
    {color: #0500FF;
     text-decoration: none}

a:visited
    {color: #0500FF;
     text-decoration: none}

a:hover
    {color: #FF1100;
     text-decoration: underline}

body
    {background-color: #FFFFFF;
     font-size: 100%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     letter-spacing: .015em;
     line-height: .95em}

img
    {border-style: none}

#container
    {margin: 0px auto;
     width: 800px;
     position: relative;
     margin-top: 20px}

#header
    {margin: 0px;
     padding-bottom:5px;
     width: 800px;
     height: 65px;
     border-bottom-style: solid;
     border-bottom-color: #FF1100;
     border-bottom-width: 1px }

#logo
    {float: left}

#navcontainer
    {position: relative;
     left: 35px;
     top: 29px}

#navigation
    {margin: 0;
     color: #FF1100;
     z-index: 10;
     font-size: .8em}

#navigation ul
    {padding: 0;
	 margin: 0;
	 list-style: none;}

#navigation li
    {float: left;
     position: relative;
     width: 105px}

#navigation li ul
    {display: none;
     position: absolute;
     width: 150px;
     top: 15px;
     left: 0;
     background-color: #FFFFFF;
     border-style: solid;
     border-width: 1px;
     border-color: #FF1100;
     z-index: 10}

#navigation li ul li
    {margin-top: 2px;
     margin-bottom: 2px;
     margin-left: 4px;
     margin-right: 4px;
     width: 150px;}

#navigation li:hover ul, #navigation li.sfhover ul
    {display: block}

#navigation a:link
    {color: #FF1100;
     text-decoration: none}

#navigation a:visited
    {color: #FF1100;
     text-decoration: none}

#navigation a:hover
    {color: #0500FF;
     text-decoration: none}

#navigation a.current:link
    {color: #A4A4A4;
     text-decoration: none}

#navigation a.current:visited
    {color: #A4A4A4;
     text-decoration: none}

#navigation a.current:hover
    {color: #A4A4A4;
     text-decoration: none}

#mainimage
    {clear: left;
     float: right;
     text-align: right;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 20px;
     margin-bottom: 20px;
     width: 350px}

#maincontent
    {clear: left;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 20px;
     margin-bottom: 30px;
     width: 440px}

#maincontent p
    {font-size: .8em}

#maincontent p.footnote
    {color: #A4A4A4}
    
#maincontent p.client
    {color: #0500FF;
     text-align: right}

#maincontent h1
    {font-size: .9em;
     font-weight: normal;
     color: #FF1100}

#maincontent ul
    {list-style: disc;
     list-style-position: inside;}
     
.maincontentlist 
    {font-size: .8em}

#maincontent ul li ul
    {list-style: disc;
     list-style-position: inside}
     
#portfolio
    {clear: left;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 20px;
     margin-bottom: 30px}

#portfolio p
    {font-size: .8em;}
    
#portfolio h1
    {font-size: .9em;
     font-weight: normal;
     color: #FF1100}

#gallerycontainer
    {margin-left: 30px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 20px}

#clientquote
    {float: right;
     display: inline;
     width: 200px;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 5px;
     margin-bottom: 10px;
     border-style: solid;
     border-color: #0500FF;
     border-width: 1px;
     background-image: url("../images/quote.jpg");
     background-position: top left;
     background-repeat: no-repeat }
     
#clientquote.portfolio
    {margin-top: 0px}

#clientquote p
    {font-style: italic;
     margin-left: 20px;
     margin-right: 10px;
     margin-top: 20px;
     margin-bottom: 10px;
     font-size: .8em;
     line-height: 1.2em}

.clientname
    {color: #0500FF;}

#footer
    {margin: 0px;
     width: 800px;
     clear: both;
     border-top-style: solid;
     border-top-width: 1px;
     border-top-color: #FF1100;
     text-align: right;
     margin-right: 0px;
     margin-top: 0px;
     margin: 0px;
     position: relative;}

#footer p
    {font-size: .7em;
     color: #FF1100;
     margin-left: 0px;
     margin-right: 10px;
     margin-top: 5px;
     margin-bottom: 5px;}
     
#footer img
    {margin: 0px;
     vertical-align: middle}

.my_addthis_title
    {font-style: italic;
     color: #0500FF;
     margin-top: 25px;}  

.my_addthis_formatting
    {font-size: .7em;}  
     
/* the following is no needed unless javascript is disabled and therefore 
   the jd.gallery.css is not loaded */
#myGallery img.thumbnail, #myGallerySet img.thumbnail
    {display: none;}
        
#myGallery h3
    {font-size: .9em;
     font-weight: bold}
     
#myGallery p
    {font-size: .7em;}