/* 
* Amazium V3.3.0
* Copyright 2013, Mike Ballan
* www.amazium.co.uk
*/

body {
	margin:0; background: url(../images/background.jpg); font:15px/20px 'Raleway', sans-serif; color: #555;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.main-content, .featured-content, .specials-content, .bottom-content, .portfolio-content {
	text-align: center;
}

/***** Links *****/

a:link { color: #555; }
a:visited { color:#555; text-decoration:underline; }
a:active { color:#555; text-decoration:underline; }
a:hover { color:#555; text-decoration:none; }

.top-content-wrap {
	padding: 20px 0;
}

.top-content {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	font-weight: 700;
}

.top-content ul {
    margin: 0;
}
.top-content ul li {
    display: inline;
    padding: 2px 7px 0 11px;
}
.top-content ul li a {
    text-decoration: none;
	color: #fff;
}
.top-content ul li a:hover {
    text-decoration: underline;
}
.facebook {
    background: url(../images/icon-facebook.png) no-repeat scroll 0 bottom;
}
.phone {
    background: url(../images/icon-phone.png) no-repeat scroll 0 bottom;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

header {
	
}

.contact header {
    border-bottom: none;	
}

.logo { 
	margin-top: 20px;
	margin-bottom: 70px;
    padding: 20px 0;
	text-align: center;
}

.logo img {
	max-width: 100%;
	height: auto; 
}

h1 span {
    display: none;
}

h1 { line-height: 0 !important; margin: 0 !important; }

h2 { margin:0 0 10px 0; padding:0; font-size:28px; line-height:34px; color:#555; text-transform: none; }
h3 { margin:0 0 10px 0; padding:0; font-size:20px; line-height:26px; color:#555; text-transform: none; }
h4 { margin:0 0 10px 0; padding:0; font-size:18px; line-height:19px; color:#555; text-transform: none; }

p.caption {
	text-align: center;
	margin: 10px 0 0 0;	
}

.home .divider-small-border {
    border-bottom: 1px solid #febb12;
    margin: 20px auto;
    width: 75%;
}

.divider-small-border {
    border-bottom: 1px solid #febb12;
    margin: 20px auto;
    width: 55%;
}

/***** Main Section *****/

.main-content-wrap {
	background: #282828;
}

.main-content { 
	padding: 30px 0 40px 0;
	color: #ddd; 
}

.main-content h2 {color: #ddd;}
.main-content h3 {color: #ddd;}

.home .main-content { 
	padding: 40px 0; 
}

.pricing-header {
	padding-bottom: 20px;
}

h3.stylized { color: #ddd; text-transform: none; margin:0 0 5px 0; }

.main-content ul { margin:10px 0 30px 0; display:block; list-style:none; list-style-image:none; }
.main-content ul ul { margin:8px 0 8px 0; }
.main-content ul.disc li { margin-left: 0; line-height:20px; }


/***** Featured Section *****/

.featured-content-wrap {
	background: #fff;
}

.featured-content { 
	padding: 30px 0; 
}

.home .featured-content, .contact .featured-content { 
	padding: 30px 0 10px 0; 
}


.featured-product-image-wrap {
	padding: 10px;
	background: rgba(0, 0, 0, 0.3);
 	max-width: 440px;
}

.featured-content h2 {
}



.about .featured-content h3 { font-family: 'Raleway', sans-serif; font-style: normal; text-transform: uppercase; }

.featured-content .intro { }

.thank-you .featured-content {
	height: 600px;
}

.thank-you .featured-content h3 {
	margin-top: 140px;
}


/***** Portfolio Section *****/

.portfolio-content-wrap {
	background: #fff;
}

.portfolio-content { 
	padding: 30px 0 14px 0; 
}

.portfolio {
    display: inline-block;
    list-style: none outside none;
    margin: 0 57px 0;
    padding: 0;
}

.portfolio li {
    float: left;
    margin: 0 18px 36px 18px;
    padding: 0;
    text-align: center;
    width: 173px;
}

/***** Specials Section *****/

.specials-content-wrap {
	background: #fff;
}

.specials-content { 
	padding: 0 0 40px 0;
}

.specials-content h3 { margin-top: 20px; }


/***** Bottom Section *****/

.bottom-content-wrap {
	background: #282828;
}
.row .bottom-content {
	
}

.bottom-content { 
	padding: 40px 0 40px 0;
	color: #ddd;
}

.bottom-content h3 { color: #ddd; }

.bottom-content a { text-decoration: underline; color: #ddd; }

.bottom-content a:hover { text-decoration: none; }

/*Footer*/

.footer-content	{
	padding-top: 20px;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-align: center;
	color: #ddd;
}

footer {
	background: #000;	
}

.footer-content a { text-decoration: none; color: #ddd; }

.footer-content a:hover { text-decoration: underline; }

#map-canvas {
	height: 400px;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

#map-canvas img {
    max-width: none; 
}

#map-canvas .infowindow { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color: #555; }


/*Images*/

img { 
	max-width: 100%;
	height: auto;
}


/* #Menu
================================================== */

#navigation {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;	
}

#nav{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 600;		
	font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#nav li{
    display: block;
	float: left;
	background: none;
	margin: 0 0 0 30px;
    padding: 0;
}

#nav a {
	text-decoration: none;
	padding: 0;
	color: #fff;
	-webkit-transition: color 0.3s ease 0.1s;
	-moz-transition: color 0.3s ease 0.1s;
	-ms-transition: color 0.3s ease 0.1s;
	-o-transition: color 0.3s ease 0.1s;
	transition: color 0.3s ease 0.1s;
}

#nav a#current{
	color: #febb12;
}

#nav a:hover{
	color: #febb12;
}

/* default style */
.selectnav { display: none; }

/* small screen */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js #nav { display: none; }
  .js .selectnav { display: block; }
#navigation { float: none; padding: 0; }
}

.selectnav {
    cursor: pointer;
    display: none;
	background: #000;
    height: 35px;
    padding: 7px;
    width: 100%;
	border: 1px solid #febb12;
	color: #fff;
}

.x-field-select::after {
border-top-color: #fff !important;
}


/***** Screen 960px *****/




/***** Screen 1200px+ *****/

.example                                {  }



/***** Screen Smaller than 1199px *****/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

.portfolio {
    margin: 0 14px 0;
}

.portfolio li {
    margin: 0 15px 30px 15px;
    width: 150px;
}

.portfolio-content { 
	padding: 30px 0 20px 0; 
}


}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.specials-content h3 { margin-top: 0; }

.portfolio {
    margin: 0 30px 0;
}

.portfolio li {
    margin: 0 10px 20px 10px;
}

.portfolio-content { 
	padding: 20px 0 20px 0; 
}

}

/***** Mobile (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.top-content-wrap {
	padding: 10px 0 0 0;
    border-bottom: none;
}

.top-content {
	padding-bottom: 5px;
}

.main-content, .home .main-content, .featured-content, .home .featured-content, .portfolio-content, .contact .featured-content {
	padding: 10px 0;
}

.home .main-content { 
	padding: 20px 0 10px 0; 
}

.specials-content {
	padding-bottom: 10px;
}

.specials-content h3 { margin-top: 0; }

.portfolio {
    margin: 0;
}

.portfolio li {
    margin: 0 5px 10px 5px;
    width: 90px;
}

}

/***** Mobile (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.portfolio {
    margin: 0;
}

.portfolio li {
    margin: 0 11px 22px 11px;
    width: 130px;
}

.portfolio-content { 
	padding: 10px 0 20px 0; 
}


}