body {
background: #3E3B2D url(images/h-repeat.jpg) repeat-x;
margin: 0;
padding: 0;
}

div#main {
background: url(images/main-bg-blu.jpg) no-repeat;
border: 0px dotted lime;
height: 800px;
margin: 0;
padding: 0;
}

div#header {
background: #;
border: 0px dotted lime;
height: 170px;
margin: 0;
padding: 0;
}

div#left-col {
background: #;
border: 0px solid red;
width: 310px;
height: 600px;
margin: 0;
padding: 40px 0 0 40px;
float: left;
}

div#stage {
border-top: 2px solid #fff;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
width: 820px;
height: 570px;
margin: 0;
padding: 0;
overflow: hidden;
text-align: left;
}


div.nav {
border: 0px solid red;
margin: 5px 0 0 0;
padding: 0;
}

div#button-about {
border: 0px solid lime;
margin: 36px 0 0 0;
padding: 0;
}


.nav-link {
margin: 0;
padding: 0;
border: 0;
}

#button-port a {
background: url(images/button-port.png) no-repeat;
background-position:0 0;
width:80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-port a:hover {
background: url(images/button-port.png) no-repeat;
background-position:-80px -0;
width: 80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-about a {
background: url(images/button-about.png) no-repeat;
background-position:0 0;
width:80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-about a:hover {
background: url(images/button-about.png) no-repeat;
background-position:-80px -0;
width: 80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-contact a {
background: url(images/button-contact.png) no-repeat;
background-position:0 0;
width:80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-contact a:hover {
background: url(images/button-contact.png) no-repeat;
background-position:-80px -0;
width: 80px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
border: 0;
}

#button-back a {
background: url(images/button-back.png) no-repeat;
background-position: -50px 0;
border: 0px solid lime;
width:50px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
float: left;
border: 0px solid red;
}

#button-back a:hover {
background: url(images/button-back.png) no-repeat;
background-position: 0 0;
border: 0px solid lime;
width: 50px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
float: left;
border: 0;
}


#button-forth a {
background: url(images/button-forth.png) no-repeat;
background-position: -51px 0;
border: 0px solid lime;
width:51px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
margin: 0 0 0 10px;
border: 0;
}

#button-forth a:hover {
background: url(images/button-forth.png) no-repeat;
background-position: 0 0;
border: 0px solid lime;
width: 51px;
height: 30px;
text-align: left;
display: block;
text-indent: 9999px;
overflow: hidden;
margin: 0 0 0 10px;
border: 0;
}




ul.nav-list {
border: 0px solid lime;
margin: 0 0 0 8px;
padding: 0;
list-style: none;
font-family: arial;
font-size: 11px;
}

ul.nav-list li {
margin: 0 0 5px 0;
padding: 0;
}

.nav-list a.nav-small {
color: #B3B2AA;
text-decoration: none;
}

.nav-list a:visited.nav-small {
color: #B3B2AA;
text-decoration: none;
}

.nav-list a:hover.nav-small {
border-bottom: 1px dotted #ACDBE3;
color: #ACDBE3;
}


/* BEGIN SMALL NAV DESCENDANT SELECTORS 

These pick nav link styles by the body id in each page and then the li id in the nav list. 

There are four standard body ID's used:
#sec-logo
#sec-print
#sec-pack
#sec-web

*/


#sec-logo .nav-list #logo a.nav-small {
border-bottom: 1px dotted #ACDBE3;
color: #ACDBE3;
}

#sec-print .nav-list #print a.nav-small {
border-bottom: 1px dotted #ACDBE3;
color: #ACDBE3;
}

#sec-pack .nav-list #pack a.nav-small {
border-bottom: 1px dotted #ACDBE3;
color: #ACDBE3;
}

#sec-web .nav-list #web a.nav-small {
border-bottom: 1px dotted #ACDBE3;
color: #ACDBE3;
}


/* END SMALL NAV DESCENDANT SELECTORS */




p {
font-family: arial;
font-size: 12px;
color: #A1D6DE;
line-height: 18px;
}


p.blurb-title {
margin: 10px 0 0 0;
font-weight: bold;
}

p.blurb-body {
margin: 0 80px 80px 0;
}





a:link.inline, a:hover.inline, a:visited.inline {
color: #A1D6DE;
border: 0;
}



a:link.img-link, a:visited.img-link, a:hover.img-link, a:active.img-link {
padding: 0;
margin: 0;
border: 0;
}


img.about-contact {
padding: 0;
margin: 160px 60px 20px 60px;
border: 1px soild red;
}



p.about-text {
margin: 10px 60px 0 60px;
padding: 0;
color: #fdf9cb;
font-size: 18px;
line-height: 22px;
}


p.contact-text {
margin: 10px 0 0 60px;
padding: 0;
color: #d5cc52;
font-size: 18px;
line-height: 22px;
}


span#phone {
margin: 10px 60px 0 0;
padding: 0;
color: #fdf9cb;
font-size: 18px;
line-height: 22px;
}

img.stage-img {
border: 0;
padding: 0;
margin: 0;
}


div.blurb {
border: 0px red solid;
padding: 0;
margin: 0;
height: 140px;
}


a:link.inline-link, a:visited.inline-link, a:hover.inline-link, a:active.inline-link {
padding: 0;
margin: 0;
border: 0;
color: #fdf9cb;
font-size: 18px;
line-height: 22px;
text-decoration: underline;
}




div#button-box {
border: 0;
padding: 0;
margin: 55px 0 0 0;
}