/* CSS Document */

/* 

##################################################

terms

##################################################
 */
 
 
 
body.page-id-1088 h3 {
    color: #850057;
    font-size: 28px;
    line-height: 34px;
}
 
 
body.page-id-1088 strong {
	color:#8e9300;
	}
 
body.page-id-1088 em {
    color: #9a9b9c;
    font-size: 17px;
}
 
 
 /* 

##################################################

crawford custom forms

##################################################
 */
 
 
body.page-id-1495 .mobHide,
body.page-id-1510 .mobHide {
    display: none;
}
 
body.page-id-1495 input,
body.page-id-1510 input,
body.page-id-1495 textarea,
body.page-id-1510 textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: none repeat scroll 0 0 #fefff0;
border: 1px solid #b0b0b0;
font-size: 16px;
padding: 8px 10px;
width: 450px !important;
}

body.page-id-1495 input.ccf-submit-button,
body.page-id-1510 input.ccf-submit-button {
background: none repeat scroll 0 0 #808c1d;
border: 2px solid #000;
font-size: 22px;
font-weight:bold;
color:#FFFFFF;
width: 300px !important;
}

body.page-id-1495 .field.section-header,
body.page-id-1495 .heading,
body.page-id-1510	.field.section-header,
body.page-id-1510 .heading{
    color: #830055;
    font-size: 125%;
    padding-bottom: 5px;
    padding-top: 15px;
    width: 450px;
}






  /* 

##################################################

Award WINS

##################################################
 */
 
 
 
 
body.page-id-1164 h3 {
    border-top: 1px solid #e2e2e2;
    color: #850057;
    float: left;
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 34px;
    margin-top: 0px;
    padding-top: 41px;
    width: 100%;
}


body.page-id-1164 em {
    color: #8e9300;
}

body.page-id-1164 img.alignleft {
    float: left;
    margin: 0 20px 15px 0;
}
	
body.page-id-1164 .awardBox,
body.page-id-1164 p.awardBox{
		float:left;
		clear:both;
		}
	
.clearAllNow{
		clear:both;
		}

body.page-id-1164 .colOne {
    display: block;
    float: left;
    width: 300px;
}

body.page-id-1164 .colTwo {
    display: block;
    float: left;
    min-height: 253px;
    width: 826px;
	color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
}


body.page-id-1164{
    font-size: 16px;
    line-height: 26px;
}








 /* 

##################################################

Tech Trends

##################################################
 */

.TtCustomersArea,
.TtBannerArea,
.TtContent,
.TtHeader{
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
	clear:both;
}


.HOneStyleTech{}


header.headaerTtnice{
		background:url('../wp-content/uploads/2015/01/cut-header.jpg') top;}


.TtHeader H1 {
    padding: 40px;
    width: 51%;
}


.TtContent{}



.TtContentLeft {
    float: left;
    padding: 40px;
    width: 40%;
}


.TtContentRight{
	float:left;
	width:50%;
	}



.TtContentRight .resourceLink:before {
    font-family: "Genericons";
    font-size: 25px;
    left: 9px;
    position: absolute;
    top: 13px;
}


.TtContentRight .resourceLink {
    background: none repeat scroll 0 0 #8e9300;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    margin: 0 0 20px 50px;
    padding: 11px 20px 10px 40px;
    position: relative;
}


/* 3 banner areas */
.TtBannerArea {
    border-top: 2px dotted #eee;
}

.TtBannerOne, .TtBannerTwo, .TtBannerThree {
    border: medium none;
    float: left;
    margin: 40px 10px;
    min-height: 255px;
    padding: 15px;
    width: 29%;
}

/* One */
.TtBannerOne{
	background:url('../wp-content/uploads/2015/01/bg-cloud1.png') no-repeat;
	}

/* Two */
.TtBannerTwo{
	background:url('../wp-content/uploads/2015/01/bg-olive1.png') no-repeat;
	}

.TtContentRight {
    float: left;
    margin-bottom: 25px;
    width: 50%;
}


/* Three */
.TtBannerArea .TtBannerThree{
	background-color: #fff;
	width: 25%;
	}

a.BtnTtLink {
    border-bottom: 1px dashed #ccc;
    float: left;
    font-size: 15px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    width: 100%;
}

.TtSmallText {
    color: #aaa;
    padding-left: 50px;
}

.TtHeader,
.TtContent,
.TtContentLeft,
.TtContentRight{
	}



/* Smartphones (portrait and landscape) ----------- */
@media screen
and (max-width: 800px),
and (max-width: 1023px),
and (max-width : 320px),
and (min-device-width : 320px),
and (max-device-width : 480px)  {


.TtContent h1 {
    font-size: 24px;
    line-height: 32px;
}


.TtContentLeft,
.TtContentRight,
.TtBannerArea,
.TtCustomersArea {
    float: left;
	margin:0 auto;
	padding:10px;
	width:90%;
}

.TtContentLeft,
.TtContentRight {
	}

.TtContentRight .resourceLink {
    background: none repeat scroll 0 0 #8e9300;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 10px 10px 10px 38px;
    position: relative;
}

.TtContentRight .resourceLink:before {
    left: 7px;
    top: 6px;
}

.TtBannerArea .TtBannerOne,
.TtBannerArea .TtBannerTwo{
    background: none repeat scroll 0 0 #f1efde;
}

.TtBannerOne, .TtBannerTwo, .TtBannerThree {
    border: medium none;
    float: left;
    margin: 10px;
    min-height: 100px;
    padding: 10px;
    width: 100%;
}

.TtSmallText{ display:none;}
 
.TtBannerArea .TtBannerThree {
    background-color: #fff;
    margin: 10px;
    padding: 10px;
    width: 100%;
}

.globalFooter {
    border-top: 4px solid #fff;
    padding: 35px 0;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* do not remove*/
}