body {
	background:#dadada url(img/rose.png) repeat-x 0 0 ;
	color:#333333;
	font:normal 1em/1.3em Arial, sans-serif;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}

.floatRight {float:right;margin:5px 0 5px 10px;}
.floatLeft {float:left;margin:5px 10px 5px 0;}
.clear {clear:both;}

h1 {
	color:#a12539;
	font-size:1.8em;
	line-height:1.2em;
}

h2 {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
}

h3 {
	color:#000000;
	font-size:1.0em;
	font-weight:bold;
}

p {line-height:1.6em;}

#content {
	background:#fff;
	width:1000px;
	min-height:900px;
	margin:50px auto 20px auto;
	box-shadow: 0 0 10px #333333;
}


a {
	color:#a12539;
	text-decoration:none;
}

a:hover {
	color:#a12539;
	text-decoration:underline;
}


#head {
	background:#fff url(img/title-bg.png) repeat-x 0 0 ;
	width:100%;
}

#head .logo {float:left;margin:115px 0 0 20px;}
#head .image {float:right;margin:10px 20px 0 0;}

#content .inner {
	float:left;
	margin:0 20px 40px 20px;
}
#content .inner .left {float:left;width:200px;}

#content .inner .left ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#content .inner .left ul li a{
	padding:5px 0 5px 35px;
	display:inline-block;
	text-decoration:none;
	color:#333333;
}

#content .inner .left ul li.active a{
	background:url(img/bullet.jpg) no-repeat  0 0;
}
#content .inner .left ul li:hover a{
	background:url(img/bullet-hover.jpg) no-repeat  0 0;
}

#content .inner .center {float:left;width:450px;margin:0 20px;}
#content .inner .center.fullwidth {width:720px;}
#content .inner .right {float:left;}
#content .inner .right img {margin:25px 0;}

#content .inner .tCol tr td {padding:0 10px 5px 0;}

#content .text-info {
	font-size:80%;color:#aaa;
}

#footer {
	width:1000px;
	margin:0 auto;
}

#footer a{
	font-size:0.8em;
	color:#333;
	margin:0 15px 0 0;
	text-decoration:none;
}

#footer a:hover {text-decoration:underline;}

/* ============== Responsive Media Queries ==================== */
@media screen and (max-width: 1024px) {
	#content {margin:15px auto;}
	#head {
		-background-color:red;
		background-position:0 -70px;}
	#head .logo {margin:48px 0 0 20px;}
	#head .image img {width:280px;}
	}
@media only screen and (max-width : 980px) {
	#content {
		width:730px;
		margin:15px auto;
	}
	#head {
		-background-color:yellow;
	}
	#content .left {
		float:none !important;
		width:100%;
	}
	#content .left ul {width:700px;float:left;}
	#content .left ul li {float:left;margin:10px 10px 0 0;}
	#content .left ul li a {
		background:#ccc;
		padding:5px 10px !important;
	}
	#content .left ul li a:hover,
	#content .left ul li.active a {
		background-image:none !important;
		background-color:#a12539 !important;
		color:#fff;
	}
	#content .inner .center{
		margin:20px 20px 0 0;
		width:410px;
	}
	
	#content .inner .center.fullwidth {width:690px;}
}
@media only screen and (max-width : 760px) {
	#head {
		-background-color:blue;
		background-position:0 -100px;
		}
	#head .logo {
		height:auto !important;
		margin:18px 0 18px 20px;}
	#content {height:auto !important;margin:0;width:360px;}
	#head .logo img {width:320px;height:auto !important;}
	#head .image {display:none;}
	#content .left,
	#content .right,
	#content .center {width:100% !important;}
	#content .inner .center{
		margin:20px 20px 0 0;
		width:320px;
	}
	#content .left ul {float:none;width:100%;}
	#content .inner .tCol tr td {display:block;}
	#content .inner .center.fullwidth {width:320px !important;}
	#accordion p img {margin:0;float:none;}
	div.slideshow-container {margin-left:0 !important;}
	div.slideshow-container, div.loader, div.slideshow a.advance-link {width:320px !important;}
	div.slideshow a.advance-link img {position:absolute;top:0;left:0;max-width:310px !important;}
	ul.thumbs {width:270px !important;}
	div.controls {height:80px !important;}
	div.navigation a.pageLink {width:20px !important;}
	div.slideshow span.image-wrapper {position:relative !important;top:0 !important;}
	div.ss-controls {float:left;width:100%;text-align:right;}
	div.nav-controls {float:none; width:100%;margin:15px 0 5px 0;}
	div.nav-controls .prev{float:left;}
	div.nav-controls .next{float:right;}
	img.floatRight,
	img.floatLeft {float:none !important;}
	#gmap_canvas {width:310px !important;}
}
@media only screen and (max-width : 320px) {
	#head {
		-background-color:green;
		background-position:0 -100px;
		}
	#head .logo {margin:18px 0 18px 20px;}
	#content {height:auto !important;margin:0;width:320px;}
	#head .logo img {
		height:auto !important;
		width:280px;
	}
	#head .image {display:none;}
	#content .left,
	#content .right,
	#content .center {width:100% !important;}
	#content .inner .center{
		margin:20px 20px 0 0;
		width:280px;
	}
	#content .left ul {float:none;width:100%;}
	#content .inner .tCol tr td {display:block;}
	#content .inner .center.fullwidth {width:280px !important;}
	#accordion p img {margin:0;float:none;}
	div.slideshow-container {margin-left:0 !important;}
	div.slideshow-container, div.loader, div.slideshow a.advance-link {width:280px !important;}
	div.slideshow a.advance-link img {position:absolute;top:0;left:0;max-width:270px !important;}
	ul.thumbs {width:230px !important;}
	div.controls {height:80px !important;}
	div.navigation a.pageLink {width:20px !important;}
	div.slideshow span.image-wrapper {position:relative !important;top:0 !important;}
	div.ss-controls {float:left;width:100%;text-align:right;}
	div.nav-controls {float:none; width:100%;margin:15px 0 5px 0;}
	div.nav-controls .prev{float:left;}
	div.nav-controls .next{float:right;}
	img.floatRight,
	img.floatLeft {float:none !important;}
	#gmap_canvas {width:270px !important;}
}