body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
	background-color: #fff;
}

iframe {border: 0 none; padding: 0; margin: 0;}

#page-wraper {}

.container {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	
}

#header {
	background: #f2f2f2;

}

	#header .container {
		padding-top: 30px;
		
	}

	#header .inner {
		padding: 19px 0 0 0 !important;
		background: url(images/bbg-header.jpg) top left no-repeat;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
	}

		#header .logo {
			float: left;
			margin-left: 15px;
		}

		#header .main-nav{
			float: right;
			margin-top: 113px;
			
		}

			#header .main-nav ul.menu {
				margin-right: 25px;
				font-size: 0;
			}

				#header .main-nav ul.menu li {
					display: inline-block;
				}

					#header .main-nav ul.menu li a {
						padding: 0 25px 0 0 ;
						display: block;
						font-size: 14px;
						line-height: 22px;
						color: #fff;
					}

					#header .main-nav ul.menu li a:hover {
						text-decoration: underline;
					}

#page-content {}

	#page-content .banner {
		background-color: #fff;}

		#page-content .banner img {}

	#page-content .content {
		background: #f2f2f2;
		padding-bottom: 0px;
	}
	
		#page-content .puppy{
		background: url(images/puppy.png) top right no-repeat;
		padding-bottom: 0; margin-bottom: 0;
	}
			#page-content .puppy2{
		background: url(images/puppy.png) center right no-repeat;
		padding-bottom: 0; margin-bottom: 0;
	}
	
	#page-content .content p {
		margin-bottom: 0px; padding-bottom: 10px;
	}
	.cent {
		text-align: center;
	}

		#page-content .content h2.title {
			font-size: 24px;
			color: #e30613;
			text-align: center;
			line-height: 22px;
			padding: 50px 0;
		}

		#page-content .content .widget-3-widget { }

			#page-content .content .widget-3-widget .widget {
				width: 31.25%;
				float: left;
				margin-right: 3.125%; margin-bottom: 40px;
			}

				#page-content .content .widget-3-widget .widget  a {}

					#page-content .content .widget-3-widget .widget  a img {}

				#page-content .content .widget-3-widget .widget h3.title-widget {
					background: url(images/bg-title-w.png) bottom left;
					font-size: 15px;
					line-height: 22px;
					color: #fff;
					padding: 10px 0 10px 28px;
				}

			#page-content .content .widget-3-widget .widget.last {
				margin-right: 0px;
			}
			
			#box1 {width: 47.25%; margin-right: 50px; float: left; min-height: 150px;}
			#box2 {width: 47.25%; margin: 0; float: left; min-height: 150px;}
			
			
			#box7 {float: left; width: 15%;}
			#box8 {float: left; width: 85%;}

			.image-row, .image-set {float: left !important; position:relative;}
			
			.image-set img{width: 22.5%; height: auto; float: left; border: 5px solid #FFF; margin: 7px;}
			img .last{width: 22.5%; height: auto; float: left; border: 5px solid #FFF; margin: 0 7px; }
							
	#designer {text-align: center; margin: 0px 0 50px; margin: 0 auto;}
		#designer h1{			
		font-size: 24px; text-decoration: none;
			color: #e30613;
			text-align: center;
			line-height: 22px;
			padding: 10px 0 20px;}

		#map {}

	#map iframe{border: 3px solid #FFF; margin: 0 auto; margin-bottom: 30px;}


#footer {
	background-color: #ce1316; 
	text-align: center;
	padding: 34px 0;
}

	#footer p.copyright, #footer a {color: #fff !important;}

/* resposive*/
#header .main-nav ul.menu li#responsive-tab{display: none;}


@media only screen and (max-width: 959px){
				#header .main-nav{margin-top: 10px;}

	.container {

	}
	#header .main-nav ul.menu{margin:0;}
	#header .logo, #header .main-nav{
		float: none;
		text-align: center;
	}
	.logo img{display: inline-block;}

	#page-content .content, #footer .copyright {
	    padding: 0 20px;
	}
				#box1 {width: 47.25%; margin-right: 35px; float: left; }
			#box2 {width: 47.25%; margin: 0; float: left; }
			
			.image-set img{width: 22%; height: auto; float: left; border: 5px solid #FFF; margin: 5px;}
							img .last{width: 22%; height: auto; float: left; border: 5px solid #FFF; margin: 0 5px; }
								p.ust, p .ust a, .ust a {color: #333 !important;}
								#footer {
	background-color: #ce1316; 
	text-align: center;
	padding: 34px 0px; font-size: 11px;
}
}

@media only screen and (max-width: 767px){
			#header .main-nav{margin-top: 10px;}
			
	#page-content .content .widget-3-widget .widget, #page-content .content .widget-3-widget .widget.last {
	    float: none;
	    margin: 0 auto 20px;
	    width: 300px;
	    max-width: 100%;}
		
			#box1 {width: 100%; margin: 0; float: left; }
			#box2 {width: 100%; margin: 0; float: left; }
			
						.image-row, .image-set {float: left !important; position:relative;}
			
			.image-set img{width: 20.5%; height: auto; float: left; border: 5px solid #FFF; margin: 5px;}
							img .last{width: 20.5%; height: auto; float: left; border: 5px solid #FFF; margin: 0 5px; }
								p.ust, p .ust a, .ust a {color: #333 !important;}
	

}
@media only screen and (max-width: 480px){
	
		#header .main-nav{
			margin-top: 0px;
			
		}
	
	#header .main-nav ul.menu li#responsive-tab{display: block;}
	#header .main-nav ul.menu li {
	    display: none;
	}
	#header .main-nav ul.menu li a {
	   background: none repeat scroll 0 0 #ce1316;
	    border-bottom: 1px dashed #ccc;
	    color: #fff;
	    padding: 5px 0;
	    text-indent: 20px;
	    text-align: left;
	    text-transform: uppercase;
	}
	#header .main-nav ul.menu li#responsive-tab a{
		background: url("images/menu.gif") no-repeat scroll 95% center #ce1316;
	}
	#header .main-nav ul.menu li a:hover{
		text-decoration: none;
	}
			.image-set img{width: 21.5%; height: auto; float: left; border: 3px solid #FFF; margin: 4px;}
							img .last{width: 21.5%; height: auto; float: left; border: 3px solid #FFF; margin: 0 4px; }
								p.ust, p .ust a, .ust a {color: #333 !important;}
}
@media only screen and (max-width: 320px){
			.image-set img{width: 95.5%; height: auto; float: left; border: 5px solid #FFF; margin: 0;}
							img .last{width: 95.5%; height: auto; float: left; border: 5px solid #FFF; margin: 0 0; }
		p.ust, p .ust a, .ust a {color: #333 !important;}
	
	}
	
