/* 
 *
 * Author: RedAct Solutions Ltd
 * Web: http://www.redactsolutions.co.uk
 * Date: 01 Feb 2013
 *
 * Main layout styles
 */

/* Resets
----------------------------------------- */

/* Imports
----------------------------------------- */
@import url('bootstrap.min.css');
@import url('bootstrap-responsive.css');

/* Wrappers
----------------------------------------- */
body {
	padding-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4a3d2a;
}

/* Body background variations */
body.spring { background: #d3d394; }
body.summer { background: #f9e9b2; }
body.autumn { background: #e9ddae; }
body.winter { background: #f0ede6; }

.container {
	padding: 20px;
	border-radius: 9px;
	min-width: 240px;

}
@media (max-width: 767px) {
	.container {
		padding: 10px;
	}
}
/* Container background variations */
body.spring .container { background: url(../img/bg-spring.png);	}
body.summer .container { background: url(../img/bg-summer.png);	}
body.autumn .container { background: url(../img/bg-autumn.png);	}
body.winter .container { background: url(../img/bg-winter.png);	}

.container .inner { background: url(../img/inner.png) top left no-repeat; }

/* General
----------------------------------------- */
h1, h2 {
	font-family: "Swis721 Lt Bt", "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

a { color: #b51111;}
a:hover { color: #b51111;}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Breadcrumbs */
.breadcrumb { border-radius: 2px; background: #EDEDED; }
.breadcrumb > li { text-shadow: none; }

/* Content
----------------------------------------- */
#content {
	float: right !important;
	margin-left: auto;
	padding: 20px;
	border-radius: 9px;
	background: #fff;
    -moz-box-shadow: inset 0 0 20px #ededed;
    -webkit-box-shadow: inset 0 0 20px #ededed;
    box-shadow: inset 0 0 20px #ededed;	
}
@media (max-width: 767px) {
	#content {
		float:none !important;
		margin-left: 0;
		padding: 10px;
	}
}

#content h1, #content h2 {
	margin: 20px 0;
	padding: 5px 10px;
	background: url(../img/bg-earth.png);
    -moz-box-shadow: inset 0 0 20px #000000;
    -webkit-box-shadow: inset 0 0 20px #000000;
    box-shadow: inset 0 0 20px #000000;
	border-radius: 2px;
	line-height: 1;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: normal;
	color: #d7d6c8;	
}
#content h3 {
	margin: 10px 0;
	padding: 0 10px;
	line-height: 1;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: normal;
	color: #4a3d2a;	
}
#content p {
	margin: 10px 0;
	padding: 0 10px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
}
#content img {
	border: solid #d2cec5 5px;	
}


/* Main banner section */
#content .hero-unit { /* bootstrap resets */
	margin-bottom: 10px;
	padding: 0;
	border-radius: 2px;
	background: none;
}
#content .hero-unit img { 
	border: none;
	border-radius: 2px 2px 0 0;
  	position: relative;
}  
#content .hero-unit .intro {
	padding: 10px 20px;
	background: #fff url(../img/bg-earth.png);
	border-radius: 0;
    -moz-box-shadow: inset 0 0 30px #000000;
    -webkit-box-shadow: inset 0 0 30px #000000;
    box-shadow: inset 0 0 30px #000000;	
	border-radius: 0 0 2px 2px;
} 
@media (max-width: 767px) {
	#content .hero-unit .intro{
		padding: 10px;
	}
}
#content .hero-unit h1 {
	padding: 5px;
	background: url(../img/bg-h1.png);
    -moz-box-shadow: inset 0 0 1px #000000;
    -webkit-box-shadow: inset 0 0 1px #000000;
    box-shadow: inset 0 0 1px #000000;		
	line-height: 1;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: normal;
	color: #d7d6c8;
}
#content .hero-unit p {
	padding: 0 0 10px 0;
	line-height: 1.5;
	font-size: 14px;
	color: #fff;
}

/* quotations */
#content .quote { margin-bottom: 20px; padding-right: 10px;}
#content .quote-text { padding-left: 40px; background: url(../img/quotes.png) left top no-repeat; line-height: 1.4; font-style: italic; }
#content .quote-from { line-height: 1.3; text-align: right; font-size: 12px; font-weight: 600;}
#content .quote-from a { color: #4A3D2A; }
#content .quote-logo { text-align: right; }
#content .quote-logo img { border: none; }
#content .quote-more { text-align: center; }

/* Sidebar
----------------------------------------- */
#sidebar {
	float: left;
	margin-left: 0;
	border-radius: 9px;
	text-align: center;
}
@media (max-width: 767px) {
	#sidebar {
		display: inline-block;
		margin-top: 20px;
		width: 100%;
	}
}
#sidebar h2 {
	margin: 20px 0;
	padding: 5px 10px;
	background: url(../img/bg-earth.png);
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
	border-radius: 2px;	
	font-size: 22px;
	text-align: center;
	line-height: 1;
	font-weight: normal;
	letter-spacing: normal;
	color: #d7d6c8;	
}

/* Sidebar header section */
#sidebar-header { text-align: center; }
@media (max-width: 767px) {
	#sidebar-header {
		display: none;
	}
}
#sidebar-logo {	text-align: center; margin-top: 4px; }
.sidebar-title { margin: 10px 0; line-height: 1.2; text-align: center; font-size: 22px;	color: #252525; }
.sidebar-name {	font-size: 40px; }

.contact-tel { margin: 10px 0; font-size: 20px; }
.contact-email { margin: 8px 0; font-size: 16px; }
.contact-form { margin: 4px 0; font-size: 16px; }

/* Side navigation */
#sidebar-nav { margin: 10px 0; }
#sidebar-nav ul { 
	margin: 0;
	list-style: none; 
	border-radius: 2px;	
}
#sidebar-nav li {
	padding: 5px 10px;
	margin-bottom: 1px;
	background: url(../img/bg-menu.png);
	text-align: center; 
}
#sidebar-nav li.active, #sidebar-nav li:hover  {
}
#sidebar-nav li a {
	font-size: 20px;
	text-align: center;
	line-height: 1;
	font-family: "Swis721 Lt Bt", "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-weight: normal;
	letter-spacing: normal;
	color: #4A3D2A;
}
#sidebar-nav li a:hover {
	text-decoration: none;
	color: #b51111 !important;
}

/* quotations */
#sidebar .quote { margin-bottom: 20px; padding-right: 10px;}
#sidebar .quote-text { padding-left: 40px; background: url(../img/quotes.png) left top no-repeat; line-height: 1.4; text-align: left; font-style: italic; }
#sidebar .quote-from { line-height: 1.3; text-align: right; font-size: 12px; font-weight: 600; }
#sidebar .quote-from a { color: #4A3D2A; }
#sidebar .quote-logo { text-align: right; }
#sidebar .quote-more { text-align: center; }

/* Footer
---------------------------------------- */
footer.container { background: none !important; font-size: 80%;}
footer.container a { color: #4A3D2A; }

#designer { text-align: right; }
@media (max-width: 767px) {
	#designer {
		text-align: left;
	}
}

/* Weather Widget (old)
---------------------------------------- */
#ww_9 {padding:0px; margin: 0px auto 10px auto; font-size:12px; list-style:none; background:none;width: 223px;height: 344px; overflow:hidden;}
#ww_9 * {margin:0px; padding:0px; list-style:none;background:none;}
#ww_9 .weather_city { width:100%;height: 18px; overflow: hidden;text-align: center;margin-bottom: 4px;padding-top: 2px;}
#ww_9 .weather_city a {color:#45619c;font-size: 14px;font-weight: bold; text-align: left; line-height: 18px;margin-left: 10px;}
#ww_9 .weather_left {width:50%;float: left;height: 90px; overflow: hidden;text-align: center;}
#ww_9 .weather_right {width:50%;float: left;height: 90px; overflow: hidden;text-align: left;line-height: 10px;}
#ww_9 .weather_center {width:100%;margin-top: 6px;}
#ww_9 .temp {color:#c74b29;font-size: 32px;font-weight: bold; text-align: left; line-height: 38px;}
#ww_9 .temps {color:#494e54;font-size: 11px;line-height: 12px;}
#ww_9 .date {color:#494e54;margin-top:2px;font-size: 11px; text-align: left; line-height: 16px;font-weight: bold;}
#ww_9 .img_s {display: block;float: left;}
#ww_9 .table_w {width:223px;margin:0 auto;text-align: center;border-spacing: 0px;}
#ww_9 .dates {margin-left:7px; color:#494e54;font-size: 12px;text-align: left; width:90px; line-height: 18px;display: block;float: left;}
#ww_9 .tdd {color:#c74b29;width:42px; font-size: 12px; line-height: 32px;font-weight: bold;float: left;}
#ww_9 .tnn {color:#45619c;width:42px; font-size: 12px; line-height: 32px;font-weight: bold;float: left;}
#ww_9 span {display: block;}
#ww_9 .clear:after {
	content: "";
	display: block;
	height: 0px;
	line-height:0px !important;
	clear: both;
	overflow: hidden;
}
#ww_9 .clear {_zoom:1; line-height:0px !important;}
* html #ww_9 .clear { zoom: 1; }
*+html #ww_9 .clear { zoom: 1;} 

/* Weather Widget (new)
---------------------------------------- */
#weather-widget {
	width: 200px;
	margin: 0 auto;	
}


/* Fixes
---------------------------------------- */
@media (min-width: 767px) and (max-width: 979px) { 

	#content h1, #content h2, #sidebar h2 { font-size: 18px; }
	.contact-tel { font-size: 16px; }	
	.contact-email { font-size: 12px; }
	#sidebar .quote-text { background: none; padding-left: 10px; }
}

@media (max-width: 320px) { 
	#content h1, #content h2, #sidebar h2, #content .hero-unit h1 { font-size: 18px; }
}