/* SETTINGS FOR THE PAGE AND TO POSITION THE FOOTER */

.portfolio-content { background: url(/images/portfolio/page_sketch.gif) no-repeat center top; padding: 40px 10px 10px 10px; }

html { overflow: -moz-scrollbars-vertical !important; }

html, body, #wrap {height: 100%; margin:0 auto;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 220px;}  /* must be same height as the footer */

#footercontainer {position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 200px;
	padding-top:20px;
	clear:both;
	font-size:125%;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* END SETTINGS */

/* COLUMN SETTINGS */
body {
background:url(/images/sides.jpg) no-repeat top center;
}

#header {
height:21.2em;
background:url(/images/headertop.png) no-repeat top left #fff;
}

#header #topbar {
width:890px;
height:35px;
background:url(/images/topmenu.gif) no-repeat;
margin:0 auto;
text-align:left;
}

#topbar #leftbar {
float:left;
}

#topbar #rightbar {
float:right;
width:360px;
height:35px;
}

#header .middle {
height:177px;
}

#header .middle img {
background:no-repeat top left;
padding:0;
margin:0;
border:0;
}


#headerbar {
 padding-left:179px;
 background:url(/images/headerbottom.png) no-repeat top left;
}

#crumbs {
font-size:0.9em;
padding-bottom:15px;
}

.line {
background:url(/images/line.gif) repeat-y top center;
}

#secondary .content {
margin-left:35px;
margin-right:14px;
}

#tertiary .content {
padding-left:5px;
text-align:left;
}

#tertiary a, #tertiary a:link, #tertiary a:hover, #tertiary a:visited {
	background:transparent;
	border:0;
}

#tertiary a:hover {
	text-decoration:underline;
}

#leftside, #rightside {
width:301px;
float:left;
}

#leftsidepad {
padding-right:11px;
}

#rightsidepad {
padding-left:11px;
}

#footercontainer .content {
width:925px;
padding-left:35px;
margin:0 auto;
color:#bbb;
}

#footercontainer #footer {
	width:890px;
	height:200px;
	background:url(/images/footerbg.gif) top center no-repeat;
	font-size:62.5%;
	color:#797979;
}

#footer .content {
	width:870px;
	padding:10px;
	font-size:1.2em;
	text-align:left;
}

#footer_col_alt {
	width:185px;
	padding-right:10px;
	float:left;
	clear:left;
}

#footer_col {
	width:204px;
	padding:0 10px;
	border-left:1px dotted #fff;
	float:left;
	height:180px;
}

#footer h4 {
	font-size:13px;
	background:url(/images/footerarrow.gif) no-repeat;
	background-position:left 5px;
	padding-left:21px;
}

#footer h4, #footer_col_alt, #footer_col {
	color:#797979;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer ul li {
	margin:0 0 5px 21px;
	padding:0;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:link, #footer ul li a:active {
	color:#797979;
	padding-bottom:1px;
	border-bottom:1px dotted #797979;
	text-decoration:none;
	background:transparent;
}

#footer ul li a:hover {
	color:#797979;
	border-bottom:1px dotted #bbb;
	text-decoration:none;
	background:transparent;
}


/* ################## MENUS ################## */
#topnavcontainer {
float:left;display:block;
}

#leftbar ul {
	margin:0;
	padding:0;
	list-style:none;
}

#leftbar ul li {
	display:inline;
	float:left;
	background:url(/images/dot.jpg) no-repeat;
	background-position:20px center;
	width:130px;
	height:35px;
}

#leftbar ul li a {
	display:block;
	padding:0;
	border-bottom:4px solid #fff;
	text-decoration:none;
	background:transparent;
}

#leftbar ul li a:hover {
	border-bottom:4px solid #a7d8dc;
	background:transparent;
}

#leftbar li a span {
color:#666;
font-size:13px;
font-weight:bold;
margin-left:41px;
margin-top:6px;
display:block;
height:24px;
border-right:1px dotted #575757;
cursor:pointer;
}

#secondary ul {
margin:0;
padding:0;
list-style:none;
}

#secondary li {
padding-bottom:9px;
}

#secondary li a, #secondary li a:link, #secondary li a:visited {
display:block;
width:129px;
height:26px;
padding-top:4px;
border-bottom:4px solid #fff;
border-right:1px dotted #575757;
background:url(/images/dot.jpg) no-repeat left;
text-decoration:none;
font-weight:bold;
}

#secondary li a:hover {
border-bottom:4px solid #a7d8dc;
}

#secondary li a span {
color:#666;
font-size:13px;
margin-left:21px;
}


/* ############ HEADINGS ################## */

#heading {
font-family:helvetica neue light;
font-size:32px;
color:#333333;
font-weight:normal;
margin:0;
padding-top:24px;
padding-bottom:15px;
width:600px;
}

#primary h2 {
color:#005689;
font-weight:normal;
font-size:18px;
margin:0;
line-height:20px;
padding-bottom:4px;
}

#primary h2 a, #primary h2 a:link, #primary h2 a:visited {
color:#005689;
text-decoration:none;
background:transparent;
border:0;
}

#primary h2 a:hover {
color:#53ADDF;
text-decoration:underline;
background:transparent;
border:0;
}

#primary h3 {
color:#666;
font-size:13px;
height:16px;
margin:0;
background:url(/images/dot.jpg) no-repeat;
background-position:left 5px;
}

#primary h3 {
	padding-left:21px;
}


#primary h4 {
color:#005689;
font-weight:bold;
font-size:14px;
margin:0;
line-height:20px;
padding-bottom:4px;
}

#primary h4 a, #primary h4 a:link, #primary h4 a:visited {
color:#005689;
text-decoration:none;
background:transparent;
border:0;
}

#primary h4 a:hover {
color:#53ADDF;
text-decoration:underline;
background:transparent;
border:0;
}


div.custom_box_heading {
color:#666;
font-size:13px;
font-weight:bold;
line-height:14px;
height:16px;
margin:5px 0 0 0;
background:url(/images/dot.jpg) no-repeat;
background-position:left 5px;
padding-left:21px;
}




/* ################### styles ####################### */
#dnalogo {
display:block;
float:left;
margin:2px 20px 6px 20px;
background:transparent;
border:0;
}

.readmore {
background:url(/images/dot.jpg) no-repeat;
background-position:left center;
}

.readmore a, .readmore a:link, .readmore a:visited {
margin-left:21px;
text-decoration:none;
color:#7BCED5;
background:transparent;
border:0;
}

.readmore a:hover {
text-decoration:underline;
color:#000;
background:transparent;
border:0;
}

.dottedwrap {
border-top:1px dotted #575757;
padding-top:10px;
padding-bottom:10px;
}

.custom_box_content {
padding-bottom:10px;
}