* {border : 0; font-family : Verdana, Arial, sans-serif; margin : 0; padding : 0;}
body {background : url("../pics/background_body.gif") repeat-y top center; font-size : 100%;}

/* Layout */
#wrap {background : url("../pics/wrapgrid.gif") repeat-y 0 0; margin : 0 auto; overflow : hidden; padding-top : 10px; width : 800px;}
#header {margin-left : 9px; position : relative; width : 780px;}
#navbar {background : url("../pics/navbar.jpg") no-repeat 0 0; height : 51px; margin-left : 9px; position : relative; width : 780px;}
#navbar ul {list-style : none; margin-left : 13px; padding-top : 12px;}
#navbar ul li {display : inline;}
#navbar ul li.home {float : left; width : 44px;}
#navbar ul li.recommendations {float : left; width : 128px;}
#navbar ul li.estimate {float : left; width : 73px;}
#navbar ul li.contact {float : left; width : 63px;}
#navbar ul li.kroplink {float : right; bottom : 4px; right : 10px; position : relative; width : 48px;}
#navbar ul li.twitterlink {float : right; bottom : 4px; right : 20px; position : relative; width : 36px;}
#navbar ul li.facebooklink {float : right; bottom : 4px; right : 30px; position : relative; width : 35px;}
#navbar ul li.googlepluslink {float : right; bottom : 4px; right : 40px; position : relative; width : 36px;}
#navbar ul li.googlepluslink img {width : 36px;}
#navbar ul li.leftspace {padding-left : 31px;}
li.home a {background : url("../pics/navbar/home.jpg") no-repeat 0 0; display : block; height : 29px; overflow : hidden; text-indent : -999999px; width : 44px;}
li.home a:hover, li.home a:focus, li.home a.focus {background : url("../pics/navbar/home.jpg") no-repeat 0 -29px;}
li.recommendations a {background : url("../pics/navbar/recommendations.jpg") no-repeat 0 0; display : block; height : 29px; overflow : hidden; text-indent : -999999px; width : 128px;}
li.recommendations a:hover, li.recommendations a:focus, li.recommendations a.focus {background : url("../pics/navbar/recommendations.jpg") no-repeat 0 -29px;}
li.estimate a {background : url("../pics/navbar/estimate.jpg") no-repeat 0 0; display : block; height : 29px; overflow : hidden; text-indent : -999999px; width : 73px;}
li.estimate a:hover, li.estimate a:focus, li.estimate a.focus {background : url("../pics/navbar/estimate.jpg") no-repeat 0 -29px;}
li.contact a {background : url("../pics/navbar/contact.jpg") no-repeat 0 0; display : block; height : 29px; overflow : hidden; text-indent : -999999px; width : 63px;}
li.contact a:hover, li.contact a:focus, li.contact a.focus {background : url("../pics/navbar/contact.jpg") no-repeat 0 -29px;}
#leftnav {float : left; width : 175px;}
#portfolio {background : url("../pics/background_portfolio.jpg") no-repeat top center; height : 428px; margin : 10px 0 20px 9px; padding : 15px 0 10px 10px; width : 165px;}
#portfolio ul {list-style : none;}
#portfolio ul li {border : 1px solid #BFBFBF; display : inline; float : left; height : 68px; margin : 0 10px 10px 0; width : 69px;}
#twitterfeed {margin : 0 0 20px 10px; position : relative; width : 175px;}
li.playgroup a {background : url("../pics/portfoliobuttons/playgroup.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.playgroup a:hover, li.playgroup a:focus, li.playgroup a.focus {background : url("../pics/portfoliobuttons/playgroup.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.schoolsfortheatre a {background : url("../pics/portfoliobuttons/schoolsfortheatre.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.schoolsfortheatre a:hover, li.schoolsfortheatre a:focus, li.schoolsfortheatre a.focus {background : url("../pics/portfoliobuttons/schoolsfortheatre.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.alchemytheatre a {background : url("../pics/portfoliobuttons/alchemytheatre.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.alchemytheatre a:hover, li.alchemytheatre a:focus, li.alchemytheatre a.focus {background : url("../pics/portfoliobuttons/alchemytheatre.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.sonnetrep a, div.recsonnetrep a {background : url("../pics/portfoliobuttons/sonnetrep.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.sonnetrep a:hover, li.sonnetrep a:focus, li.sonnetrep a.focus, div.recsonnetrep a:hover, div.recsonnetrep a:focus {background : url("../pics/portfoliobuttons/sonnetrep.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.singforyourseniors a, div.recsingforyourseniors a {background : url("../pics/portfoliobuttons/singforyourseniors.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.singforyourseniors a:hover, li.singforyourseniors a:focus, li.singforyourseniors a.focus, div.recsingforyourseniors a:hover, div.recsingforyourseniors a:focus {background : url("../pics/portfoliobuttons/singforyourseniors.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.angelreda a, div.recangelreda {background : url("../pics/portfoliobuttons/angelreda.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.angelreda a:hover, li.angelreda a:focus, li.angelreda a.focus, div.recangelreda a:hover, div.recangelreda a:focus {background : url("../pics/portfoliobuttons/angelreda.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.dremazzenga a, div.recdremazzenga {background : url("../pics/portfoliobuttons/dremazzenga.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.dremazzenga a:hover, li.dremazzenga a:focus, li.dremazzenga a.focus, div.recdremazzenga a:hover, div.recdremazzenga a:focus {background : url("../pics/portfoliobuttons/dremazzenga.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.cameronanderson a, div.reccameronanderson a {background : url("../pics/portfoliobuttons/cameronanderson.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.cameronanderson a:hover, li.cameronanderson a:focus, li.cameronanderson a.focus, div.reccameronanderson a:hover, div.reccameronanderson a:focus {background : url("../pics/portfoliobuttons/cameronanderson.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.frannysilverman a, div.recfrannysilverman a {background : url("../pics/portfoliobuttons/frannysilverman.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.frannysilverman a:hover, li.frannysilverman a:focus, li.frannysilverman a.focus, div.recfrannysilverman a:hover, div.recfrannysilverman a:focus {background : url("../pics/portfoliobuttons/frannysilverman.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
li.brandoncutrell a, div.recbrandoncutrell a {background : url("../pics/portfoliobuttons/brandoncutrell.jpg") no-repeat 0 0; display : block; height : 68px; overflow : hidden; text-indent : -999999px; width : 69px;}
li.brandoncutrell a:hover, li.brandoncutrell a:focus, li.brandoncutrell a.focus, div.recbrandoncutrell a:hover, div.recbrandoncutrell a:focus {background : url("../pics/portfoliobuttons/brandoncutrell.jpg") no-repeat 0 -68px; height : 68px; width : 69px;}
#portfolio h2, #twitter {text-align : center;}
#content {float : right; margin : 10px 10px 0 9px; padding-bottom : 50px; width : 586px;}
#footer {border : 1px solid #BFBFBF; clear : both; line-height : 160%; margin-left : 9px; padding : 1em 0; width : 778px;}
#minilogo {clear : both; float : right; width : 53px; padding : 0 8px 0 0;}
img.rssfeed {float : right; margin : 8px 6px 0 0;}
div.recommendationsicon {border : 1px solid #BFBFBF; float : left; width : 69px;}
div.recommendationby {float : right; padding-left : 10px; width : 497px;}
form {margin-top : 3.5em;}
form div, form div.formleft, form div.formright {margin-bottom : 1.5em; width : 293px;}
form div.formleft {clear : both; float : left;}
form div.formright {float : right;}
form input.text, form textarea {border : 1px solid #BFBFBF; font-size : 0.9375em; padding : 0.3em;}
form input.text {display : block; height : 1.25em; margin-top : 3px; width : 250px;}
form label {font-weight : bold;}
form legend {font-size : 1.25em; font-weight : bold; padding-bottom : 1.0em;}
form fieldset {margin-bottom : 3em;}
form ul {list-style : none; margin-top : 6px;}
form input.submit {border : 1px solid #BFBFBF; font-weight : bold; padding : 0.3em;}

/* Design */
#content {font-size : 0.75em;}
#content a, #footer a {color : #2E3182;}
#content a:hover, #content a:visited, #footer a:hover, #footer a:visited, ul#twitter_update_list a:hover, ul#twitter_update_list a:visited {color : #898BB8;}
#content p, #content li {line-height : 180%;}
#content p {clear : both;}
#content li {margin-left : 1em;}
#content p, #content ul {margin-bottom : 1.5em;}
#content h2 {margin-bottom : 1.0em;}
h2#fromscratch {background : url("../pics/headings/wedoitfromscratch.png") no-repeat 0 0; height : 0; margin-top : 12px; overflow : hidden; padding-top : 47px; width : 307px;}
h2#contact {background : url("../pics/headings/contact.png") no-repeat 0 0; height : 0; margin-top : 14px; overflow : hidden; padding-top : 30px; width : 97px;}
h2#recommendations {background : url("../pics/headings/recommendations.png") no-repeat 0 0; height : 0; margin-top : 14px; overflow : hidden; padding-top : 38px; width : 207px;}
h2#estimate {background : url("../pics/headings/estimate.png") no-repeat 0 0; height : 0; margin-top : 15px; overflow : hidden; padding-top : 28px; width : 112px;}
h2#error {background : url("../pics/headings/error.png") no-repeat 0 0; height : 0; margin-top : 15px; overflow : hidden; padding-top : 28px; width : 86px;}
h2#sitemap {background : url("../pics/headings/sitemap.png") no-repeat 0 0; height : 0; margin-top : 15px; overflow : hidden; padding-top : 38px; width : 100px;}
#footer {background-color : #D1D5DB; font-size : 0.6875em; text-align : center;}
span.asterick {color : #FF0000; font-weight : bold;}
ul.estimate_progress {background-color : #D1D5DB; border : 1px solid #BFBFBF; list-style : none; padding : 1.70em; width : 560px;}
ul.estimate_progress li {display : inline; padding : 2.0em;}
ul.estimate_progress li.progress_focus {background-color : #FFF;}

/* Buttons */
a.rollover_personal {background : url("../pics/buttons/estimate_personal.png") no-repeat 0 0; display : block; height : 45px; margin-bottom : 1.0em; overflow : hidden; text-indent : -999999px; width : 146px;}
a.rollover_personal:hover, a.rollover_personal:focus {background : url("../pics/buttons/estimate_personal.png") no-repeat 0 -45px; height : 45px; width : 146px;}
a.rollover_business {background : url("../pics/buttons/estimate_business.png") no-repeat 0 0; display : block; height : 45px; margin-bottom : 1.0em; overflow : hidden; text-indent : -999999px; width : 146px;}
a.rollover_business:hover, a.rollover_business:focus {background : url("../pics/buttons/estimate_business.png") no-repeat 0 -45px; height : 45px; width : 146px;}