/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 5 - TMM Menu
  -----------------------------------
*/

/*FIX FOR SAFARI 6 AND IE9 SUB-PIXEL RENDERING RECURSION WITH EQUAL HEIGHTS COLUMN SCRIPT*/
body {overflow-y: scroll;}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*background-color: #FFF;*/
	margin: 20px;
	font-size: 100%;
	position: relative;
	
}
img.scaled {
	height: auto;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	box-shadow: 5px 5px 20px #999;
}
img.scaled-plain {
	height: auto;
	width: 100%;
}
img.scaled-max {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
	border-radius: 5px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	box-shadow: 5px 5px 20px #999;
}
img.scaled-max-plain {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
}
#masthead {
	margin: 0px auto;
	position: relative;
	z-index: 9999999;
	/*background: rgba(83,117,153,1);
	background: -moz-linear-gradient(-45deg, rgba(83,117,153,1) 0%, rgba(83,117,153,1) 0%, rgba(144,182,223,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(83,117,153,1)), color-stop(0%, rgba(83,117,153,1)), color-stop(100%, 		rgba(144,182,223,1)));
	background: -webkit-linear-gradient(-45deg, rgba(83,117,153,1) 0%, rgba(83,117,153,1) 0%, rgba(144,182,223,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(83,117,153,1) 0%, rgba(83,117,153,1) 0%, rgba(144,182,223,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(83,117,153,1) 0%, rgba(83,117,153,1) 0%, rgba(144,182,223,1) 100%);
	background: linear-gradient(135deg, rgba(83,117,153,1) 0%, rgba(83,117,153,1) 0%, rgba(144,182,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537599', endColorstr='#90b6df', GradientType=1 );*/
	background: rgb(95,92,142);
	background: linear-gradient(166deg, rgba(95,92,142,1) 0%, rgba(134,207,235,1) 53%, rgba(137,235,255,1) 100%);
}

#masthead img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5 {
	font-weight: normal !important;
	font-style: normal !important;
	font-family: "Federo", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	margin: 0px;
}
h1 {
	font-size: 2.8em;
	font-weight: 800;
	margin: 20px;
	color: rgb(156,27,101);
}
h2 {
	font-size: 1.75em;
	margin-top: 20px;
}
h3 {
	font-size: 1.65em;
	margin-top: 20px;
}
h4 {
	font-size: 1.5em;
	margin-top: 20px;
}
td {
	padding: 5px;
}

summary {
	font-family : Castellar;
	font-size: 28px;
	color:#399;
	font-weight:700;
	margin: 30px;
	cursor: pointer;
}

.header  {
	margin: 0px !important;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 5px;
	margin-left : 20px;
	margin-right : 20px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #000000;
}
p a:hover {
	color : #294A7B;
}

li {
	margin-top: 5px;
}

/*Features styles*/
.featName {
	font-size: 1.25em;
	padding-left: 20px;
	font-weight:500;
}

.cost {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(206,55,52);
	font-weight:500;
}

.fancy-quote {
	font-family: "Federo", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.15em;
	margin-bottom: 15px;
	color: #3C5060;
}
/*#masthead {
	background: url(images/fon_top.jpg) repeat center top;
}*/

#masthead h1 {
	font-size: 3em;
	margin: 0px;
	 
	
}
#masthead .subhead {
	font-size: .7em;
	margin: -.5em 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	
}
#columns {
	border-radius: 5px;
	border: 1px solid;
	border-color: #444;
	position: relative;
	margin: 0px auto;
}

.navigation {
	width: 24%;
	float: left;
}
.main-content {
	width: 76%;
	float: left;
	line-height: 1.5em;
}

.main-content .sale-offer {
	width: 600px;
	max-width: 100%;
	text-align: center;
   margin: 0 auto;
   border: 1px solid #666;
   border-radius: 12px;
   padding: 12px;
   background-color: rgb(219,220,234,0.3);
}

.navigation .content {
	/*background-color: #CCC;*/
  	background-image: url(images/fon_top.gif) repeat center center;
  	background-repeat: repeat;
	background-position: 0px -60px;
	border-right: 1px solid #000;
	box-shadow: 0px 0px 30px #000;
	position: relative;
}
.main-content .content {
	padding: 20px 32px;
	font-size: 1em;
	border-radius: 0px 5px 5px 0px;
	background-color: #FFF;
}
.main-content li {
	padding-top: 10px;
}

.px18 {
	font-size:18px;
	color:#60C;
	font-weight:bolder;
}


/*Interior 3-Column Structure*/
.inner-columns-wrapper {
	overflow: hidden;
}
.three-column-column1 {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.three-column-column2 {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.three-column-column3 {
	width: 32%;
	float: left;
}
.three-column-content {
	padding: 16px;
	border: 1px solid #444;
	border-radius: 5px;
	font-size: 0.85em;
	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #CCC;
}
.three-column-column2 .three-column-content {
	background-color: #AAA;
	box-shadow: inset 0px 0px 30px #888;
}
#footer {
	margin: 6px auto;
	font-size: 0.8em;
	text-transform: uppercase;
}
/*link styles*/
a, a:visited {color: #000;}
a:hover, a:focus {color: #000;}
.sidebar a, .sidebar a:visited {color: #FFF;}
.sidebar a:hover, .sidebar a:focus {color: #000;}

span.clearfix {
	clear: both;
	display: block;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}