/*  
Theme Name: Bella Beautiful Homes
Description: Bella Beautiful Homes by deBruynDesign
Version: 1.2.1
Author: Alan Chiu @ deBruyn Design Group
Author URI: http://www.debruyndesign.com/
*/

* {margin: 0; padding: 0;}

/* clearfix snippet */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
	
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/********************************************************/
/*                  general layout                      */
/********************************************************/

body {
	background: #1B1B1B;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
	}

a {
	text-decoration: none;
	color: #ED1C24;
	font-size: 12px;
	}
	
a:hover { color: #000; }
	
h1, h1 a, {
	font-size: 26px;
	color: #ED1C24;
	margin-bottom: 10px;
	text-decoration: none;
}



.post h1 a {
	font-size: 24px;
	color: #ED1C24;
	margin-bottom: 10px;
	text-decoration: none;
	text-transform: lowercase;
	font-variant: small-caps;
}

h1 a:hover { color: #000; }

h2, h2 a {
	font-size: 22px;
	margin-bottom: 10px;
	color: #ED1C24;
	}
	
h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	font-weight:bold;
	}

.center a { color: #ED1C24; }

.left {float: left;}

.right { float: right; }
	
.center { text-align: center; }
	
.clear { clear: both; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mb5 { margin-bottom: 5px; }

.indent { margin-left: 45px; }

.mr20 { margin-right: 20px; }

.mr10 { margin-right: 14px; }

.mr5 { margin-right: 5px; }
	

/********************************************************/
/*                container section                     */
/********************************************************/

#container {
	width: 100%;
	}

/********************************************************/
/*                  header section                      */
/********************************************************/

#header {
	background: #3f3f3f;
	width: 100%;
	margin: auto;
	}

#header_inner {
	width: 978px;
	height: 131px;
	position: relative;
	margin: auto;
	}

#header #logo { border: none;}

#lang {
	width: 258px;
	height: 17px;
	background: #383838;
	position: absolute;
	top: 0px;
	left: 665px;
	padding: 6px;
	font-size: 8px;
	color: #a2a0a0;
	}
	
#lang p { padding-top: 3px; padding-left:5px; }

.korea, .flag2, .flag3, .flag4, .flag5 { 
	width: 24px;
	height: 20px;
	padding-left: 20px;
	padding-top: 3px;
	float: top;
	margin-left: 5px;
	}
	
.korea { background: url('image/korea.jpg') no-repeat; }
	
.flag2 { background: url('image/flag2.jpg') no-repeat; }
	
.flag3 { background: url('image/flag3.jpg') no-repeat; }
	
.flag4 { background: url('image/flag4.jpg') no-repeat; }
	
.flag5 { background: url('image/flag5.jpg') no-repeat; }

/********************************************************/
/*               navigation section                     */
/********************************************************/

#nav  {
position:absolute;
right:0;
top:108px;
width:1034px;
}
#nav ul {
	text-align: center;
	/*right: 30px;*/
	left: 390px;
	position: absolute;
	z-index: 100;
	}
	
#nav li {
	text-decoration: none;
	display: inline;
	float: left;
	position: relative;
	margin-right: 7px;
	margin-left: 1px;
	}

#nav li a {
	display: block; 
	width: 84px;
	height: 19px;
	padding-top: 4px;
	color: #000; 
	font-size: 12px;
	text-decoration: none; 
	background: #545454
	}
	
#nav li a:hover {
	color: #fff;
	}
#nav .current-page-item {
	margin-right: 2px;
	margin-left: 0px;
	}

#nav .current-page-item a {
	height: 52px;
	width: 90px;
	z-index: 100;
	padding: 4px 0 0;
	}
	
#nav .active1 a { background: url('image/active.png') no-repeat 0px 0px; }

#nav .active2 a { background: url('image/active2.png') no-repeat 0px 0px; }

#nav .active3 a { background: url('image/active3.png') no-repeat 0px 0px; }

#nav .active4 a { background: url('image/active4.png') no-repeat 0px 0px; }

#nav .active5 a { background: url('image/active5.png') no-repeat 0px 0px; }

#nav .active6 a { background: url('image/active6.png') no-repeat 0px 0px; }
	
#nav .current-page-item a span { padding-right: 4px; }

#nav .current-page-item a:hover { color: #ED1C24; }
	
/********************************************************/
/*                  content section                     */
/********************************************************/

#content_wrapper {
	background: #3f3f3f;
	width: 100%;
	}
	
#contentContainer {
	background:  url('image/subRepeat.png') repeat-y 0 15px;
	width: 978px;
	margin: auto;
	
	}
	
#content { 
	background:  url("image/sub.png") no-repeat;
	width: 898px;
	min-height: 450px;
	margin: auto;
	position: relative;
	padding: 40px 40px 25px 40px;
	}
	
#content img { border: none; }

#content p { margin-bottom: 10px; }

#shadow {
	background: url('image/contentShadow.png') no-repeat;
	height: 467px;
	width: 15px;
	position: absolute;
	right: -15px;
	top: 23px;
	}
	
/* Front Page */
	
#content_wrapper .home { 
	padding: 0px; 
	width: 978px;
	}

/* Sub Pages */

#contentSub {
	padding-right: 20px;
	width: 566px;
	float: left;
	min-height: 450px;
	position: relative;
	}
	
#content .wide {
	margin-right: 0px;
	width: 553px;
	padding-right: 45px;
	line-height: 15px;
	}

.subNav {	
	position: absolute;
	bottom: 0px;
	}
	
.subNav li { 
	display: inline;
	margin-right: 15px;
	}
	
.subNav a { 
	color: #000;
	text-decoration: none; 
	text-transform: uppercase;
	font-size: 11px;
	}

.subNav a:hover, .subNav li.current_page_item a { color: #ED1C24; }
	
.post img { margin-bottom: 10px; } 

.post a {
	font-size: 11px;
	color: #cf0037;
	}
	
.post a:hover { color: #000; }

.post h1 { margin-bottom: 10px; 
	color: #ED1C24;
	margin-top: 20px;
	text-transform: lowercase;
	font: small-caps 20px Trebuchet MS,Helvetica,sans-serif;
}

#content .featuretable table p { font-weight: normal; }

/* Floorplan Page */

#floorplan {
	float: left;
	width: 300px;
	height: 445px;
	position: relative;
	}

.plan {
	position: absolute;
	opacity: 0;
	}
	
.show { opacity: 1; }	

#content table p, table a { 
	margin-bottom: 0px;
	font-size: 9px;
}
	
#content .floorplan table p { font-weight: bold; }

#content table p { padding-left: 5px; }

table a { 
	color: #000; 
	font-weight: bold;
	}

p.grey { background: #c7c7c7; }

p.grey a { color: #000; }

p.grey a:hover { color: #fff; }

p.red { 
	color: #000;
	text-transform: uppercase;
	}
	
table td.rspace { padding-left: 10px; }

a.pdf {
	color: #848484;
	display: block;
	position: absolute;
	bottom: 6px;
	font-size: 11px;
	left: 510px;
	text-transform: uppercase;
	bottom:16px;
	}

a.pdf3  {
bottom:15px;
color:#848484;
display:block;
font-size:11px;
position:absolute;
left:35px;
text-transform:uppercase;
width:150px;
}
.pdf3  {
background:url("image/pdf.png") no-repeat scroll left center transparent;
height:24px;
padding-left:31px;
padding-top:26px;
width:28px;
}
.pdf {
	background: url('image/pdf.jpg') no-repeat center right;
	height: 24px;
	width: 28px;
	padding-right: 70px;
	padding-top: 24px;
	}
	
.pdf2 {
	background: url('image/pdf.jpg') no-repeat center right;
	height: 16px;
	width: 28px;
	padding-right: 70px;
	padding-top: 15px;
		color: #848484;
	display: block;
	position: absolute;
	bottom: 12px;
	font-size: 11px;
	left: 508px;
	text-transform: uppercase;
	top: 707px;	}
	
.floorplan a {
	font-size: 9px;
	color: #ED1C24;
	}
	
.floorplan a:hover {
	color: #000; 
	}

/* Sub Pages */

#content .c660 { width: 685px; }
#contentcommercial { width: 900px; }

#content .s193 { width: 193px; }

.s193 #feature { padding: 0px; padding-left: 23px;}

/* Contact Form */

.post .ajax-loader { margin-bottom: 0px; }

.wpcf7 td.space { padding-bottom: 10px; }

.wpcf7-list-item-label { margin-right: 10px; }

/********************************************************/
/*                 sidebar section                      */
/********************************************************/

#sidebar {
	float: left;
	width: 287px;
	min-height: 445px;
	position: relative;
	}



#sidebar.commercial {
	float: left;
	width: 287px;
	min-height: 445px;
	position: relative;
	display:none;
	}


#sidebarblog {
	float: left;
	width: 287px;
	min-height: 445px;
	position: relative;
	padding-top: 136px;
	padding-left: 20px;}
	
#sidebar h3 { 
	color: #000;
	margin-bottom: 5px;
	font-variant: small-caps;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:16px;
padding-top: 17px;
}
#sidebar h4 { 
	color: #000;
	font-variant: small-caps;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	}
	
#sidebar li { list-style: none; }

#sidebar a { 
	color: #cf0037;
	text-decoration: none;
	}
	
#sidebar a:hover { 
	color: #000;
	text-decoration: none;
	}
	
#sidebar ul, #sidebar img { margin-bottom: 10px; }


#sidebar img { border: none; }

/********************************************************/
/*                  footer section                      */
/********************************************************/

#footer { 
	width: 100%;
	background: #1B1B1B url('image/footerBG.jpg') repeat-x;
	height: 175px;
	position: relative;
	color: #fff;
	}
	
#footer_inner {
	width: 958px;
	margin: auto;
	padding: 0px 10px 0 25px;
	font-size: 9px;
	position: relative;
	}
	
#footer_inner p { margin-bottom: 5px; }
	
#footer a {
	font-size: 10px;
	color: #ed1c24;
	text-decoration: none;
	text-transform: uppercase;
	
	}	
	
#footer a:hover { color: #fff; }


	
.fit { width: 228px; }

.value { width: 189px; }

.quality { width: 257px; }

.boxWrap {
	width: 219px;
	background: url('image/line.png') no-repeat right top;
	margin-right: 15px;
	padding-right: 12px;
	padding-top: 20px;
	height: 140px;
	float: left;
	position: relative;
	}

.box { 
	float: left;
	width: 116px;
	}

.boxWrap a {
	position: absolute;
	bottom: 10px;
	right: 25px;
	}
	
.boxWrap a.reset { 
	position: relative;
	bottom: 0px;
	left: 5px;
	}

.boxWrap img { border: none; }
	
.video {
	margin-right: 0px;
	padding-right: 0px;
	background: none;
	}
	
#subFooter { 
	width: 918px;
	margin: auto;
	padding: 0 30px;
	font-size: 8px;
	color: #555;
	}
	
#subFooter a { 
	color: #555; 
	font-size: normal;
	text-transform: none;
	font-size: 9px;
	}
	
#subFooter div.left { 
	width: 810px;
	padding-left: 20px;
	padding-top: 20px;
	}
	
/********************************************************/
/*                comment form section                  */
/********************************************************/

#comment {
	width: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.nocomments { display: none; }

.bio { 
	color: #000;
	font-variant: small-caps;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:17px;
}
	


hr {border: none 0;
border-top: 1px dotted #a1a1a1;/*the border*/
width: 100%;
height: 1px;
	color: #c6c6c6;
} 


#feature{
	border: none;
}



#contact{
	border: none;
	padding-left: 20px;
}
.sutton{
	padding-left:20px;
}

#videoSide{
	padding-top:30px;
	padding-left: 30px;	
	width: 300px;
}



#videoSide h3{
	margin-bottom: -12px;
}



#videoSide a{
	padding-right: 8px;
}

#outerdiv
{
width:580px;
height:560px;
overflow:hidden;
position:relative;
border:1px solid #bcbcbc;
}

#inneriframe
{
position:absolute;
top:-30px;
left:-350px;
width:1280px;
height:1200px;
}

#twitter_div li {
border-top:1px dotted #CFA2AF;
padding-bottom:5px;
padding-top:5px;
}