/*-----------------------------------------------------------------------------
Pfocus Screen Stylesheet

version:   1.0
date:      12-16-09
author:    Andrew McCarthy
email:     jrucifer@gmail.com
-----------------------------------------------------------------------------*/


/* Default Styles
-----------------------------------------------------------------------------*/

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

.clear {
	display:block;
    clear:both;
    font-size:0px;
    line-height:0px;
    height:0px;
}

.right {
    float: right;
	display:inline;
}

.left {
    float: left;
	display:inline;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    background: #FFFFFF;
    color: #808083;
    text-align:left;
}

#logo {
	margin-left:50px;
	margin-top:40px;
	position:fixed;
}

#bg {
	height:425px;
	width:100%;
	background:#858040 url(../images/greenblur_bg.jpg) no-repeat top left;
	margin-top:110px;
	position:fixed;
}

#contentBox {
	width:670px;
	height:500px;
	position:absolute;
	top:55px;
	left:210px;
	min-height:550px;
}

#footer {
	font: normal 9px Helvetica, Arial, verdana, sans-serif;
	color: #808083;
	margin: 12px 0 0 35px;
	text-align: left;
	margin-bottom:45px;
}

#content {	
	background:#fff url(../images/content_bg.gif) repeat-y top right;
	border:1px solid #bababb;
	padding:55px 55px 35px 35px;
	min-height:450px;
}

#rightcolumn {
	width:280px;
	float:right;
}

#leftcolumn {
	width:271px;
	float:left;
}

#logoswf {
	border-top:1px solid #808083;
	border-bottom:1px solid #808083;
	margin-bottom:8px;
}

#nav ul {
	list-style:none;
	color:#FFF;
	padding-top:30px;
}

#nav li {
	margin-bottom:15px;
	padding-left:55px;
}

#nav a {
	color:#FFF;
	display:block;
	height:19px;
	width:106px;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#nav a:hover {
	background-position:top right;
}

#nav a.over {
	background-position:top right;
	background-color:#c2c455;
}

#nav #about a {
	background-image:url(../images/nav_about.gif);
}

#nav #vision a {
	background-image:url(../images/nav_vision.gif);
}

#nav #projects a {
	background-image:url(../images/nav_projects.gif);
}

#nav #awards a {
	background-image:url(../images/nav_awards.gif);
}

#nav #services a {
	background-image:url(../images/nav_services.gif);
}

#nav #contact a {
	background-image:url(../images/nav_contact.gif);
}


#bio {
	margin-bottom:8px;
}

#project_thumbs img {
	margin-top:5px;
	margin-right:5px;
	background:#afbd21;
}

#project_thumbs img.last {
	margin-right:0;
}

#project_thumbs .onthumb img {
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

/*--------------------------------------------------- OLD STYLES */

p {
	font: normal 11px/14px Helvetica, Arial, verdana, sans-serif;
	color: #808083;
}

.logo {
	margin: 0 0 0 56px;
}
em.green {
	color: #afbd21;
}

#index_head {
	text-align: left;
	padding-left: 34px;
	height: 125px;
	border-bottom: 1px solid #808083;
}
#index_rightcol {
	background: URL(images/index_04.gif) top left no-repeat;
	width: 299px;
	text-align: left;
	vertical-align: top;
}
#def_wrapper {
	padding: 30px 8px 0 30px;
}
#def_wrapper ol {
	padding-left: 22px;
	margin: 0;
	font: normal 14px "Times New Roman", georgia, palatino, serif;
	color: #fff;
}
#def_wrapper li {
	margin: 10px 0;
}
#mainwrapper {
	margin-top: 30px;
	border: 1px solid #000;
}

#titlewrap {
	border-bottom: 1px solid #808083;
	border-top: 1px solid #808083;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0 0 10px 0;
}

#titlewrap.overview {
	border-top:0;
	padding-top:0;
}

#titlewrap_tall {
	border-top: 1px solid #808083;
	border-bottom: 1px solid #808083;
	padding: 5px 0 4px 0;
	margin: 0 0 10px 0;
}
.title {
	margin: 0;
	padding: 0;
}
.green {
	color: #afbd21;
}

#content h2 {
	font: normal 18px "Times New Roman", georgia, palatino, serif;
	color: #afbd21;
	padding-bottom:5px;
}

#content h1 {
	font: normal 18px "Times New Roman", georgia, palatino, serif;
	color: #808083;
}

#content p {
	margin: 5px 0 15px 0;
	line-height:1.6em;
}

#content p.contact {
	font: normal 11px/18px Helvetica, Arial, verdana, sans-serif;
	color: #808083;
	text-indent: 0;
}

#content a:link, #content a:visited {
	color: #808083;
	text-decoration: none;
}
#content a:hover, #content a.current {
	color: #afbd21;
	text-decoration: none;
}

#content a.green:link, #content a.green:visited {
	color: #afbd21;
	text-decoration: underline;
}
#content a.green:hover, #content a.green.current {
	color: #afbd21;
	text-decoration: underline;
}
#navcontainer {
	border-bottom: 1px solid #808083;
	margin: 0 0 20px; 0;
}

#overview_nav{
border-bottom: 1px solid #808083;
	margin: 0;
	color: #808083;
}

#overview_nav strong, #navcontainer ul strong {
	margin-top:5px;
	display:block;
}

#navcontainer ul, #overview_nav ul {
	color: #808083;

	margin-left: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	font: normal 11px/18px Helvetica, Arial, verdana, sans-serif;
}
#navcontainer li, #overview_nav li {
	display: block;
}
#navcontainer ul a#current, #overview_nav ul a#current {
	color: #afbd21;
}
#navcontainer a:link, #navcontainer a:visited {
	color: #808083;
	text-decoration: none;
}
#navcontainer a:hover, #navcontainer a.current {
	color: #afbd21;
	text-decoration: none;
}

#overview_nav a:link, #overview_nav a:visited {
	color: #808083;
	text-decoration: none;
}
#overview_nav a:hover, #overview_nav a.current {
	color: #afbd21;
	text-decoration: none;
}

#content ul {
	list-style-type:circle;
	margin-left: 20px;
}
#content li {
	color: #808083;
	font: normal 11px/22px Helvetica, Arial, verdana, sans-serif;
}
#overview {
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	border-top: 1px solid #808083;
}
#footerwrap {
	font: normal 9px Helvetica, Arial, verdana, sans-serif;
	color: #808083;
	margin: 6px 0 0;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #808083;
	text-decoration: none;
}
#footer a:hover, #footer a.current {
	color: #afbd21;
	text-decoration: none;
}

#footerwrap_left {
	font: normal 9px Helvetica, Arial, verdana, sans-serif;
	color: #808083;
	margin: 6px 0 0 3px;
	text-align: left;
}
#footerwrap a, #footerwrap_left a {
	color: #808083;
	text-decoration: none;
}
#footerwrap a:hover, #footerwrap_left a:hover {
	color: #afbd21;
	text-decoration: none;
}
.footerimage1 {
	margin: 6px 0 0;
}

#right_border {
	background:url(images/right_border.gif) repeat-y right;
}