@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	overflow:scroll-y;
}

h1, h2, h3{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:5px;
}

p{
	font-size:1.2em;
	color:white;
	margin-bottom:5px;
}

a:link, a:active, a:visited{
	color:#808080;
	text-decoration:none;
	font-weight:normal!important;
}

a:hover{
	color:#C42627;
	text-decoration:none;
}

img{
	border:none;
}


#wrapper{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}


#container{
	width: 940px;
	height: 450px;
	margin-left: -470px;  /***  width / 2   ***/
	position: absolute;
	top: -225px;   /***  height / 2   ***/
	left: 50%;
}


#nav{
	height:20px;
	float:right;
	text-align:right;
}

#nav ul{
	list-style:none;
}

#nav li{
	margin:0 5px;
	display:inline;
	text-transform:uppercase;
	font-size:13px; /* 1.3em; */
	color:#C42627;
}

#nav li.iconfb{
	margin:0 2px;
}

#facebook{
	background:url('../image/icon-facebook.png') no-repeat;
}

#twitter{
	background:url('../image/icon-twitter.png') no-repeat;
}

.iconsocial{
	width:16px;
	height:16px;
	background-position:bottom !important;
	display:inline-block;
}

.iconsocial:hover{
	background-position:top  !important;
}


.navselected{
	color:#C42627 !important;
}


#logo{
	height:14px;
	width:170px;
	float:left;
	background:url('../image/logo.png') no-repeat;
	background-position:top;
}

#logo:hover{
	background-position:bottom;
}

#leftside{
	width:370px;
	margin-right:10px;
	float:left;
}

#textblock{
	height:260px;
	padding:20px 20px 10px 20px;
	background-color:#C42627;
	color:white;
	overflow:hidden;
	font-family:Helvetica, Arial, sans-serif;
}

#textblock p{
	color:white;
	font-size:1.1em;
	line-height:1.2em;
}

#textblock a:hover{
	text-decoration:underline;
}

#textblock li a[href$='.pdf'],
#textblock a[href$='.pdf'] {
    display:inline-block;
    padding-right:16px;
    line-height:16px;
    background:transparent url('../image/icon-pdf.png') center right no-repeat;
}

#textblock li a[href$='.doc'],
#textblock li a[href$='.docx'],
#textblock li a[href$='.txt'],
#textblock a[href$='.doc'],
#textblock a[href$='.docx'],
#textblock a[href$='.txt']{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url('../image/icon-doc.png') center left no-repeat;
}

#textblock li a[href$='.xls'],
#textblock li a[href$='.xlsx'],
#textblock li a[href$='.csv'],
#textblock a[href$='.xls'],
#textblock a[href$='.xlsx'],
#textblock a[href$='.csv']{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url('../image/icon-xls.png') center left no-repeat;
}




.ui-accordion-content-active a{
	margin:0;
}

#accordion h3{
	margin-right:10px;
	padding:1px 3px;
	font-size:1.2em;
	/*background-color:#8F1B1D;*/
}

h3.ui-state-default{
	opacity:0.6;
	filter:alpha(opacity=60);
}

#textblock a{
	color:white;
}

#textblock ul{
	/*margin-top:20px;*/
	list-style:none;
}

#textblock ul p{
	margin:10px 0 20px;
	font-size:12px !important;
}

#textblock li{
	margin-bottom:5px;
	font-size:1.3em;
}


.quoteholder{
	margin:13px 0;
}


#quoteactive, .quotefade{
	background-color:white;
}

.quotebigpannel{
	height:290px !important;
	width:560px;
	background: url(../image/bg-about.jpg) no-repeat #BCBCBC;
	position:relative;
}


.bigquote p{
	position:absolute;
	bottom:10px;
	right:0px;
	padding:0 35px;
	text-align:right;
	font-size:4em;  /*was 3 */
	font-family: Times,'Times New Roman', serif;
}

.smallquote p{
	position:absolute;
	bottom:-5px;
	right:0px;
	padding:10px 35px;
	text-align:right;
	font-size:1.8em;
	background:url(../image/darkgrey-60.png) repeat;
}

.newquotetext{position:absolute; top:220px; right:25px; z-index:5000; margin:0 10px; font-family: Times,'Times New Roman', serif; text-align:right; font-size:2em;}

#col1{
	width:105px;
	float:left;
}

#col1 p{
	margin:0 10px 20px 0;
	font-size:1.3em;
	text-align:right;
}

#accordion{
	height:100%;
	overflow:hidden;
}


#col2{
	width:215px;
	float:left;
}

#col2 p{
	font-size:1.1em;
}


label{
	width:50px;
	height:15px;
	margin:0 0 5px 0;
	float:left;	
}

input{
	width:280px;
	height:15px;
	margin:0 0 5px 0;
	float:left;
	border:none;
}

 textarea{
	width:280px;
	margin:0 0 10px 0;
	float:left;
	border:none;
}

.btn{
	width:50px;
	height:20px;
	float:right;
	color:#808080;
	background-color:white;
	border:solid 1px #C0C1C1;
}

#flashblock{
	height:140px;
	margin-top:10px;
	background-color:#C8C8C8;
}

#rightside{
	width:560px;
	height: 440px;
	float:left;
	position:relative;
	overflow:hidden;
}

.panneloverride,
.news{
	height:290px;
	width:560px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	z-index:2000;
	overflow:hidden;

}

.news{
	background-color:#BCBCBC;
}

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .25em .5em .25em .5em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: .5em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }



#project, #imagedump, #quotes, #projectselector{
 	background:url('../image/bg-scroller.png') repeat-y;
}

.hide{
	display:none !important;
}


#projectselector .caption{
	height:25px !important;
	width:147px !important;
	padding-top:5px !important;
	padding-left:5px!important;
	top:82px !important;
	background:url('../image/darkgrey-80.png') repeat;
	text-transform:uppercase;
	font-size:1.1em;
}


#footer{
	width:100%;
	margin-top:5px;
	float:left;
	text-align:right;
	font-size:0.8em
}

#footer p{
	color:#808080;

}
