* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%;
font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
}

#red {
background: url(images/dots-red-body.gif) center 50px no-repeat;
}

#about {
background: url(images/dots-red-body2.gif) center 50px no-repeat;
}

#yellow {
background: url(images/dots-yellow-body.gif) center 50px no-repeat;
}


/* =============== Splash Elements =============== */

#content-splash-wrap {
background: #C81511;
}

#content-splash {
position: relative;
margin: 0 auto;
height: 539px;
width: 800px;
background: url(images/splash-bg.jpg) -5px 0px no-repeat;
}

#splash-welcome {
position: absolute;
top: 460px;
left: 0px;
width: 100%;
text-align: center;
}

#splash-big-link {
position: absolute;
top: 130px;
left: 250px;
display: block;
height: 305px;
width: 304px;
background: url(images/splash-logo.jpg) no-repeat;
text-indent: -9999px;
}

#splash-welcome a {
text-transform: uppercase;
color: #B60704;
text-decoration: none;
font-family: helvetica, arial, sans-serif;
}


/* =============== Home Elements =============== */

#content-home-wrap {
background: #C81511 url(images/dots-home-body.gif) center 50px no-repeat;
}

#content-home {
position: relative;
margin: 0 auto;
height: 537px;
width: 910px;
background: #C81511 url(images/home-bg.jpg) top center no-repeat;
}

#home-text {
position: absolute;
top: 380px;
left: 0px;
width: 100%;
text-align: center;
}

#logo-small {
margin: 0 auto 14px auto;
display: block;
width: 106px;
height: 105px;
background: transparent url(images/logo-small.gif) no-repeat;
text-indent: -9999px;
}

#home-text p {
color: #FFF;
font-size: 1.4em;
font-style: italic;
}

#studio-home:link, #studio-home:visited {
position: absolute;
top: 50px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/studio-home4.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}



#studio-home:hover, #studio-home:active {
position: absolute;
top: 50px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/studio-home4.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#family-home:link, #family-home:visited {
position: absolute;
top: 50px;
left: 150px;
width: 133px;
height: 133px;
background: url(images/family-home4.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#family-home:hover, #family-home:active {
position: absolute;
top: 50px;
left: 150px;
width: 133px;
height: 133px;
background: url(images/family-home4.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#schools-home:link, #schools-home:visited {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/schools-home3.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#schools-home:hover, #schools-home:active {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/schools-home3.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#special-interest-home:link, #special-interest-home:visited {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/special-interest-home2.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#special-interest-home:hover, #special-interest-home:active {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/special-interest-home2.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#galleries-ordering-home:link, #galleries-ordering-home:visited {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/galleries-ordering-home.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#galleries-ordering-home:hover, #galleries-ordering-home:active {
position: absolute;
top: 202px;
left: 626px;
width: 133px;
height: 133px;
background: url(images/galleries-ordering-home.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#corporate-home:link, #corporate-home:visited {
position: absolute;
top: 202px;
left: 150px;
width: 133px;
height: 133px;
background: url(images/corporate-home4.png) no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}

#corporate-home:hover, #corporate-home:active {
position: absolute;
top: 202px;
left: 150px;
width: 133px;
height: 133px;
background: url(images/corporate-home4.png) -133px 0px no-repeat;
text-indent: -9999px;
behavior: url(Scripts/iepngfix.htc);
}


/* =============== Content Page Elements =============== */

#content-wrap {
}

#content {
position: relative;
margin: 0 auto;
padding-top: 385px;
width: 910px;
}

#content-testimonials {
position: relative;
margin: 0 auto;
padding-top: 50px;
width: 910px;
}

.red {
background: #FFF url(images/dots-red.gif) center 50px no-repeat;
}

.yellow {
background: #FFF url(images/dots-yellow.gif) center 50px no-repeat;
}

.about {
background: #FFF url(images/dots-red2.gif) center 50px no-repeat;
}

.about_yellow {
background: #FFF url(images/dots-yellow2.gif) center 50px no-repeat;
}

.testimonials {
background: #FFF url(images/dots-yellow-testimonials.gif) center 50px no-repeat;
}

#content-text {
text-align: center;
padding-bottom: 10px;
}

#content-contact {
text-align: center;
padding-bottom: 160px;
}

#content-text h1, #content-contact h1 {
text-transform: uppercase;
font-size: 1.25em;
color: #ED2027;
margin-bottom: 16px;
}

#content-text p, #content-contact p {
margin: 0 auto 20px auto;
width: 600px;
line-height: 130%;
color: #666;
font-size: 1.2em;
}

#content p a {
color: #666;
}

#content-text p cite {
font-size: 1em;
color: #333;
}


/* =============== About Pages Portaits and Links =============== */

#feature {
position: absolute;
top: 33px;
left: 292px;
width: 333px;
height: 333px;
}

#staff-top-left {
position: absolute;
top: 50px;
left: 150px;
width: 135px;
height: 147px;
text-indent: -9999px;
}

#staff-top-right {
position: absolute;
top: 50px;
left: 627px;
width: 135px;
height: 147px;
text-indent: -9999px;
}

#staff-left {
position: absolute;
top: 202px;
left: 150px;
width: 135px;
height: 147px;
text-indent: -9999px;
}

#staff-right {
position: absolute;
top: 202px;
left: 627px;
width: 135px;
height: 147px;
text-indent: -9999px;
}

.kim {
background: url(images/kim-small.jpg) no-repeat;
}

.allan {
background: url(images/allan-small3.jpg) no-repeat;
}

.laura {
background: url(images/laura-small.jpg) no-repeat;
}

#logo-small-about {
position: absolute;
top: 51px;
left: 2px;
display: block;
width: 136px;
height: 137px;
background: transparent url(images/logo-small-shadow.jpg) no-repeat;
text-indent: -9999px;
}

#logo-small-inner {
margin: 0 auto 14px auto;
display: block;
width: 106px;
height: 106px;
background: transparent url(images/logo-small-inner.gif) no-repeat;
text-indent: -9999px;
}


/* =============== Flash Slideshow Container =============== */


#slideshow {
position: absolute;
top: 33px;
left: 292px;
width: 333px;
height: 333px;
z-index: 100;
}

#slideshow-red {
position: absolute;
top: 33px;
left: 292px;
width: 333px;
height: 333px;
z-index: 100;
}

#slideshow p {
padding-top: 150px;
text-align: center;
color: #FFF;
font-family: helvetica;}


/* =============== Services Links =============== */

#top-left {
position: absolute;
top: 50px;
left: 150px;
width: 135px;
height: 158px;
text-indent: -9999px;
}

#top-right {
position: absolute;
top: 50px;
left: 626px;
width: 135px;
height: 158px;
text-indent: -9999px;
}

#bottom-left {
position: absolute;
top: 202px;
left: 150px;
width: 135px;
height: 158px;
text-indent: -9999px;
}

#bottom-right {
position: absolute;
top: 202px;
left: 626px;
width: 135px;
height: 158px;
text-indent: -9999px;
}

#bottom-far-right {
position: absolute;
top: 202px;
left: 775px;
width: 131px;
height: 131px;
text-indent: -9999px;
}

#bottom-far-left {
position: absolute;
top: 200px;
left: 2px;
width: 133px;
height: 137px;
text-indent: -9999px;
}

.family {
background: url(images/family-small.jpg) no-repeat;
text-indent: -9999px;
}

.corporate {
background: url(images/corporate-small.jpg) no-repeat;
}

.studio {
background: url(images/studio-small2.jpg) no-repeat;
}

.schools {
background: url(images/schools-small.jpg) no-repeat;
}

.special-interest {
background: url(images/special-interest-small.jpg) no-repeat;
}

.galleries-ordering {
background: url(images/galleries-ordering-small.jpg) no-repeat;
}

.testimonials-btn {
background: url(images/testimonials-btn.gif) no-repeat;
}

.back-btn {
background: url(images/back-btn.gif) no-repeat;
}

#logo-small-services {
position: absolute;
top: 51px;
left: 2px;
display: block;
width: 136px;
height: 137px;
background: transparent url(images/logo-small-shadow.jpg) no-repeat;
text-indent: -9999px;
}



/* =============== Main Navigation =============== */

#navigation-wrap {
background: #000;
padding: 10px 0;
}

#navigation {
margin: 0 auto;
list-style: none;
text-align: center;
width: 800px;
}

#navigation li {
display: inline;
margin-left: 14px;
padding-right: 14px;
border-right: 1px solid #FFCB08;
text-transform: uppercase;
font-size: 1.1em;
}

#navigation li.last {
border: none;
}

#navigation li a:link, #navigation li a:visited {
color: #6D6E71;
text-decoration: none;
}

#navigation li a:hover, #navigation li a:active, #navigation li a#youarehere {
color: #FFCB08;
text-decoration: none;
}


/* =============== Secondary Navigation =============== */

#content-text ul {
margin: 0 auto 20px auto;
list-style: none;
text-align: center;
width: 800px;
}

#content-text ul li {
display: inline;
margin-right: 22px;
}

#content-text ul li.last {
margin: 0;
}

#content-text ul li a {
font-family: helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
color: #666;
}


/* =============== Headers =============== */

#splash-welcome h1 {
margin-bottom: 22px;
color: #FFF;
font-weight: normal;
text-transform: uppercase;
font-size: 1.4em;
}





/* =============== Footer =============== */

#footer {
margin: 15px auto;
width: 320px;
}

#footer p {
position: relative;
color: #9A9C9F;
text-transform: uppercase;
font-size: 0.9em;
}

#footer p span {
position: absolute;
bottom: 0px;
right: 0px;
}

#footer a {
text-decoration: none;
color: #9A9C9F;
}


/* =============== Bits & Pieces =============== */

a {
outline: none;
}