/* ------------------------------------------------------------

Title: Destiny Homes
Author: ASI Communications

------------------------------------------------------------ */

/* ------------------------------------------------------------

CSS Reset

------------------------------------------------------------ */

body,div,dl,dt,dd,h2,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
} 
table { 
	border-collapse:collapse;
	border-spacing:0; 
} 

fieldset,img {
	border:0; 
} 
address,caption,cite,code,dfn,th,var { 
	font-style:normal;
	font-weight:normal;
} 

ol,ul { 
	list-style:none; 
}

#rightColumn li {
	color: FFF;
	margin: 0 0 3px -15px;
}


 
caption,th { 
	text-align:left; 
} 

h1 {
	margin:0;
	padding:0 0 5px 0 ;  
	font-size:18px;
	font-weight: normal;
	color: #00467f;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .1em;


}


h2 {
	margin:0;
	padding:0 0 5px 0 ;
	font-size: 14px;
	font-weight: bold;
	color: #00467f;
	text-align: left;


}

h3 {
	margin:0;
	padding:10px 0 10px 0 ;
	font-size: 12px;
	font-weight: bold;
	color: #471f06;
	text-align: left;


}
q:before,q:after {
	content:'';
} 

abbr,acronym { 
	border:0; 
} 


/* ------------------------------------------------------------

Defult setting

------------------------------------------------------------ */

body {
	background: #f3ecde url(/images/bg_back.gif) top center repeat-x;
	text-align: center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

body.landingPage {
}

body.homePage {
	
	background-color:#330099;
}



#main-content p a, a:link, a:visited, a:active {
	color:#00467f;
	text-decoration: underline;
}

#main-content p a:hover {
	color:#00467f;
	text-decoration: none;
}

p {
	font-size: 1.2em;
	color: #00467f;
	margin: 0 0 10px 0;
	letter-spacing: .05em;
	line-height: 18px;


}



/* ------------------------------------------------------------

Structure

------------------------------------------------------------ */


#wrap {
	width: 1018px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color:#FFF;
	background: url(/images/clear1.jpg) top center repeat-y;

	
}





#top_left{
	background: transparent url(/images/top_left.gif) top no-repeat;
	float: left;
	width: 59px;
	height: 126px;
	position: relative;
}
#logo {
	background: transparent url(/images/top_logo.jpg) top no-repeat;
	float: left;
	width: 147px;
	height: 126px;
	position: relative;
}
#top_right{
	background: transparent url(/images/top_right.jpg) top no-repeat;
	float: left;
	width:  811px;
	height: 126px;
	position: relative;
}

#header_top {
	background: transparent url(/images/top1.jpg) top no-repeat;
	float: right;
	width: 555px;
	height: 111px;
	margin: 0 0 0px;
	position: relative;
}


#email {
	background: transparent url(/images/btn_email.jpg) top no-repeat;
	float: right;
	width: 305px;
	height: 33px;
	margin: 43px 59px 10px 0;
	display: block;
}







#bottom1{
	background: transparent url(/images/bottom1.jpg) top no-repeat;
	float: left;
	display: inline;
	margin: 0;
	width: 800px;
	height: 216px;
}
#main-content {
	background: #FFF url(/images/bg_content1.gif) top no-repeat;
	float: right;
	width: 858px; 
	padding: 0 80px 0 80px;
  	height: auto !important;

}	
	



#clear {
	background: transparent url(/images/clear.jpg) top repeat-y;
	float: left;
	width: 800px;
	height: 15px;
	position: relative;
}






/* ------------------------------------------------------------

Header

------------------------------------------------------------ */

#header h2 a {
	width: 239px;
	height: 42px;
	display: block;
	position: absolute;
	top: 24px;
	left: 67px;
}


#header #language {
	width: 165px;
	height: 40px;
	position: absolute;
	top: 25px;
	right: 46px;
	white-space: nowrap;
}

/* ------------------------------------------------------------

Menu

------------------------------------------------------------ */



#menu {
	list-style-type: none;
	background: transparent url(/images/menu.jpg) no-repeat;
	float: left;
	margin: 0 59px 0 59px;
    width: 900px;
	height: 40px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 40px;
}


#menu ul a {
	display: block;
	text-decoration: none;
	position: relative;
	margin: 0 0 0 0;
}
#menu ul li a {
	margin: 0
	display: block;
	text-decoration: none;
	width: 150px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	cursor: pointer;
}

/* ------------------------------------------------------------
 Sub Menu
/* ----------------------------------------------------------------- */

#menu ul li {
	float: left;
	text-indent: -9999px;
	position: relative;
}
#menu ul li ul {
	background-image: none;
	list-style: none;
	position: absolute;
	top: 39px; 
	left: 0;
	display: none;
	width: 150px;
	border-top: 1px solid #858078;
}

#menu ul ul ul{
	top: -1px;
	left: 150px;

}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul {
	display: none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
	display: block;
}

#menu ul li ul li {
	width: 150px;
	border-bottom:  1px solid #858078;
	border-left:  1px solid #858078;
	border-right: 1px solid #858078;
	text-indent: 0;
	display: block;
}
#menu ul li ul li.text a {
	font-size: 14px;
	color: #00467f;
	position: relative;
	top: 0; left: 0;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
	width: 140px;
	height: auto;
	background-image: none;
	background-color: #e9e0d0;
	display: block;
	margin: 0;
}
#menu ul li ul li.text a:hover {
	color: #e9e0d0;
	text-decoration: none;
	background-image: none;
	background-color: #00467f;
	display:block;
}


ul li#menu1 a  { width: 150px; height: 40px; }
ul li#menu2 a  { width: 150px; height: 40px; }
ul li#menu3 a  { width: 150px; height: 40px; }
ul li#menu4 a  { width: 150px; height: 40px; }
ul li#menu5 a  { width: 150px; height: 40px; }
ul li#menu6 a  { width: 150px; height: 40px; }




ul li#menu1 a:hover  { background: transparent url(/images/menu.jpg) 0px -40px no-repeat; }
ul li#menu2 a:hover  { background: transparent url(/images/menu.jpg) -150px -40px no-repeat; }
ul li#menu3 a:hover  { background: transparent url(/images/menu.jpg) -300px -40px no-repeat; }
ul li#menu4 a:hover  { background: transparent url(/images/menu.jpg) -450px -40px no-repeat; }
ul li#menu5 a:hover  { background: transparent url(/images/menu.jpg) -600px -40px no-repeat; }
ul li#menu6 a:hover  { background: transparent url(/images/menu.jpg) -750px -40px no-repeat; }



#homePage ul li#menu1    		{ background: transparent url(/images/menu.jpg)    0px -40px no-repeat; }
#servicesPage ul li#menu2  	    { background: transparent url(/images/menu.jpg) -150px -40px no-repeat; }
#galleryPage ul li#menu3      	{ background: transparent url(/images/menu.jpg) -300px -40px no-repeat; }
#testimonialsPage ul li#menu4	{ background: transparent url(/images/menu.jpg) -450px -40px no-repeat; }
#aboutPage ul li#menu5   		{ background: transparent url(/images/menu.jpg) -600px -40px no-repeat; }
#contactPage ul li#menu6       	{ background: transparent url(/images/menu.jpg) -750px -40px no-repeat; }




/* ------------------------------------------------------------

Content

------------------------------------------------------------ */

                                 

/* Home */




#main-content ul {
	
	text-align: left;
	color: #FFFFFF;
	padding: 0px 0px;
	margin: 0; 
	padding: 0px;
} 
#main-content li {
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: square; 
	padding-bottom: 5px;
	margin-left: 25px;
}


.Blue {
	color: #FFF;
	font-weight: 200;
	font-size: 110%;
}





#homes {
	background: transparent url(/images/homes.jpg) top center no-repeat;
	margin: 18px 0 0 0;
	width:855px;
	height:327px;	
}


#leftColumn {
	float: left;
	margin: 0 0 15px 0;
	width: 540px;
	height:auto;
}

#rightColumn {
	float: right;
	margin: 30px 0 15px 0;
	width: 286px;
	height:auto;
	
}

/* ---------------Interior layouts------------------- */

#leftColumnInterior {
	float: left;
	margin: 18px 45px 15px 0;
	width: 528px;
	height:auto;
}

#galleryLeft {
	float: left;
	margin: 0px 0px 15px 0;
	width: 445px;
	height:auto;
}

#galleryRight{
	float: right;
	margin: 0px 0px 15px 0;
	width: 350px;
	height:auto;
}

#rightColumnInterior {
	float: left;
	margin: 18px 0 15px 0;
	width: 281px;
	height:436px;
	
}


#leftColumnInterior ul li {
	list-style: disc;
	font-size: 1.2em;
	color: #00467f;
	margin: 0 45px 0px 50px;
	letter-spacing: .05em;
	line-height: 18px;

}



/* ---------------Video------------------- */

#videoLeft {
	float: left;
	margin: 18px 0 15px 0;
	width: 325px;
	height:700px;
	
}

#videoCenter {
	float: right;
	margin: 75px 25px 15px 0px;
	width: 490px;
	height:300px;
	
}

#videoRight {
	float: left;
	margin: 18px 0 15px 0;
	width: 350px;
	height:300px;
	
}

#web_btns{
	float: left;
	margin: 25px 0 55px 0;
}



/* ---------------Wordpress Blog Feed------------------- */

.storytitle {
	margin-top: 10px;
	padding:0 0 5px 0 ;  
	font-size:18px;
	font-weight: normal;
	color: #00467f;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
	
.meta {
	font-size: 12px;
	}
	
.storycontent {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
.blogHR {
	color:#ffffff;
	background-color: #ffffff; 
	border: 1px dotted #32628a; 
	border-style: none none dotted; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;	
}




/* ------------------------------------------------------------

Footer

------------------------------------------------------------ */



#footer {
	background: transparent url(/images/bg_footer1.jpg) top center repeat-x;
	padding-top: 15px;
	clear: both;
	width: 1018px;
	height: 77px;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	color:#58595b;
	line-height: 18px;
	letter-spacing: 0.1em;
	font-size: 11px;

}

#footer p a, a:link, a:visited, a:active {
	font-weight: normal;
	color: #58595b;
	text-decoration: none;
}

#footer p a:hover {
	color: #58595b;
	background: none;
	text-decoration: underline;
}




/* ------------------------------------------------------------

Misc

------------------------------------------------------------ */




/* self-clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearall {
	clear:both;
}


.center {
	text-align: center;
}


.red {
	color:#F00;
	font-size: 12px;
	text-align:right;
}