/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* /////////////////////Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
   #pdfbutton {
        display: none !important;
}


#social_share {
    display: none;


}

.h8 {
   
    font-size: 20px !important;
}

.featuredadsleft { display:none !important;}

#featuredadhome { width:300px;}
.featuredads { width:300px;}

#topribbon { display:none;}
.pdflink { display:none !important;}


.featuredbox { margin-left: -15px; padding:12px;}



}

/* /////////////////////Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


#main_logo {
    max-width: 370px;
}


#nav a {

    height: 45px;
    padding: 3px 4px 3px 4px;
    line-height: 1.8em;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'jockey', arial, serif;
    font-size: 18px !important; }

 #pdfbutton {
        display: visible;
}
  
.catmenu a {
    height: 45px;
    padding: 3px !important;
    line-height: 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'jockey', serif;
    font-size: 14px !important;
    color: #666666;

    -moz-border-radius: 5px !important;
    border-radius: 5px !important;}
    
    .h8 {
   
    font-size: 20px !important;
}

.featuredadsleft { display:none !important;}
.featuredadsright { margin-top:15px!important; margin-bottom:15px; width:80% !important; float:none;}
.featuredads { margin-right:-2px!important; float:left;}

#skyscraperfix { float:none; padding-left:0px; margin-left:0px;}
#browseadsfix { width:520px !important;}

#topribbon {display:none;}


}


/* //////////////////////////////All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    #pdfbutton {
        display: visible;
}


    .tinynav { display: block; }
    
    #nav { display: none; }

    #nav_block {display: none;}


.googlemap {
    display: none;
}

.h8 {
   
    font-size: 16px !important;
}

.featuredadsleft { display:none !important;}
.featuredadsright { display:none !important;}


.obodetailscontact {
    width:85%;
     margin-left: 1px !important;
    margin-right: 1px !important;
}

.skyscraper { display:none;}
.pdflink {display:block !important;}

#topribbon {display:none;}

}


/* ///////////////////////////////Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
    background-image:none !important;
    background-color: #bde6f8 !important;

}


#pdfbutton {
        display: visible;
}

.h8 {
   
    font-size: 18px !important;
}

.featuredads {
    display: none;
}

.form-wrapper {
    width: 320px;
    padding: 8px;
    margin: auto;
    background: #fff;

}

.form-wrapper input {
    width: 240px;
    height: 20px;
    padding: 10px 0px 10px 20px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pdflink {display:block !important;}



/* browse ads tabs
================================================== */

ul#tabnav {
    /* general settings */

    font-size: 16px !important; }

    ul#tabnav li a {
    /* settings for all tab links */
    padding: 9px !important; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
   }

/* BUTTONS */

.button, button, input[type="submit"], input[type="reset"], input[type="button"], .submitbutton{
    width:100% !important;
}

.submitbutton {
    margin-left: 1px !important;
    margin-right: 1px !important;
  
}  

.featuredadsleft { display:none !important;}

.featuredadsright { display:none !important;}

.obodetailscontact {
    width:90%;
     margin-left: 1px !important;
    margin-right: 1px !important;
}

.skyscraper { display:none;}
#topribbon {display:none;}
.pdflink {display:block !important;}



}


/*////////////////////////////////// Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


body {
    background-image:none !important;
    background-color: #bde6f8 !important;

}

#pdfbutton {
        display: visible;
}

.page_navigation a {

    margin:2px !important;
   
}

.h7 {
   
    font-size: 30px !important;
  
}

.h8 {
   
    font-size: 18px !important;
 
}

.featuredads {
    display: none;
}


.form-wrapper {
    width: 220px;
    padding: 8px;
    margin: auto;
    background: #fff;

}

.form-wrapper input {
    width: 140px;
    height: 20px;
    padding: 10px 0px 10px 20px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pdflink {display:block !important;}


/* browse ads tabs
================================================== */

ul#tabnav {
    /* general settings */

    font-size: 20px !important; /* set font as desired */
    padding: 0px !important; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li {
    /* do not change */

    display: inline-block !important;
}


body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
    /* settings for selected tab link */
   
    padding-top: 12px !important; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a {
    /* settings for all tab links */
    display: inline-block !important;
    padding: 12px !important; 
    width: 200px;
   }



/* BUTTONS */

.button, button, input[type="submit"], input[type="reset"], input[type="button"], .submitbutton{
    width:100% !important;
}

.submitbutton {
    margin-left: 1px !important;
    margin-right: 1px !important;
  

    }

.featuredadsleft { display:none !important;}

.featuredadsright { display:none !important;}


.obodetailscontact {
    width:85%;
     margin-left: 1px !important;
    margin-right: 1px !important;
}

.skyscraper { display:none;}
.pdflink {display:visible;}

#topribbon {display:none;}

.form-wrapper input::-webkit-input-placeholder {
    color: #eeeeee;

}

.form-wrapper input:-moz-placeholder {
    color: #eeeeee;

   
}

.form-wrapper input:-ms-input-placeholder {
    color: #eeeeee;

}

.form-wrapper input:focus {
    background: #eeeeee;




   
}




}








/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
    font-family: 'chunkfive';
    src: url('../fonts/chunkfive-webfont-webfont.eot');
    src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/chunkfive-webfont-webfont.woff') format('woff'), url('../fonts/chunkfive-webfont.ttf') format('truetype'), url('../fonts/chunkfive-webfont-webfont.svg#webfontZam02nTh') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebas-webfont.eot');
    src: url('../fonts/bebas-webfont.eot') format('eot'), url('../fonts/bebas-webfont.woff') format('woff'), url('../fonts/bebas-webfont.ttf') format('truetype'), url('../fonts/bebas-webfont.svg#webfontZam02nTh') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

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

}

@font-face {
    font-family: 'ropasans';
    src: url('../fonts/RopaSans-Regular-webfont.eot');
    src: url('../fonts/RopaSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RopaSans-Regular-webfont.woff') format('woff'), url('../fonts/RopaSans-Regular-webfont.ttf') format('truetype'), url('../fonts/RopaSans-Regular-webfont.svg#RopaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Jockey';
    src: url('../fonts/JockeyOne-Regular-webfont.eot');
    src: url('../fonts/JockeyOne-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/JockeyOne-Regular-webfont.woff') format('woff'), url('../fonts/JockeyOne-Regular-webfont.ttf') format('truetype'), url('../fonts/JockeyOne-Regular-webfont.svg#JockeyOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}