/*
Presentation.CSS
 - Non structural CSS for presentation of text and aesthetics
*/


.red {
  color:#990000;
}

h1 {
  font-size: 170%;
  font-weight:normal;
  color:#990000;
  padding-left:10px;
}

.title h1 {
  font-size: 170%;
  font-weight:normal;
  color:#990000;
  padding-left:0px;
}

.entry h2 {
	font-size: 150%;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 10px;
}
.entry h3 {
	font-size: 100%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry sub {
	font-size: 120%;
	line-height: 160%;
	color:#990000;
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.entry small{
         font-size: 85%;
}

#comment{
	width:614px;
}

.sub {
	font-size: 120%;
	line-height: 160%;
	color:#990000;
	margin: 10px 0;
}
.image {
	text-align: center;
}

.line {
        background-image: url(http://images.directemployers.com/deorg/line2.jpg);
        width:680px;
        height:50px;
        margin:0 -20px 0 -20px;
}
.line_wide {
        background-image: url(http://images.directemployers.com/deorg/line_wide.jpg);
        width:920px;
        height:50px;
        margin:0 -20px 0 -20px;
}
.line2 {
        border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
        margin: 20px 10px;
}
.smtext{
         font-size: 85%;
}

/*              */
/* float styles */
/*              */

.fl0 {
	float:left;
}
.fr0 {
	float:right;
}
.fl10 {
	float:left;
         margin-left:10px;
}
.fr10 {
	float:right;
         margin-right:10px;
}
.fl50 {
	float:left;
         margin-left:50px;
}
.fr50 {
	float:right;
         margin-right:50px;
}
.fl15 {
	float:left;
         margin-left:15px;
}
.fl25 {
	float:left;
         margin-left:25px;
}
.fl140 {
	float:left;
         margin-left:140px;
}


.fr15 {
	float:right;
         margin-right:15px;
}


/* end float styles */

/*                    */
/* video/quote styles */
/*                    */

#video {
	float:left;
}
#quote_open {
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
	background-image: url(images/quote_open_55x42.gif);
         background-repeat: no-repeat;
}
#quotebox {
	padding-right: 10px;
	padding-left: 10px;
}
#quote {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

.quote_text {
         font-size: 110%;
	line-height: 150%;
}
.quote_name {
	font-size: 90%;
         font-weight: bolder;
         line-height: 120%;
         color: #666666;
}
.quote_title {
	font-size: 80%;
         line-height: 120%;
         color: #666666;
}
.de_quote_title {
	font-size: 75%;
         line-height: 120%;
         color: #666666;
}

/* end video/quote styles */

/*                          */
/* testimonial quote styles */
/*                          */

#tquote_box {	
       margin-left: 50px;
}
#tquote_open {
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
	background: url(http://de.nlx.org/testimonials/quote.png) no-repeat;
}
#tquote_open_dark {
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
	background: url(http://de.nlx.org/testimonials/quote2.png) no-repeat;
}
#tquote {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
        color:#fff;
	display:block;
}

.tquote_text {
        font-size: 140%;
	line-height: 170%;
        font-style:italic;
        margin-bottom:15px;
}
.tquote_name {
	font-size: 90%;
        font-weight: bolder;
}
.tquote_title {
	font-size: 80%;
}
.testimonial {
        margin-top:5px;
}
.testimonial_first {
        margin-top:25px;
}

/* end testimonial quote styles */

/*             */
/* form styles */
/*             */

.form{
	float:left;
         width:300px;
}
.form_label {
	float:left;
         width:75px;
}
.form_label_text {
         font-size: 85%;
	line-height: 150%;
}
.form_box {
	float:left;
         width:200px;
}
.form_boxes {
	background: #eeeced;
        width: 325px;
        border: 1px solid #ccc;
        padding: 10px
}

.form_contact {
.focusBox input{
                width: 104px;
                height: 18px;
                margin-bottom: 5px;
                margin-left: 7px;
                border: 1px solid #343331;
                background: url(http://images.directemployers.com/deorg/text_input_bg.jpg) no-repeat; 
}
.focusBox input[type=image]{
                border: 0px;
                margin-left: 72px;
                margin-top: 10px;
}
label > b{
                font-size: 10px;
                color: #343331;
                text-align: right;
                width: 65px;
                display: block;
                float: left;
}

#emailSubmit{
                background: url(http://images.directemployers.com/deorg/subscribe_button.jpg) no-repeat;
                width: 106px;
                height: 21px
}

#emailSubmit:hover{
                background: url(http://images.directemployers.com/deorg/subscribe_button_over.jpg) no-repeat;
}

     
}

/* end form styles */

/*            */
/* bio styles */
/*            */

.biobox {
         padding: 5px;
         border-top: 3px #CCCCCC solid;
         border-left: 1px #CCCCCC solid;
         border-right: 1px #CCCCCC solid;
         border-bottom: 1px #CCCCCC solid;
         -moz-border-radius-bottomright: 10px;
         -moz-border-radius-bottomleft: 10px;
         -webkit-border-bottom-right-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
         border-bottom-left-radius: 10px;
         margin-bottom:10px;
         width: 288px;
}
.biotext{
         width: 140px;
         font-size: 85%;
}
.biosocial{
         width: 37px;
         height: 37px;
         margin-bottom: 5px;
         margin-top: 20px;
}


/* end bio styles */

/*            */
/* event styles */
/*            */

.eventoldtext{
         color: #999999;
         font-size: 85%;
         line-height: 130%;
         margin-bottom:10px
}

.eventtext{
         font-size: 85%;
         line-height: 130%;
         margin-bottom:10px;
}


/* end event styles */

.linespace_85 {
         margin-bottom:85px
}
.linespace_57 {
         margin-bottom:57px
}
.linespace_35 {
         margin-bottom:35px
}
.linespace_25 {
         margin-bottom:25px
}
.linespace_20 {
         margin-bottom:20px
}
.linespace_15 {
         margin-bottom:15px
}
.linespace_10 {
         margin-bottom:10px
}
.linespace_5 {
         margin-bottom:5px
}

.figcaption {
	 font-size: 80%;
         line-height: 120%;
         margin-bottom:5px
}

.focus{
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background: #FFF;
	text-align: left;
	height: 170px;
	padding: 0px;
	text-align: center;
	margin:10px 50px 0 50px;
}
.focus H2 {
	color:#990000;	
	font-size: 150%;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom: 10px;
}