*
{
    margin:0px;
    padding:0px;
}

body 
{
    background-color:white;
    background-image: url(/images/topstrip.png);
    background-repeat: repeat-x;
}

.clearfix:after
{
    display:block;
    height:0px;
    visibility:hidden;
    clear:both;
    content: '.';
}

#wrapper
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
    color:#424242;
    font-size:13px;
    line-height: 21px
}

.container
{
    width: 960px;
    margin-left:auto;
    margin-right:auto;
    background-color:transparent;
}


ul 
{
    padding-top:0px;
	list-style-type: square;
	margin-top:0px;
	margin-bottom:1em;
}

li {
	margin-left: 30px
}

a:link {
	color: #d16727
}
a:visited {
	color: #d16727
}
p a:hover {
	text-decoration: none
}

p
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
    margin-bottom:20px;
}

p.lead {
	line-height: 30px; 
	font-family: "Helvetica Neue", arial; 
	font-size: 22px; 
	font-weight: 300;
}

h3 a {
	font-family: "Helvetica Neue", arial; 
	letter-spacing: -0.25px; 
	font-size: 24px; 
	font-weight: 300;
	text-decoration: none;
}
h3 a:link {
	color: #3899bc;
}
h3 a:visited {
	color: #3899bc;
}
h3 a:hover {
	text-decoration: underline;
}
h3 span {
	color: #a2a2a2; 
	font-size: 11px;
	font-weight: normal;
}


#header
{
   position:relative; 
}

#header .container
{
    position:relative;
}

.logobound
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}


#logo h1 {
	TEXT-INDENT: -9999px
}

#logo a
{
    width:283px;
    display:block;
    background:url(/images/logo.gif) no-repeat;
    height:110px;
}

#logo a:hover
{
    background-position: 50% bottom;
}

.container .navbound
{
    width:580px;
}

.navbound
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

#nav
{
    position:absolute;
    margin-left:10px;
    right:10px;
}

#nav ul
{
    padding-bottom:0px;
    margin:20px 0px 0px;
    padding-left:0px;
    padding-right:0px;
    display:block;
    padding-top:0px;
}

#nav li
{
    padding-bottom:0px;
    text-indent:-9999px;
    margin:0px;
    padding-left:0px;
    padding-right:0px;
    display:inline;
    padding-top:0px;
}

#nav li.last a
{
    border-bottom:0px;
    border-left:0px;
    margin:0px;
    border-top:0px;
    border-right:0px;
}

#nav li a
{
    background-image:url(/images/nav.png);
    display:block;   
    background-repeat:no-repeat;
    float:left;
    height:84px;
}

#nav li#about a
{
    width:139px;
    background-position:0px 0px;
}

#nav li#about a:hover
{
    width:139px;
    background-position:0px -84px;
}

#nav li#about a:active, #aboutnav + #nav #about a
{
    width:139px;
    background-position:0px -84px;
}

#nav li#services a
{
    width:171px;
    background-position:-139px 0px;
}

#nav li#services a:hover
{
    width:171px;
    background-position:-139px -84px;
}

#nav li#services a:active, #servicesnav + #nav #services a
{
    width:171px;
    background-position:-139px -84px;
}

#nav li#contact a
{
    width:178px;
    background-position:-310px 0px;
}

#nav li#contact a:hover
{
    width:178px;
    background-position:-310px -84px;
}

#nav li#contact a:active, #contactnav + #nav #contact a
{
    width:178px;
    background-position:-310px -84px;
}

#nav li#rss a
{
    width:77px;
    background-position:-488px 0px;
}

#nav li#rss a:hover
{
    width:77px;
    background-position:-488px -84px;
}

#nav li#rss a:active
{
    width:77px;
    background-position:-488px -84px;
}


#callout {
	margin-bottom: 30px;
	background: url(/images/callout-content.jpg) no-repeat center center;
	height: 322px
}
#callout H2 {
	text-indent: -9999px; 
	margin: 0px; 
	display: block; 
	height: 1px;
}

#callout P {
	text-indent: -9999px; 
	margin: 0px; 
	display: block; 
	height: 1px;
}

.buttons
{
    position:relative;
    padding-right: 560px;
    display: inline; 
    float: left; 
    margin-left: 10px; 
    margin-right: 10px;
    top:15px;
    left:40px;
}

#buttons {
	position: relative; 
	display: inline; 
	float: left; 
	height: 322px;
}
#buttons A {
	position: absolute; 
	text-indent: -9999px; 
	width: 219px; 
	bottom: 0px; 
	display: block; 
	height: 54px;
}
#buttons A:hover {
	background-position: 50% bottom;
}
#buttons A#services {
	background-image: url(/images/buttons/services.png); BOTTOM: 50px; LEFT: 0px
}
#buttons A#get-in-touch {
	background-image: url(/images/buttons/get-in-touch.png); BOTTOM: 50px; LEFT: 250px
}


#content
{
    
}

.rightcontent
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    padding-left:80px;
    width:360px;
    /*margin-top:-50px;*/
}

#presskit {
	border: #f0eac1 2px solid; 
	padding-bottom: 1.25em; 
	margin-top: 15px; 
	padding-left: 2em; 
	padding-right: 2em; 
	background: #fffbe4; 
	padding-top: 1.25em;
}
#presskit h3 {
	margin-bottom: 6px;
	color: #3899bc
}
#presskit p {
	line-height: 17px; 
	margin: 0px; 
	font-size: 11px;
}




.leftcontent
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    width:460px;
}

#footer
{
    position:relative;
    padding-bottom:120px;
    margin-top:50px;
    padding-left:0px;
    padding-right:0px;
    background: url(/images/footer-shadow.png) #a5a5a5 no-repeat center top; 
    color: white; 
    padding-top: 25px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif!important;
    font-size:12px!important;
}

.copyrightstyle
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

#footer #links-credit
{
    position: relative; 
    background: #a5a5a5; 
    color: white
}

#footer #links-credit UL {
	position: absolute; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	right: 0px; 
	padding-top: 0px;
}
#footer #links-credit LI {
	padding-bottom: 0px; 
	margin: 0px 1em 0px 0px; 
	padding-left: 0px; 
	padding-right: 1em; 
	display: inline; 
	border-right: #ccc 1px solid; 
	padding-top: 0px;
}
#footer #links-credit LI.last {
	padding-right: 0px; 
	margin-right: 0px; 
	border-right: medium none;
}
#footer #links-credit IMG {
	position: relative; 
	margin-bottom: -10px;
}
#footer A:link {
	color: white;
}
#footer A:visited {
	color: white;
}
#footer A:hover {
	text-decoration: none
}
#footer #copyright P {
	padding-top: 0px
}

.holder {
	margin-top: 35px;
}

.webnav { z-index:99; margin: 5px 0;}
#webnav {position:relative!important; padding-bottom:2px; height:20px!important;}
#webnav a { margin: 0px 3px; padding: 3px 5px; border: 1px solid #ccc; background: #ccc; text-decoration: none }
#webnav a.activeSlide { background: #444 }
#webnav a:focus { outline: none; }
#webnav { text-align: left }


.page-title {
	margin: 20px 0px 25px; background-repeat: no-repeat; background-position: center top; height: 90px
}
.page-title h2 {
	text-indent: -9999px
}

#aboutbanner + .page-title
{
    background-image: url(/images/title-about.png)
}

#servicesbanner + .page-title
{
    background-image: url(/images/title-services.png)
}

#contactbanner + .page-title
{
    background-image: url(/images/title-contact.png)
}


.demo-show {
  width: 600px;
  margin: 1em .5em;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
  background: #bfcd93;
  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;
}
.demo-show div {
  padding: .5em .25em;
}

.rightimage
{
    text-align:center;
}