@font-face {
    font-family: 'PTSansRegular';
    src: url('ff-fonts/PTS55F-webfont.eot');
    src: url('ff-fonts/PTS55F-webfont.eot#iefix') format('embedded-opentype'),
         url('ff-fonts/PTS55F-webfont.woff') format('woff'),
         url('ff-fonts/PTS55F-webfont.ttf') format('truetype'),
         url('ff-fonts/PTS55F-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('ff-fonts/PTN77F-webfont.eot');
    src: url('ff-fonts/PTN77F-webfont.eot#iefix') format('embedded-opentype'),
         url('ff-fonts/PTN77F-webfont.woff') format('woff'),
         url('ff-fonts/PTN77F-webfont.ttf') format('truetype'),
         url('ff-fonts/PTN77F-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('ff-fonts/PTN57F-webfont.eot');
    src: url('ff-fonts/PTN57F-webfont.eot#iefix') format('embedded-opentype'),
         url('ff-fonts/PTN57F-webfont.woff') format('woff'),
         url('ff-fonts/PTN57F-webfont.ttf') format('truetype'),
         url('ff-fonts/PTN57F-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{background:url(images/backdrop.jpg) no-repeat center top #F6F0E2; color:#003366}

html, body{margin:0; padding:0; text-align:left; font-family:'PTSansNarrowRegular'; font-size:12pt; }

table{padding:20px; border-spacing:0}

input[type=text]{background-color:#F6F0E2; border:1px solid #666}

textarea{background-color:#F6F0E2; border:1px solid #666}

a img{border:none}

a{color:#0099FF}

a:hover{color:#0CF}

.login a{width:35px; padding:0 10px; font-size:.8em; float:right; color:#030}

#header h1 span{color:#600}

.search-area .textbox, #searchform .textbox{color:#963; border:1px solid #F2F6F8; background:#FFF}

h2.pagetitle{color:#666}

blockquote p{bcolor:#666}

h3{}

ul.commentlist li{background:#f6f2ed url('http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/comment_background.jpg') no-repeat}

ul.commentlist .rightside{border-left:1px solid #A5C3D3}

.readMore a:hover, a:hover .readMore{}

h1{font-size:2.6em; font-Family:'PTSansNarrowBold'; padding:0; color:#350000; font-weight:normal; margin-bottom:0px; margin-top:10px;}

h2{font-size:1.6em; padding:0; ;font-Family:'PTSansNarrowBold'; font-weight:normal; margin-top:0;}

div.aligncenter{display:block; margin-left:auto; margin-right:auto}

.alignleft{float:left}

.alignright{float:right}

.imageLeft{float:left; border:1px solid #000; margin:0px 10px 10px 0px}

.imageRight{float:right; border:1px solid #000; margin:0px 0px 10px 10px}

.imageRight img{}
 
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; 

 /* optional rounded corners for browsers that support it */
 -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.wp-caption img{margin:0; padding:0; border:0 none}

.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

p.fineprint{font-size:12px; color:#1A2364; line-height:16px}

span.date{font-size:.8em; font-weight:bold;  margin-top:0px; line-height:.5em}

.more{color:#FFF}
.readMore{float:right;text-align:right;}

/* Main Styles ----------------------------------------------------- */
/* ----------------------------------------------------------------- */
body{color:#350000}

a:active, a:focus{outline:none}

.clear{clear:both; font-size:1px; display:block}

#topnav{width:1000px; height:58px; background-image:url('http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/topnav_background.jpg')}

#content{width:1000px; margin:0 auto; padding:0 0 100px 0; }

a{text-decoration:none}
a:hover{text-decoration:none}

/* Header ---------------------------------------------------------- */
/* ----------------------------------------------------------------- */
#header{width:1000px; height:142px; position:relative; background:url('images/header_background.jpg') no-repeat}

#headerIntro{width:1000px; height:142px; float:left; background:url('images/header_background.jpg') no-repeat; position:absolute; bottom:0}

#header h1{position:absolute; top:0px; left:0px; width:600px; height:99px; margin:0; padding:0; font-size:1px}

#header h1 a{display:block; width:600px; height:142px; text-indent:-2000px; background:url('images/header_background.jpg') no-repeat}

#header h1 span{font-size:16px; font-weight:normal; position:absolute; bottom:-20px; left:2px}
/* Navigation ------------------------------------------------------ */
/* ----------------------------------------------------------------- */

#nav li:hover ul, 

#nav li.over ul{background:#003366; color:#FFF}/* dropdown rollover background color */

#nav ul ul li a:hover{background:#2857A4; color:#FFF; opacity:1;filter:alpha(opacity=100);}/* dropdown link rollover color */

#nav{width:1000px; height:58px; background:url('images/hnav_background.jpg') no-repeat; margin:0; padding:0}

#nav ul{list-style:none; margin-top:5px;margin-bottom:0; padding:0 0 0 0px; height:50px; width:1000px; float:left}

#nav ul li{position:relative; display:block; float:left; height:50px; margin:0; padding:0}

#nav ul li a{text-decoration:none; display:block; margin-top:0px; padding:6px 16px 7px 16px; font-weight:normal; font-size:22px; color:#F6F0E2; line-height:1.7em;font-family:'PTSansNarrowRegular';}

#nav ul li a:hover{text-decoration:none;background:#350000; color:#fff}

#nav ul ul{display:none; width:200px; height:auto; position:absolute; top:40px; left:0}

#nav li >ul{top:auto; left:auto}

#nav li:hover ul, #nav li.over ul{z-index:5000; display:block; width:200px; height:auto; top:40px; left:0;}

#nav ul ul li{height:auto; display:block; float:none; margin:0; padding:0}

#nav ul ul li a{font-size:18px; height:auto; padding:2px 10px 2px 20px; border:none;color:#fff}

.navigation{width:100%; font-size:10pt; margin:0}

.navigation .alignleft{display:block; float:left; width:49%}

.navigation .alignright{display:block; float:right; width:49%; text-align:right}
/* ----------------------------------------------------------------- */

#requestInfo{float:right; width:140px; height:58px; background-image:url(http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/request-info.jpg); overflow:hidden; display:block}

#requestInfo:hover{background:url("http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/request-info_f2.jpg") no-repeat 0 0}

#requestInfo span{ display:none}
/* ----------------------------------------------------------------- */
#callToday{float:right; width:400px; height:60px; overflow:hidden; display:block}
/* ----------------------------------------------------------------- */

.homeContentArea{width:1000px; min-height:800px; margin:0; padding:0 0px; clear:both; position:relative; background: url(images/homepage-backdrop.jpg) #F6F0E2 no-repeat}
.pageContentArea{width:1000px; min-height:800px; margin:0; padding:0 0px; clear:both; position:relative; }
.pageContent{width:580px; padding:20px 18px 20px 40px; float:left; margin-top:20px; z-index:5000; -moz-border-radius: 15px; border-radius: 15px; background-color:#fff;}
.fullPageRight{float:right; width:700px; padding:0 80px 80px 0}

.threeColumn{width:251px; padding:0 0 20px 20px; float:left}

.largeColumnLeft{width:522px; padding:0 0 20px 20px; float:left}

.narrowcolumn{width:825px; float:left}

.contentPadding{clear:both}.galleryPadding{padding:0px 20px 0px 20px}

.introContentPadding{padding:0px 20px 60px 20px}

h3{font-size:16px; font-weight:bold}

#pageHeader{float:left; width:1000px; height:46px; background:url(http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/page-header.jpg)}

#pageHeaderImage{float:left; width:740px; height:254px}
/* contact form --------------------------------------------------------- */
/* ----------------------------------------------------------------- */

.formCommentBox{width:780px; height:200px}

.formTextBox{width:400px}

/* Sidebar --------------------------------------------------------- */
/* ----------------------------------------------------------------- */
.subNavHeader{height:45px; line-height:14px; font-size:18px; margin:0 0px 0px 0; text-indent:-2000px; padding:5px 0px 5px 0px}

#sidebar{float:right; width:290px; min-height:500px;margin-right:0px; margin-top:20px; padding:10px 20px 30px 20px; -moz-border-radius: 15px; border-radius: 15px; background-color:#fff; }
#sidebar p{padding:0;margin-top:0; margin-before:0;}
#sidebar h2{padding:0 0px 4px 0px;color:#350000; margin-bottom:0; margin-top:20px; }
#sidebar h2 a{color:#350000;}
#sidebar ul{list-style:none; padding:0px; margin:0; }
#sidebar ul li{border-bottom:dotted #009966 1px ; padding:10px 0 5px 0;}
#sidebar ul li a{padding:4px 0px; display:block; text-decoration:none; color:#350000 }
#sidebar ul li a:hover{color:#069;}
span.specialTitle{font-Family:'PTSansNarrowBold'; padding:0; color:#C30; font-weight:normal;font-size:1.2em;}
br {line-height:.2em;}

/* --------video and slideshow ----------*/

#slideShow{padding:0px 0; clear:both; margin:0 auto; width:1000px; height:640px; float:left;margin-top:20px;}
/* rotator in-page placement */

 div#rotator{position:relative; margin-left:0px; margin-top:16px; float:left; width:640px; height:340px}
/* rotator css */

div#rotator ul li{position:absolute; list-style:none; top:0; left:0}
/* rotator image style */

div#rotator ul li img{border:none; padding:0px}

div#rotator ul li.show{z-index:500}

#testimonial a{font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:20px; line-height:20px; margin:0; color:#89A2A1; display:block}

#testimonial .testimaonialAuthor{float:right; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-style:normal; font-size:12px; text-align:right; color:#89A2A1}

#testimonial .moreTestimonials{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-style:normal; font-size:11px; padding-left:10px; color:#89A2A1}

#featuredList{float:left; width:740px; background:url(http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/intro_headers.jpg) no-repeat}

.introListA{float:left; padding:50px 20px 20px 6px}

.introListA ul{list-style:none}

.introListA li{border-bottom:1px #CCC dotted; padding:4px 0px 4px 0px}

#callToActionContainer{clear:both; width:1000px; height:80px; overflow:hidden}

#callToAction{display:block; width:1000px; height:80px; background:url("http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/slogan.jpg") no-repeat 0 0}

#callToAction:hover{background:url("http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/slogan_f2.jpg") no-repeat 0 0}

#callToAction span{display:none}

.sideBar{float:right; margin:0px; padding:0px 0px 0 0; background:url('http://www.northcoastcountertops.com/wp-content/themes/mixedmedia/images/side-banner.jpg') no-repeat bottom; width:372px; height:519px}

.customerReview{padding:0 20px 10px 0px}

.customerReview .reviewTitle{font-family:Georgia,"Times New Roman",Times,serif; padding:2px; font-size:1.7em; color:#09F; line-height:1em; margin-bottom:0}
.footerLink {font-size:.7em;}

.welcomeButtons{width:1000px; height:54px; background:url(images/big-buttons.jpg); margin-top:20px;}
ul.welcomeButtons {width:1000px; height:54px;list-style:none; margin:0; padding:0}
ul.welcomeButtons li a{position:relative; display:block; float:left; width:250px; height:54px; margin:0; padding:0;}
.specialIcon{width:72px; margin-right:6px;  float:left;}
.nivoSlider{border:1px solid #003}