@import "reset.css";
@import "base.css";
@import "fonts.css";

body, html {font-family: Verdana, Arial, Helvetica, sans-serif}
body {min-width:816px;background-color:#f5e233; }
h1, h2, h3, h4 {letter-spacing:.5px;}
a:focus {outline: none}
a {text-decoration:none}
a:hover {text-decoration:none}
.clear {clear:both}
.small {font-size:77%}
.hilite2 { color:#000000; font-size:108%; font-weight:bold}
ol,ul {letter-spacing:1px;text-align:justify; font-size:85%;}
li {padding-bottom:5px}
p { letter-spacing:1px; line-height:150%;}
.home  {background:url(../images/home.png) no-repeat; width:82px; height:85px; float:left}

/*  <CONTAINERS>
--------------------------------------------------*/
#wrapper {background: url(../images/bkgIndex.jpg) no-repeat; width:816px; height:377px; margin:40px auto;}

/*  INDEX PAGE  */
#containerIndex img {padding:72px 0 0 385px}
#containerIndex h1 {color:#015a61; font-size:250%; padding:132px 0 0 28px; letter-spacing:2px}

/*  MAIN PAGE  */
#leftBird {width:269px; height:301px; float:left; padding:97px 0 0 80px}
#leftBird a {width:269px; height:301px; background:url(../images/birdStudioWork.gif) no-repeat 0px 0px; display:block}
#leftBird a:hover {background:url(../images/birdStudioWork.gif) no-repeat -269px 0px}
#rightBird {width:319px; height:349px; float:left; padding:97px 0 0 50px}
#rightBird a {width:319px; height:349px; background: url(../images/birdPublicArt.gif) no-repeat 0px 0px; display:block}
#rightBird a:hover {background:url(../images/birdPublicArt.gif) no-repeat -319px 0px}

#containerMain {clear:both; float:left;padding:10px 0 0 38px;}
#containerMain h1 {color:#276a3d; font-size:200%;letter-spacing:1px; line-height:80%; padding:0; margin:0}
#containerMain .mersky {text-indent:60px}

/*  LINKS PAGE  */
#containerLinks { text-align:center}
#containerLinks a {color:#ffffff; text-decoration:underline; font-weight:bold}
#containerLinks a:hover {color:#276a3d; text-decoration:underline}

/*  SHOP PAGE  */
#containerShop h1 { color:#000000; padding:60px 0 0 450px; font-size:200%; font-weight:normal}

/*  CONTACT PAGE  */
#containerContact {padding:125px 0 0 260px;}
#containerContact a { text-decoration:none; color:#FFFFFF}
#containerContact a:hover { text-decoration:none; color:#f5e233}
#containerContact .big { font-weight:bold; font-size:150%}
#containerContact .small { font-size:124%; padding-left:40px}

/*  RESUME PAGE  */
#containerResume {background-color:#FFFFFF; border:2px solid #000000; padding:10px 20px; width:630px; text-align:left; margin:20px auto}
#containerResume p {font-size:85%}
#containerResume table {margin:0; width:90%}
#containerResume td {border:0; padding:0 .5em .5em 0; vertical-align:top;letter-spacing:1px; line-height:150%;font-size:85%}


/*  STUDIO WORK PAGE  */
#containerStudio {margin:70px 0 0 70px}
.tbDiv {padding-right:90px; float:left}
#containerStudio p {padding-top:20px; text-align:center;font-size:85%;}
#containerStudio a {color:#000000; text-transform:lowercase;  text-decoration:none; font-weight:bold; letter-spacing:1px}
#containerStudio a:hover {color:#276a3d;}

/*  STUDIO PORTFOLIO PAGES  */
#containerStudioPort {}
#containerStudioPort table { margin:0 20px}
#containerStudioPort td { border:0; padding:0 20px 35px 0}
#containerStudioPort p { font-size:77%}
#containerStudioPort a {color:#000000; text-transform:lowercase; font-size:108%;  text-decoration:none; font-weight:bold; letter-spacing:1px}
#containerStudioPort a:hover {color:#b70141;}
#containerStudioPort .active {color:#b70141;}
#containerStudioPort .imgBorder { border-color:#000000; border-style:solid; border-width:1px 2px 2px 3px}


/*  PUBLIC ART PAGE  */
#containerPublic {}
#containerPublic table { margin-bottom:30px }
#containerPublic td { border:0; padding:0 20px 0 0 }
#containerPublic h1 { color:#ff6765; text-align:left; padding:30px 0 10px 0}
#containerPublic p {line-height:100%;}
#containerPublic table img { border:2px solid black}
#containerPublic table img:hover { border:2px solid #ff6765}



/*  <NAVIGATION>
--------------------------------------------------*/
#nav { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:116%; letter-spacing:1px;}
.navL {margin:0 0 0 40px;float:left;}
.navR {margin:-25px 0 0 115px;float:left;}
#nav a {color:#FFFFFF; text-decoration:none}
#nav a:hover {color:#276a3d}
#nav .active {color:#276a3d}