/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 6, 2014 */
@font-face {
    font-family: 'pt_sansregular';
    src: url('/templates/joharrissales.com/webfonts/pts55f-webfont.eot');
    src: url('/templates/joharrissales.com/webfonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates/joharrissales.com/webfonts/pts55f-webfont.woff') format('woff'),
         url('/templates/joharrissales.com/webfonts/pts55f-webfont.ttf') format('truetype'),
         url('/templates/joharrissales.com/webfonts/pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 6, 2014 */
@font-face {
    font-family: 'pt_sansitalic';
    src: url('/templates/joharrissales.com/webfonts/pts56f-webfont.eot');
    src: url('/templates/joharrissales.com/webfonts/pts56f-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates/joharrissales.com/webfonts/pts56f-webfont.woff') format('woff'),
         url('/templates/joharrissales.com/webfonts/pts56f-webfont.ttf') format('truetype'),
         url('/templates/joharrissales.com/webfonts/pts56f-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 6, 2014 */
@font-face {
    font-family: 'pt_sansbold';
    src: url('/templates/joharrissales.com/webfonts/pts75f-webfont.eot');
    src: url('/templates/joharrissales.com/webfonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates/joharrissales.com/webfonts/pts75f-webfont.woff') format('woff'),
         url('/templates/joharrissales.com/webfonts/pts75f-webfont.ttf') format('truetype'),
         url('/templates/joharrissales.com/webfonts/pts75f-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('/templates/joharrissales.com/webfonts/PTS76F-webfont.eot');
    src: url('/templates/joharrissales.com/webfonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates/joharrissales.com/webfonts/PTS76F-webfont.woff') format('woff'),
         url('/templates/joharrissales.com/webfonts/PTS76F-webfont.ttf') format('truetype'),
         url('/templates/joharrissales.com/webfonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* BASE TYPOGRPHY */
body {
    font-size: 16px;
    line-height: normal;
	font-weight:normal;
    color: #333;
    font-family: 'pt_sansregular', Arial, sans-serif;
	-webkit-text-size-adjust: none;
}


/* HEADERS */

.typography h1 {
	color:#0f8d44;
	font-size:32px;
	font-weight:normal;
	margin-bottom:20px;
	font-family: 'pt_sansbold';
}
.typography h2 { 	
	font-size:26px;
	color:#0f8d44;
	font-weight:normal;
	font-family: 'pt_sansbold';
	margin-bottom:10px;
}

.typography h3 { 	
	color:#fff000;
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	font-family: 'pt_sansbold';
	text-transform:uppercase;
}

.typography h4 {
	color:#000;
	font-size:20px;
	font-weight:normal;
	font-family: 'pt_sansbold';
	margin-bottom:0;
	text-transform:uppercase;
}
.typography h4.no-caps {text-transform:none;}

.typography h5 {
	color:#fff000;
	font-size:16px;
	font-weight:normal;
	font-family: 'pt_sansbold';
	margin-bottom:3px;
	text-transform:uppercase;
}
.typography h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; }


/* PARAGRAGHS */
.typography p {margin-bottom:20px;}
.typography em {font-style: normal; font-family: 'pt_sansitalic';}
.typography strong {font-family: 'pt_sansbold'; font-weight:normal;}
.typography .bold-italic {font-family: 'pt_sansbold_italic';}

.typography .no-margin {margin:0 !important;}

.typography .green {color:#0f8d44;}
.typography .yellow {color:#fff000;}
.typography .white {color:#fff;}
.typography .black {color:#000;}

.typography .tagline { 	
	color:#0f8d44;
	font-size:24px;
	font-weight:normal;
	margin-bottom:12px;
	font-family: 'pt_sansbold_italic';
}



/* LINKS */
.typography a {color:#0f8d44; text-decoration:none;}
.typography a:hover {color:#000;}

.typography .newsletter-link a {font-size:18px; font-family: 'pt_sansbold';}



/* LIST & TABLE STYLES
-------------------------------------------- */

.typography ul.list {list-style:disc; margin:0 0 16px 16px;}
.typography ul.list li {list-style:disc; margin-left:16px;}

.typography ul.part-description-list {list-style:disc; margin:7px 0 16px 0px;}
.typography ul.part-description-list li {list-style:disc; margin-left:16px;}

.typography ul.foot-nav {list-style:none; margin:0;}
.typography ul.foot-nav li {
	list-style:none;
	margin:0;
	line-height:24px;
}
.typography ul.foot-nav a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	display:block;
}
.typography ul.foot-nav a:hover {text-decoration:none; color:#fff000;}

.typography table.specs {width:100%; width:calc(100% - 1px); border-top:1px #000 solid; border-left:1px #000 solid;}
.typography table.specs td {padding:5px; vertical-align:top; border-bottom:1px #000 solid; border-right:1px #000 solid;}

.typography table.Salford-Specs {width:100%;}
.typography table.Salford-Specs td {width:50%; padding:5px; vertical-align:top;}
.typography table.Salford-Specs tr.alt-row {}
.typography table.Salford-Specs tr.alt-row td {background:#fff;}





/* IMAGE STYLES
-------------------------------------------- */









/* MISC STYLES
-------------------------------------------- */









/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}






/****************************** responsive styles **/

@media screen and (max-width:768px) {
	body {font-size:14px;}
	
	.typography h1 {font-size:26px; margin-bottom:10px;}
	.typography h2 {font-size:22px; margin-bottom:7px;}
	.typography h3 {font-size:20px; margin-bottom:3px;}
	.typography h4 {font-size:18px;}
	
}


@media screen and (max-width:640px) {
	
}


@media screen and (max-width:480px) {
	.typography h1 {font-size:22px; margin-bottom:7px;}
	.typography h2 {font-size:20px; margin-bottom:5px;}
	.typography h3 {font-size:18px;}
	.typography h4 {font-size:16px;}
}


@media screen and (max-width:320px) {
	
}