/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0 0 1em 0; }
li, dd { margin-left:5%;}
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
a img { border:none; vertical-align:middle;
}

a, a:link {
	color:#8d97a6;
	text-decoration:none;
	border-bottom:1px solid #7e8fa8;
}

a:hover {
	background:#7e8fa8;
	color:#3d4e66;
}

H1 {
	font-weight: normal;
	font-size: 1.333em;
	line-height: 1.125em;
	margin: 0 0 1.125em 0;
}

H2, H3 {
	font-weight: normal;
	font-size: 1.167em;
	line-height:1.286em;
	margin: 1.286em 0 1.286em 0;
	text-indent: -0.0714em;
}
    
h2.title {
    margin-top:0;
}
H4 {
	font-weight: normal;
	font-size: 1em;
	margin: 0 0 1em 0;
}


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	padding:0;
	margin:0;
	background:#3d4e66;
	color:#c5cad1;
	font-size:0.8em;
	line-height:1.5em;
	font-family: verdana, helvetica, arial, sans-serif;
	text-align: center;
}

#container {
	margin:0 auto;
	width:900px;
	text-align: left;
}


#nav {
    list-style:none;
	position:absolute;
	top:26px;
	left:343px;
	font-size:18px;
	line-height:50px;
    width:300px;
}

#nav li {
    display:inline;
    margin-right:15px;
    margin-left:0;
}

#nav li.secondary {
	font-size:12px;
}



#header {
	height:100px;
	background: url(../images/header-logo.png) no-repeat left center;
	position:relative;
	letter-spacing:1px;
}

#header h1 {
    position:absolute;
	display:block;
	top:30px;
	height:35px;
	width:290px;
	text-indent:-10000px;
}

#header h1 a,
#header h1 a:link,
#header h1 a:hover {
	display:block;
	height:35px;
	text-decoration:none;
	border:none;
	background:none;
}


#content {
	position:relative;
	width:900px;
}

#content img {
	padding:7px;
	background:white;
}
#content a:hover img { border:none; background:#aaa;}
.home #content a:hover img { background:#fff;}

#primary {
	width:300px;
	margin:0 10px;
	padding:10px 0;
	float:left;
	color:black;
}

#secondary {
	width:500px;
	float:right;
}



#footer {
    text-align:left;
	margin-top:1em;
    margin-bottom:3em;
	color:#789;
}


/* ------ tmp ------*/

#address {
	font-weight:normal;
	position:absolute;
	left:600px;
	top:37px;
	width:250px;
	line-height:1.2em;	
}

#contact {
	font-weight:normal;
	position:absolute;
	left:343px;
	top:35px;
	width:250px;
	line-height:1.2em;
}

/* ------ content sections ------*/

div.side {
    float:left;
    width:290px;
}

div.main {
    float:right;
    width:585px;
}


/* ------ announcements ------*/

.announcement {
    margin-bottom:2em;
    padding-left:0px;
}
.announcement h1.title {
    font-size:1.4em;
    margin:0;
    margin-left:0px;
}

 .meta {
    color:#789;
    margin:0 0 7px 0px;
    padding-bottom:3px;
    font-size:.9em;
}

/* ------ porfolio ------*/

.portfolio .set .meta, .set h1 {float:left; margin:0 1em 0.5em 0 ;}
.portfolio div.set {
	margin-bottom:20px;
}
.portfolio  #content div.set a img {
	padding:3px;
}
.portfolio a img {
	float:left;
	margin:0 10px 25px 0;
}

/*.portfolio .main {float:left;}
.portfolio .side {float:right;}*/

p.navlink {
    font-size:.9em;
}

/* ------ home ------*/

.home .side {
    margin-left:10px;
}

.home .image {
    margin-bottom:2em;
}

.home .main .announcement {
    border-left:1px solid #B6BDC6;
    padding-left:30px;
}
.home .announcement h3 {
    margin-top:0;
    margin-bottom:.5em;
}
.home .announcement p {
    margin:.5em 0 ;
    line-height:1.5em;
    height:1.5em;
    overflow:hidden;
}

.buybutton {
    border:1px solid #C5CAD1;
    position:relative;
    float:left;
    height:20px;
}

.buybutton b { 
    display:block;margin-top:-2px; padding:2px;
    width:7.5em;
    text-align:center;
    position:absolute;
    left:0; top:0;
}

.buybutton form {
    display:block;
    margin-left:7.5em;
}
.buybutton img {display:none;}