* { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
a:active, a:focus {outline:0;}
#smiletrain { position: absolute; top: 0px; right: 0px; }
body { background: url(../images/ui/bodyBG.jpg) repeat 0px 0px; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center;}
#divContainer { width: 760px; margin-right: auto; margin-left: auto; text-align: left; }

#divHeaderLeft { background-image: url(../images/ui/headerleft.jpg); background-position: 0px 0px; float: left; height: 274px; width: 500px; }
#divHeaderLeft a.homelink { display: block; width: 500px; height: 274px; }
#divHeaderRight { background-image: url(../images/ui/headerRight.gif); background-position: 0px 0px; height: 274px; width: 260px; float:right; }

#divNav { height: 38px; width: 500px; background-image: url(../images/ui/nav/navBG.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; clear: both; }
#divNav ul { list-style-type: none; display: block; padding-left: 46px; height: 38px; }
#divNav ul li { display: inline; float: left; height: 38px; }
#divNav ul li a { height: 38px; width: 102px; display: block; background-repeat: no-repeat; background-position: 0px 0px; }
#divNav ul li a.home { background-image: url(../images/ui/nav/nav_home.jpg); }
#divNav ul li a.about { background-image: url(../images/ui/nav/nav_about.jpg); }
#divNav ul li a.design { background-image: url(../images/ui/nav/nav_design.jpg); }
#divNav ul li a.contact { background-image: url(../images/ui/nav/nav_contact.jpg); }
#divNav ul li a:hover { background-position: center; }
#divNav ul li a#current { background-position:bottom; }

#divLeft { background: url(../images/png-trans.png) repeat top left; float: left; width: 500px; line-height: 1.6em; min-height: 500px; }

#divTextImages { padding: 30px; }
#divTextImages p { font-size: 0.8em; color: #FFFFFF; text-align: left; margin-top: 15px; margin-bottom: 20px; }
#divTextImages p.small { font-size: 0.6em; color: #FFCC33; }
#divTextImages a { color: #FFCC33; text-decoration: none; font-weight: bold; }
#divTextImages a:hover { color: #0099CC;}
#divTextImages #siteMap { list-style-type: none; }
#divTextImages #siteMap li { display: block; padding-left: 30px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: left 4px; margin-top: 3px; margin-bottom: 3px; font-size: 0.7em; color: #FFFFFF; }
#divTextImages #siteMap li span.smallWhite { font-size: 0.9em; color: #FFFFFF; }
#divTextImages h4 { font-size: 1em; font-weight: bold; display: block; color:#0099CC; }
#divTextImages h4.name { color: #275C76; background-image: url(../images/name.gif); padding: 0px; background-repeat: no-repeat; height: 19px; width: 225px; margin-top: 35px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

/*Portfolio NAV*/
#webDesign, #printDesign, #randomDesign { width: 440px; }

#webDesign ul { background-image: url(../images/ui/nav/webDesign_navBG.gif); background-repeat: no-repeat; list-style-type: none; height: 66px; }
#printDesign ul { background-repeat: no-repeat; height: 66px; list-style-type: none; background-image: url(../images/ui/nav/printDesign_navBG.gif); }
#randomDesign ul { background-image: url(../images/ui/nav/randomDesign_navBG.gif); background-repeat: no-repeat; height: 66px; list-style-type: none; }

#webDesign ul li, #printDesign ul li, #randomDesign ul li { float: left; display: inline; }
#webDesign ul li a, #printDesign ul li a, #randomDesign ul li a { display: block; float: left; height: 54px; }
#webDesign ul li a.web { width: 137px; }
#webDesign ul li a.print { width: 142px; }

#webDesign ul li a.random { width: 143px; }
#printDesign ul li a.web { width: 140px; margin-left: 13px; }
#printDesign ul li a.print { width: 127px; }
#printDesign ul li a.random { width: 141px; }
#randomDesign ul li a.web { width: 146px; margin-left: 13px; }
#randomDesign ul li a.print { width: 138px; }
#randomDesign ul li a.random { width: 130px; }

#webDesign .content, #printDesign .content, #randomDesign .content { background-color: #73B0CE; padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; }
#webDesign .content img, #printDesign .content img, #randomDesign .content img { display: block; float: left; margin-top: 7px; margin-bottom: 14px; }
#webDesign .content h4 a, #printDesign .content h4 a, #randomDesign .content h4 a { font-size: 1em; font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #275C76; margin-left: 215px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; display: block;  line-height: 1.2em; font-weight: normal; letter-spacing: -0.06em; }
#webDesign .content h4 a:hover, #printDesign .content h4 a:hover, #randomDesign .content h4 a:hover { color: #3A8BB1; }
#webDesign .content p, #printDesign .content p, #randomDesign .content p { color: #FFFFFF; margin-left: 217px; line-height: 1.7em; margin-top: 10px; margin-bottom: 10px; }
#webDesign .content img.click, #printDesign .content img.click, #randomDesign .content img.click { margin: 0px; padding: 0px; float: none; }
.content .divClear { height: 1px; margin-bottom: 20px;  padding-top: 15px; border-bottom: solid 1px #4F9CC1; }

#webDesign h6, #printDesign h6, #randomDesign h6 { background-image: url(../images/ui/nav/webDesign_BGfooter.gif); height: 27px; margin-top: 0px; clear: both; }
/*Portfolio NAV*/

#contactForm { width: auto; display: block; clear: both; margin-bottom: 35px; }
#contactForm label { font-weight: bold; color: #FFCC33; font-size: 0.7em; clear: both; text-align: left; display: block; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; padding-left: 23px; background-position: left 4px; }
#contactForm label .input { width: 300px; padding: 5px; margin-bottom: 8px; font-size: 1em; color: #000000; background-color: #FFFFFF; border: 0px none #FFFFFF; border-radius:3px;}
#contactForm .submit { display: block; float: left; clear: both; margin-top: 15px; margin-bottom: 25px; margin-left: 24px; }

#divRight { float: right; width: 260px; text-align: center; }

#divRight h5.quicklook { background-image: url(../images/h5quicklook.gif); background-repeat: no-repeat; height: 100px; width: 200px; display: block; margin-top: 41px; float: right; margin-right: 20px; }
#divRight h5.stuffyoushouldknow { background-image: url(../images/h5stuffyoushouldknow.gif); background-repeat: no-repeat; height: 100px; width: 200px; display: block; margin-top: 10px; float: right; margin-right: 20px; }
#divRight h5.webdesigncomm { background-image: url(../images/h5_webdesigncomm.gif); background-repeat: no-repeat; height: 100px; width: 200px; display: block; margin-top: 41px; float: right; margin-right: 20px; }
#divRight h5.printdesigncomm { background-image: url(../images/h5_printdesigncomm.gif); background-repeat: no-repeat; height: 100px; width: 200px; display: block; margin-top: 41px; float: right; margin-right: 20px; }
#divRight h5.flickr { background-image: url(../images/h5flickr.gif); background-repeat: no-repeat; height: 50px; width: 200px; display: block; float: right; margin-right: 20px; margin-top: 40px; }
#divRight h5.randomdesigncomm { background-image: url(../images/h5_randomdesigncomm.gif); background-repeat: no-repeat; height: 100px; width: 200px; display: block; margin-top: 41px; float: right; margin-right: 20px; }

#divRight .tab { width: 170px; background: url(../images/png-trans.png) repeat left top; padding: 15px; float: right; margin-right: 20px; text-align: left; margin-bottom: 10px; }
#divRight .tab h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 0.8em; color: #63B6C7; margin-bottom: 3px; }
#divRight .tab p { font-size: 0.8em; text-align: left; display: block; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; color: #FFFFFF; line-height: 1.8em; }
#divRight .tab ul { text-align: left; list-style-type: none; }
#divRight .tab ul li { color: #FFFFFF; display: block; margin-top: 8px; margin-bottom: 8px; line-height: 1.7em; padding-left: 25px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 0 0px; }
body.site .tab ul li {font-size:0.7em;}

#divRight .tab ul li h4 {font-size:0.70em;}
#divRight .tab ul li li {background-image:none!important; font-size:0.65em;}
#divRight .tab ul li li a {background-image:none!important;}



.tab ul li a { color: #0099CC; background-image:none; display:inline; }
.tab ul li a:hover { color: #FFCC33; }

#divRight .tab a { color: #0099CC; text-decoration: none; font-weight: bold; }
#divRight .tab a:hover { color: #FFCC33; }

h1, h2, .offScreen { font-size: 0px; line-height: 0px; position: absolute; left: -9999px; }
h3 { margin-bottom: 1.2em; margin-top: 0px; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #FFF; font-size: 1.8em; line-height: 1.4em; }
h3 span.orange { color: #FC3; }

.divClear { clear: both; }

.smallRed { font-size: 11px; color: #FF6600; }

#divFooter { height: 30px; width: 500px; font-size: 0.6em; padding-top: 15px; color: #FFFFFF; text-transform: uppercase; clear:both;}
#divFooter p.floatLeft { float: left; margin-left: 0.6em; }
#divFooter p.floatLeft a { color: #FFCC33; text-decoration: none; }
#divFooter p.floatRight { float: right; margin-right: 0.6em; width:auto;}

.rss_box { display: block; margin-top: 30px; }
.rss_item { list-style-type: none; background: url(../images/bullet2.gif) no-repeat left 3px; padding-left: 25px; display: block;  font-size: 10px; color: #FFFFFF; line-height: 1.8em; margin-bottom: 4px; margin-top: 8px; padding-right: 10px; padding-bottom: 4px;}
.rss_item br { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 1px; display: none; }
.rss_item a { background-image: url(none); margin-top: 4px; line-height: 1.5em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; display: block; }
.rss_item a:hover{text-align:left!important; }
.rss_date { color: #0099CC; font-size: 9px; padding-left: 0px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: block; }

#flickr img { width:50px; height:50px; float:left; border:1px solid #fff; margin-left:3px; margin-bottom:3px; }
#flickr img:hover { border:1px solid #0099CC; }


#twitter_div  {position:relative; margin-top:45px;}
#twitter_div h3 { padding-left:60px; margin-bottom:10px; padding-bottom:0px;}
#twitter_div h3 a {font-weight:normal;}
img.tweet { position:absolute; left:3px; top: -16px;}
#twitter_update_list {list-style-type:none;}
#twitter_update_list li {color:#FFF;font-size:0.8em;display:block; margin-bottom:10px; padding-left:30px; background:url(../images/bullet2.gif) left 2px no-repeat;}