/* Foundation v2.2 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Font Face
----------------------------------------- */

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
	margin:0;
	padding:0;
	font-family:'Droid Sans';
}

h1 {
	margin:0px 0px 5px 0px;
	padding:0;
	font-size:28pt;
	font-weight:normal;
	font-family:'Pontano Sans';
}
h2 {
	margin:0px 0px 25px 0px;
	padding:0;
	font-size:20pt;
	font-weight:normal;
	font-family:'Pontano Sans';
}
h3 {
	margin:0px 0px 25px 0px;
	font-size:16pt;
	font-weight:normal;
	font-family:'Pontano Sans';
}
h5 {
	margin:-5px 0px 0px 10px;
	font-size:9pt;
	color:#333333;
}
p {
	margin:0px 0px 15px 0px;
	padding:0;
}
a {
	text-decoration:none;
	color:#040484;
}
img {
	border:none;
}
.headercontainer {
	position:relative;
	top:0;
	width:100%;
	height:auto;
	background: -moz-linear-gradient(top, #ffffff 25%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f4f4f4));
	background: -o-linear-gradient(top, #ffffff 25%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
.contentcontainer {
	position:relative;
	top:0;
	width:100%;
	height:auto;
	background:url("../images/bgt.png") no-repeat #f9f9f9;
	background-position:center bottom;	
}
.contactcontainer {
	display:none;
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	border-bottom:1px solid #dddddd;
	background:#ffffff;
	z-index:999;
}
.footercontainer {
	width:100%;
	height:auto;
	background: -moz-linear-gradient(top, #f4f4f4 25%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#f4f4f4), color-stop(100%,#ffffff));
	background: -o-linear-gradient(top, #f4f4f4 25%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.header {
	width:980px;
	height:55px;
	margin:0 auto;
	padding:0;
}
.content {
	position:relative;
	top:0;
	width:980px;
	min-height:570px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	padding:0;
}
.contactpane {
	position:relative;
	top:0;
	width:980px;
	height:520px;
	margin:0 auto;
}
.footer {
	position:relative;
	top:0;
	width:980px;
	height:50px;
	margin:0 auto;
}
/* -----------------------------------------
   Contact Area
----------------------------------------- */
.contactform {
	width:255px;
	margin:50px 0px 0px 0px;
	display:inline;
	float:left;
}
.address {
	width:420px;
	margin:50px 24px 0px 24px;
	display:inline;
	float:left;
	& img {
		margin-top:15px;
	}	
	
}
.testimonials {
	width:219px;
	margin:112px 0px 0px 0px;
	display:inline;
	float:left;
}

/* -----------------------------------------
   Nav
----------------------------------------- */
.nav {
	position:relative;
	top:0;
	width:356px;
	height:auto;
	display:inline;
	float:right;
	color:#333333;
	ul {
		list-style:none;
		& li {
			display:inline;
			float:left;
			margin:17px 5px 0px 5px;
			& a {
				padding:0px 8px 0px 8px;
				border:2px solid transparent;
				font-size:10pt;
				cursor:pointer;
				color:#040484;
				&:hover{

				}
				&.current{
					
				}
			}	
		}	
	}	
}
.sub-nav {
	display:inline;
	float:right;
	position:relative;
	top:15px;
	right:32px;
	margin:5px 0px 0px 0px;
	padding:10px 10px 10px ;
	background:url("../images/tile.png");
}

/* -----------------------------------------
   Specifics (ID)
----------------------------------------- */
#logo {
	display:inline;
	float:left;
	width:auto;
	height:50px;
}
#left {
	display:inline;
	float:left;
	width:512px;
	height:450px;
	margin:62px 0px 0px 0px;
	& p {
		font-size:11pt;
		margin:0px 0px 20px 0px;
	}
}
#right {
	display:inline;
	float:right;
	width:468px;
	height:450px;
	margin:62px 0px 0px 0px;
}
.salesfull {
	width:1004px;
	margin:20px 10px 0px 10px;
	
}
.salesleft{
	width:550px;
	margin:10px 10px 0px 10px;
	
}
#nomargin {
	margin:20px 0px 0px 0px;
}
#margin {
	margin:30px 0px 18px 0px;
}

/* -----------------------------------------
   Blocks
----------------------------------------- */
#content_1 {
	
}
#content_2 {
	position:relative;
	top:0;
}
#content_3 {
	
}
#content_4 {
	
}
#content_5 {
	margin:0px auto 0px auto;
	padding:50px 0px;
}
#cat_1 {
	display:block;
}
#cat_2, #cat_3, #cat_4 {
	display:none;
}
/* -----------------------------------------
   Thumbs & Panels
----------------------------------------- */
.thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6, .thumb7, .thumb8 {
	display:inline;
	float:left;
	width:226px;
	height:195px;
	margin:20px 9px 0px 9px;
	/*background:url("http://localhost/dunham2/images/tile.png");*/
	background: -moz-linear-gradient(top, #ffffff 25%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f4f4f4));
	background: -o-linear-gradient(top, #ffffff 25%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
	& img {
		margin:10px 10px;
		width:206px;
		height:150px;
	}
	&:hover {
		cursor:pointer;
	}	
}
.detail, .detail1, .detail2, .detail3, .detail4, .detail5, .detail6, .detail7, .detail8 {
	display:none;
	width:980px;
	height:100%;
	background:none;
	position:absolute;
	top:0px;
	padding:10px 0px 0px 0px;
	&_list {
		font-size:8pt;
		margin:0;
		& li {
			margin:0px 0px 5px 0px;
			background: url('../images/ul_tick.gif') no-repeat top left;
			background-size: 12px 12px;
			background-position: left center;
			padding-left: 25px;
		}	
	}	
}
.detailshow {
	width:1024px;
	height:100%;
	background:none;
	position:absolute;
	top:0px;
	padding:10px 0px 0px 0px;	
}
.left {
	width:550px;
	height:512px;
	display:inline;
	float:left;
	margin:30px 0px 0px 0px;	
	& h2, p {
		margin-left:10px;
	}	
}
.right {
	width:404px;
	height:512px;
	display:inline;
	float:right;
	margin:30px 0px 0px 20px;
	& p {
		padding-bottom:6px;
	}
	& .panel {
		margin-right:10px;
		background:url("../images/tile.png");
		padding-bottom:48px;
	}	
}
a.close {
	position:absolute;
	right:10px;
	margin:5px 0px 0px 0px;
	font-size:18pt;
	cursor:pointer;
}

/* -----------------------------------------
   Text & Button Classes
----------------------------------------- */
#bigbutton {
	display:inline;
	float:left;
}
#smallbutton {
	&_1 {
		position:relative;
		top:0;
		display:inline;
		float:left;
		margin:0px 22px;
	}
	&_2 {
		position:relative;
		top:0;
		display:inline;
		float:left;
	}	
}
h1.inline {
	display:inline;
	float:left;
	margin:20px 0px;
	font-size:20pt;
}
h1.smaller {
	font-size:20pt;
	margin:40px 0px 10px;
}


/* -----------------------------------------
   Slider Hacks
----------------------------------------- */
.test-wrapper {
	width:354px;
	height:80px;
	overflow:hidden;
}
.testimonial {
	width:345px;
	height:80px;
	background:url('../images/orbit/loading.gif') no-repeat center center #ffffff ;
	z-index:999999;
	& div {
		display:none;
	}	
}
.testimonal .orbit div {
	background:#ffffff;	
}
#test {
	background:#ffffff;
}