/*Created by Hutomo Wicaksono @ Hutomo.com*/
/*-------Batavia Village CSS Styling-------*/

* {
	margin: 0px;
	padding: 0px;
	}
body {
	background-color:#0A0A0A;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	height: auto;
	background-image: url(elementimages/bg2.gif);
	background-repeat: repeat;
	}
#hutomowrapper {
	position:relative;
	width:1024px;
	margin:0 auto;
	height: auto;
}
#indexwrapper {
	width: auto;
	margin: 0 auto;
	height: 720px;
}
#videocontainer {
	height: 373px;
	width: 660px;
	border: thin solid #1E1E1E;
	margin: 0 auto;
	padding-top: 6px;
}
#indexheader {
	height: 90px;
	margin-bottom: 30px;
	background-color: #0F0F0F;
}




/*-------Begin styling inside hutomowrapper-------*/

#header {
	position:relative;
	color:#CCCCCC;
	width: 1024px;
	margin: 0 auto;
	height: 18px;
	}
#wrapper {
	position:relative;
	width: 1024px;
	margin: 0 auto;
	text-align:center;
	background-color:#0F0F0F;
	color: #CCCCCC;
	height: auto;
	}
#footer {
	width:1024px;
	height:60px;
	margin:0 auto;
	color:#999999;
	position: relative;
}

/*-------Begin styling inside header-------*/

#headerhutomohome {
	float:left;
	height:13px;
	width:250px;
	text-align: left;
	margin-top: 2px;
}
#headersitemap {
	float:right;
	height:13px;
	width:120px;
	text-align: right;
	margin-top: 2px;
}

/*-------Begin styling inside wrapper-------*/

#logo {
	positon:relative;
	width:1024px;
	height:82px;
	position: relative;
}
#banner {
	positon:relative;
	width:1024px;
	height:350px;
	position: relative;
}
#content {
	positon:relative;
	width:1024px;
	height:511px;
	position: relative;
}

/*-------Begin styling inside logo-------*/

#batavialogo {
	float:left;
	height:82px;
	width:348px;
}
#mainlinks {
	float:right;
	height:32px;
	width:513px;
	text-align: left;
	margin-left: 140px;
	margin-top: 40px;
	margin-right: 12px;
}

/*-------Begin styling inside banner-------*/

#flashbanner {
	width:1024px;
	height:334px;
	margin-top: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A0A0A;
	border-bottom-color: #1E1E1E;
	padding-top: 3px;
	background-color: #0F0F0F;
}

/*-------Begin styling inside content-------*/

#contentwelcome {
	float:left;
	width:389px;
	height:511px;
	position: relative;
}
#contentgallerylinks {
	float:right;
	width:635px;
	height:189px;
	position: relative;
}
#contentnews {
	float:left;
	width:318px;
	height:322px;
	position: relative;
}
#contentline {
	float:left;
	width:8px;
	height:322px;
	background-image: url(resourceimages/content/line.jpg);
	position: relative;
}
#contentadvertisement {
	float:right;
	width:309px;
	height:322px;
	position: relative;
}

/*-------Begin styling inside contentwelcome-------*/

#welcometobatavia {
	width:389px;
	height:80px;
}
#welcomemessage {
	width:389px;
	height:155px;
	text-align:center;
}
#welcomebataviaaddress {
	width:389px;
	height:136px;
	background-image: url(resourceimages/content/bataviaaddress.jpg);
	margin-top: 10px;
}
#welcomehutomologo {
	width:389px;
	height:120px;
}
#hutomohomebuilders {
	width:389px;
	height:120px;
}
#welcomemessagetext {
	margin-left: 20px;
	margin-right: 12px;
	margin-top: 10px;
}
#welcomereadmore {
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 12px;
}
#sponsorlogo {
	margin-top:15px;
	width:350px;
	height:90px;
	margin-left: 30px;
}
#nahb {
	width:77px;
	height:80px;
	margin-left:40px;
	margin-top: 5px;
	float: left;
}
#greencertified {
	width:150px;
	height:60px;
	float: right;
	margin-top: 15px;
	margin-right: 40px;
}


/*-------Begin styling inside contentgallerylinks-------*/

#gallerylinkheader {
	width:625px;
	height:8px;
	background-image: url(resourceimages/gallerylinks/gallerylinkstop.jpg);
	margin-right: 10px;
}
#linkscontent{
	margin-top: 15px;
	margin-left: 12px;
	margin-right: 20px;
	width: 600px;
	height: 169px;
}

/*-------Begin styling inside contentnews-------*/

#newsheader {
	width:318px;
	height:34px;
	background-image: url(resourceimages/content/news.jpg);
}
#newscontent {
	width:297px;
	height:285px;
	text-align: left;
	padding-left: 15px;
	padding-top: 3px;
	padding-right: 5px;
}

/*-------Begin styling inside advertisement-------*/

#ad2 {
	width:275px;
	height:150px;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 15px;
}
#hutomologo {
	width:268px;
	height:95px;
	margin-top: 27px;
	margin-left: 20px;
}

/*-------Begin styling inside footer-------*/

#footerfacebook {
	float:left;
	height:32px;
	width:111px;
	text-align: left;
	margin-top: 8px;
	margin-left: 5px;
}
#footerlinks {
	float:right;
	height:40px;
	width:500px;
	text-align: right;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 12px;
}

/*-------Begin styling inside disclamer-------*/

#disclamer {
	position:relative;
	width:984px;
	height:105px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #1E1E1E;
}

/*---------------------------Begin styling for Home Designs page----------------------------*/
/*------------------------------------------------------------------------------------------*/

#homedesignsbanner {
	width:1000px;
	height:45px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #151515;
	margin-left: 12px;
}
#homedesignsbadge {
	width:1000px;
	padding-top: 1px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	height: auto;
	text-align: right;
}
#homedesignscontent {
	width:1024px;
	height:auto;
}
#homedesignsinfo {
	width:700px;
	height:auto;
	margin-right:200px;
	text-align: left;
	margin-left: 20px;
}
#cambridge {
	width:960px;
	height:350px;
	margin-top: 20px;
	background-color: #111111;
	margin-right: 31px;
	margin-left: 31px;
	position: relative;
}
#victoria {
	width:960px;
	height:350px;
	margin-top: 20px;
	background-color: #111111;
	margin-right: 31px;
	margin-left: 31px;
	position: relative;
}
#yorktown {
	width:960px;
	height:350px;
	margin-top: 20px;
	background-color: #111111;
	margin-right: 31px;
	margin-left: 31px;
	position: relative;
}
#interiorgallery {
	width:950px;
	height:170px;
	text-align: left;
	margin-top: 15px;
	position: relative;
	margin-left: 30px;
}
#cambridgeflash {
	float:left;
	width:550px;
	height:330px;
	background-color: #0F0F0F;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}
#cambridgecontent {
	float:left;
	width:300px;
	height:330px;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #1E1E1E;
	margin-left: 10px;
	position: relative;
}
#victoriaflash {
	float:left;
	width:550px;
	height:330px;
	background-color: #0F0F0F;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}
#victoriacontent {
	float:left;
	width:300px;
	height:330px;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #1E1E1E;
	margin-left: 10px;
	position: relative;
}
#yorktownflash {
	float:left;
	width:550px;
	height:330px;
	background-color: #0F0F0F;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}
#yorktowncontent {
	float:left;
	width:300px;
	height:330px;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #1E1E1E;
	margin-left: 10px;
	position: relative;
}
#interiorgalleryimages {
	width:850px;
	height:106px;
	float:left;
	margin-top: 2px;
	padding-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: #191919;
	border-bottom-width: thin;
	margin-left: 5px;
	padding-left: 5px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #191919;
}
#interiorgalleryheader {
	width:819px;
	height:20px;
	float:left;
	margin-left: 5px;
}
#floorplan {
	float:right;
	widht:70px;
	height:auto;
	margin-top: 140px;
	width: 70px;
	margin-right: 5px;
	margin-left: 7px;
	position: relative;
}
/*---------------------------Begin styling for Amenities page----------------------------*/
/*------------------------------------------------------------------------------------------*/
#amenitiescontent {
	width:984px;
	margin-left:20px;
	margin-right:20px;
	height:670px;
}
#amenitiesparagraph {
	width:800px;
	height:auto;
	float: left;
}
#recbuilding {
	float:left;
	width:400px;
	height:100px;
	margin-left:44px;
	margin-right:44px;
	margin-top: 30px;
}
#reclot {
	float:left;
	width:400px;
	height:100px;
	margin-right:44px;
	margin-left:44px;
	margin-top: 30px;
	background-color: #141414;
}
#tennisbasket {
	float:left;
	width:400px;
	height:100px;
	margin-right:44px;
	margin-left:44px;
	margin-top: 30px;
	background-color: #141414;
}
#swimmingpool {
	float:left;
	width:400px;
	height:100px;
	margin-right:44px;
	margin-left:44px;
	margin-top: 30px;
	background-color: #141414;
}
#joggingtrack {
	float:left;
	width:400px;
	height:100px;
	margin-right:44px;
	margin-left:44px;
	margin-top: 30px;
	background-color: #141414;
}
#playground {
	float:left;
	width:400px;
	height:100px;
	margin-right:44px;
	margin-left:44px;
	margin-top: 30px;
	background-color: #141414;
}
/*---------------------------Begin styling for About Us page----------------------------*/
/*------------------------------------------------------------------------------------------*/

#aboutcontent {
	width:984px;
	margin-left:20px;
	margin-right:20px;
	height:660px;
}
#aboutbatavia {
	width:600px;
	height:auto;
	background-color: #0F0F0F;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #1E1E1E;
}
#aboutbataviaheader {
	width:250px;
	height:auto;
	background-color: #141414;
	margin-bottom: 2px;
	margin-right: 734px;
	float: left;
}
#map {
	float:right;
	width:200px;
	height: 173px;
	margin-right: 50px;
	margin-top: 10px;
	border: thin solid #1E1E1E;
	padding: 5px;
}
#abouthutomo {
	width:600px;
	height:auto;
	background-color: #0F0F0F;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	margin-right: 384px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #1E1E1E;
}
#abouthutomoheader {
	width:350px;
	height:auto;
	background-color: #141414;
	margin-bottom: 2px;
	float: left;
	margin-right: 634px;
	margin-top: 30px;
}
#logohutomo {
	float:right;
	margin-top: 45px;
	width: 268px;
	position: relative;
}
#lineblue {
	float:left;
	margin-top: 118px;
	width: 716px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #1E1E1E;
	position: relative;
}
/*---------------------------Begin styling for gallery page----------------------------*/
/*------------------------------------------------------------------------------------------*/
#gallerycontent {
	width:1024px;
	height:1020px;
}
#gallerybox {
	width:850px;
	height:auto;
	float:left;
	margin-top: 5px;
	padding-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: #282828;
	border-bottom-width: thin;
	margin-left: 20px;
	padding-left: 5px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #282828;
	text-align: left;
	margin-bottom: 10px;
}
#galleryboxheader {
	width:300px;
	height:20px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}
/*---------------------------Begin styling for contact page----------------------------*/
/*------------------------------------------------------------------------------------------*/

#contactcontent {
	width:984px;
	margin-left:20px;
	margin-right:20px;
	height:570px;
}
#contactheader {
	width:350px;
	height:auto;
	background-color: #141414;
	margin-bottom: 2px;
	margin-right: 734px;
	float: left;
	margin-top: 10px;
}
#contactaddress {
	width:700px;
	height:auto;
	background-color: #141414;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
}
#feedbackform {
	width:350px;
	height:auto;
	text-align: left;
}
/*---------------------------Begin styling for sitemap,news,equal page----------------------------*/
/*------------------------------------------------------------------------------------------*/

#sitemap {
	width: 600px;
	margin-left: 30px;
	height: auto;
}
#equal {
	width: 600px;
	height: auto;
	margin-left: 20px;
}
#newscontent1 {
	margin-top: 20px;
	width: 700px;
	margin-left: 20px;
	height: auto;
	position: relative;
}
#indexcontent {
	height: 55px;
	margin-top: 30px;
	background-color: #0F0F0F;
	margin-bottom: 10px;
}	
	
/*-------Begin text styling -------*/

.headertext {
	color:#414141;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footertext {
	color:#464646;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.welcometext {
	color:#8D8D8D;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
}
.readmore {
	color:#CCCCCC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}
.newsdate {
	color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: left;
}
.newsheadline {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 3px;
}
.newscontent {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8C8C8C;
}
.subheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#786836;
}
.navigation {
	text-decoration:none;
	color:#414141;
	}
.navigationcontent {
	text-decoration:none;
	color:#CCCCCC;
	}
.disclamertext {
	color:#2D2D2D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.navigationdisclamer {
	text-decoration:none;
	color:#2D2D2D;
}
.newslink {
	text-decoration:none;
	color: #660000;
}
.homedesignscontent {
	color:#8D8D8D;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	margin-left: 14px;
}
.hometypeheader {
	color:#3F3F2E;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	margin-left: 8px;
}
.homedesigns {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	margin-left: 8px;
}
.price {
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	margin-left: 15px;
}
.homedesignscontent2 {
	color:#8D8D8D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	margin-left: 5px;
	margin-top: 5px;
}
.contactheader {
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	border-bottom-width: thin;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #1E1E1E;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 3px;
}
.contactaddress {
	color:#51514F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left: 10px;
	padding-top: 2px;
}
.indexenter {
	color: #333333;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.sitemapcontent {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033CC;
	text-align: left;
	margin-left: 10px;
	padding-top: 5px;
}
.readmore {
	color: #E8D795;
}
#indexfooter {
	width: 865px;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	color: #333333;
	font-size: 10px;
	margin-top: 20px;
}
#form {
	width: 680px;
	height: 350px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#bookmark {
	width: 865px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#hutomoartist {
	float: left;
	width: 400px;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #1E1E1E;
}