/* Lets pull in the Resets.... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* Yay... now most browser behave, cept you IE6, atleast your behaving better.. */

/* Body Movin' */

body  {
	font-family:verdana;
	background:#05090C;
	behavior: url('/csshover.htc');
}	

a	{
	color:#c7c9cc;
	text-decoration:none;
}
/* Some structure items */

#wrapper {
	width:100%;
	background:#05090C url('../img/wrapper2.gif') repeat-x;
}

#wrapperGallery {
	width:100%;
	height:100%;
	background:#05090C url('../img/wrapper2.gif') repeat-x;
}


/* Element Specific styles */

#innerContent {
	margin:0 auto;
	width:755px;
	background:#000;
}

#innerWrap {
	background: url('../img/satin.jpg') no-repeat;
	width:754px;
	margin:0 auto;
	display:block;
	
}

#headerWrap {
	width:100%;
	height:154px;
}

#header {
	width:984px;
	height:154px;
	background: url('../img/headerBG.png') no-repeat;
	margin:0 auto;
}

#logoHolder	{
	height:154px;
	width:213px;
	margin:0 auto;
}


#logoHolder h1 {
	height:154px;
	width:213px;
	background:url('../img/logo.png');
}

#logoHolder h1 a {
	height:154px;
	width:213px;
	display:block;
}

#logoHolder h1 span {
	display:none;
}

/* Navigation */

#mainNav {
	width:984px;
	height:31px;
}

#mainNav ul#navigation	{
	height:31px;
	padding:0px 0 0 0;
	margin:0 0 0 115px;

}

#mainNav ul#navigation li {
	display:inline;
	font-size:11px;
	height:31px;
	float:left;
}



/* Set the images */
ul#navigation li#welcome a {
	height:31px;
	width:64px;
	background:url('../img/nav/nav_home.png');
	display:block;
	margin:0 31px 0 0;
	z-index: 1;
}

ul#navigation li#gallery a {
	height:31px;
	width:99px;
	background:url('../img/nav/nav_gallery.png');
	display:block;
	margin:0 26px 0 0;
}

ul#navigation li#who a {
	height:31px;
	width:87px;
	background:url('../img/nav/nav_who.png');
	display:block;
	margin:0 23px 0 0;
}

ul#navigation li#location a {
	height:31px;
	width:75px;
	background:url('../img/nav/nav_location.png');
	display:block;
	margin:0 25px 0 0;
}

ul#navigation li#howto a {
	height:31px;
	width:94px;
	background:url('../img/nav/nav_howto.png');
	display:block;
	margin:0 25px 0 0;
}

ul#navigation li#news a {
	height:31px;
	width:41px;
	background:url('../img/nav/nav_news.png');
	display:block;
	margin:0 25px 0 0;
}

ul#navigation li#contact a {
	height:31px;
	width:63px;
	background:url('../img/nav/nav_contact.png');
	display:block;
}

/* set the roll overs */
ul#navigation li#welcome a:hover, ul#navigation li#gallery  a:hover, ul#navigation li#who  a:hover, ul#navigation li#location  a:hover, ul#navigation li#howto a:hover, ul#navigation li#news  a:hover, ul#navigation li#contact  a:hover {
	background-position:0px -40px;
}

/* set the actives */
ul#navigation li#welcome.active a, ul#navigation li#gallery.active  a, ul#navigation li#who.active  a, ul#navigation li#location.active  a, ul#navigation li#howto.active a, ul#navigation li#news.active  a, ul#navigation li#contact.active  a {
	background-position:0px -40px;
}

.hide {
	display:none;
}

/* Home Image */

#homeImage {
	width:701px;
	height:281px;
	display:block;
	margin:3px auto;
}

/* Contact Image */

#contactImage {
	width:701px;
	height:240px;
	display:block;
	margin:3px auto;
}


/* Button Row */

#buttonRow {
	width:100%;
	margin:-3px auto;
	background:#000;
	padding:0px;
}

#buttonRowHolder {
	width:755px;
	height:143px;
	margin:0 auto;
}

#buttonRowContact {
	width:100%;
	margin:-5px auto;
	background:#000;
	padding:0px;
}

#buttonRowContactHolder {
	width:755px;
	height:222px;
	margin:0 auto;
}


ul#buttonRowList ul {
	display:inline;
}

ul#buttonRowList li {
	margin-top:0px;
	width:253px;
	height:143px;
	display:inline;
	float:left;
}

#buttonRowList li a {
	color: #a2a4a7;
}

li#interactive {
	background:url('../img/buttons/interactiveButton.png') no-repeat;
	margin:0 -3px 0 0px;
}

li#interactive:hover {
	background:url('../img/buttons/interactiveButton_over.png') no-repeat;
}

li#video {
	background:url('../img/buttons/videoButton.png') no-repeat;
	margin:0 -3px 0 1px;
}

li#video:hover {
	background:url('../img/buttons/videoButton_over.png') no-repeat;
}

li#build {
	background:url('../img/buttons/buildButton.png') no-repeat;
	margin:0 -2px 0 0;

}

li#build:hover {
	background:url('../img/buttons/buildButton_over.png') no-repeat;
}

ul#buttonRowContactList li {
	margin-top:5px;
	width:253px;
	height:208px;
	display:inline;
	float:left;
}

li#office {
	background:url('../img/contact/office.png') no-repeat;
	margin:0 -3px 0 0px;
}

li#showhome {
	background:url('../img/contact/showhome.png') no-repeat;
	margin:0 -3px 0 0;
}

li#contactbutton {
	background:url('../img/contact/contact.png') no-repeat;
	margin:0 -2px 0 0;
}

ul#buttonRow li a {
	height:60px;
	width:168px;
	text-decoration:none;
	color:#A2A4A7;
	padding:40px 10px 20px 12px;
	display:block;
}

ul#buttonRow li a span {
	font-size:14px;
	height:30px;
}

#footer {
	clear:both;
	text-align:center;
	padding:0px 20px 0 0 ;
	background:#05090C;
	width:100%;
	height:100px;
}

#footer #holder {
	margin:0 auto;
	width:754px;
	text-align:right;
	padding:20px 20px 0 0 ;
}

#footer img {
	border:none;
}

/* Content Holder and elements */
#contentHolder {
	width:755px;
	margin:0 auto;
}

#contentRight	{
	float:right;
	width:190px;
	text-align:center;
}

#contentRightAwards	{
	float:right;
	width:355px;
}

#contentRightLocation	{
	float:right;
	width:352px;
	padding:0 0px 0 20px;
}

#contentRightHowto	{
	margin:0 40px 0 18px; 
	width:390px; 
	float:right;
}

#contentLeft {
	padding:10px 0 0 0 ;
	float:left;
	width:472px;
	min-height:400px;
}

#contentLeftHowto	{
	margin:0 0 0 40px; 
	width:220px; 
	float:left; 
	text-align:left;
	padding:10px 0 0 0 ;
}

#contentLeftAwards {
	padding: 0 0 0 13px;
	text-align: left;
	width:auto;
	min-height:200px;
}

#contentLeftLocations {
	float:left;
	width:330px;
}


#panel {
	width:472px;
}

#panelHeader {
	background:url('../img/panelHeader.png') no-repeat; 
	height:27px;
	display:block;
}

#panelNoHeader {
	height:27px;
	display:block;
}


#panelHeaderAwards {
	background:url('../img/newsBoxHeader.png') no-repeat;
	height:27px;
	display:block;
}

#panelBody {
	background:url('../img/panelBG.png') no-repeat bottom left;
	padding: 27px 20px 20px 20px;
}

#panelNoBody {
	padding: 27px 20px 40px 20px;
}

#awardBody {
	background:url('../img/newsBodyBG.png') no-repeat bottom left;
	padding: 8px 20px 20px 20px;
}

.panelNews {
	font-size: 11px;
	padding: 0px 20px 20px 0px;
	margin: 0px 0 -30px 0 ;
	width: 755px;
}

.panelNews a {
	font-weight: bold;
}

.newsDivider {
	margin: 10px 0px 10px -28px;
}

#panelLoco {
	/* background:url('../img/boxes/box_368.png') no-repeat top left; */
	padding: 10px 20px 20px 40px;
	height:auto;
	margin:27px 0 0 0;
}

#panelHowto {
	padding: 10px 20px 20px 20px;
	height:538px;
	margin:17px 0 0 0;
	text-align:left;
}

#panelHowtoNarrow {
	padding: 10px 20px 20px 0px;
	height:272px;
	width:305px;
	margin:0;
	text-align:left;
	float:right;
}

.howto {
	width:220px;
	padding:0 0 0 5px	;
}

.howto img {
	margin:20px 0;
}

#ringBox	{
	width:205px
}

#howtoFooter	{
	margin:0 0 0 0; 
	padding:0 0 0 0
}

/* Developments */


#devVintage {
	height:104px;
	width:308px;
	background: url('../img/developments/vintage.png');
	margin-bottom: 40px;
}

#devCranston img {
	margin: 90px 0 0 15px;
	float: left;
}

#devTerrace img {
	margin: 90px 0 0 15px;
	float: left;
}

#devKi img {
	margin: 90px 0 0 15px;
	float: left;
}

#devCranston {
	height:250px;
	width:308px;
	background: url('../img/developments/silverado.png');
	margin-bottom: 10px;
}

#devTerrace {
	height:296px;
	width:308px;
	background: url('../img/developments/terraces.png');
	margin-bottom: 10px;
}

#devKi {
	height:140px;
	width:308px;
	background: url('../img/developments/ki.png');
	margin-bottom: 10px;
}

#devFourth {
	height:104px;
	width:308px;
	background: url('../img/developments/four.png');
	margin-bottom: 50px;
}

/* Home Page */

#interactiveText {
	padding: 102px 20px 5px 20px;
	color: #c7c9cc;
	font-size: 10px;
	text-align: center;
}

#videoText1 {
	padding: 90px 20px 5px 63px;
	color: #c7c9cc;
	font-size: 10px;
}

#videoText2 {
	padding: 3px 20px 5px 63px;
	color: #c7c9cc;
	font-size: 10px;
}

#buildText {
	padding: 70px 20px 5px 20px;
	color: #c7c9cc;
	font-size: 10px;
	text-align: center;
}

h2.sifr {
	font-size:24px;
	color:#c7c9cc;
	margin:20px 0 ;
}


.clear {
	width:100%;
	clear:both;
}

#panel p	{
	margin:0px 0 10px 0;
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	color:#c7c9cc;
	width:430px;
}

.panelNews p {
	margin: 0px 0px 10px 0px;
	width: 705px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 18px;
	color: #c7c9cc;
}

#panelAwards p, #panelLoco p  {
	margin:0px 0 10px 0;
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	color:#c7c9cc;
	width:320px;
}

#panelHowto p	{
	margin:0px 0 10px 0;
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	color:#c7c9cc;
	width:360px;
}

#panelHowtoNarrow p {
	margin:0px 0 5px 0;
	font-family:verdana;
	font-size:10px;
	line-height:18px;
	color:#c7c9cc;
	width:305px;
}

.panelNews p span {
	margin:0px 0 0px 0;
	font-family:verdana;
	font-size: 12px;
	line-height:18px;
	font-weight:bold;
	color:#c7c9cc;
	width:320px;
	display:block;
}

.contactText	{
	margin:10px 0 0px 10px;
	font-family:verdana;
	font-size:10px;
	line-height:18px;
	color:#949494;
}

.locations	{
	text-align: left; 
	font-size: 10px; 
	color: #C7C9CC; 
	padding: 7px 10px 10px 125px;
}

.locations img {
	margin: 5px 0px 0px -5px;
	border:0;
}

#locationMontage {
	width: 321px;
	height: 246px;
	margin: -20px 0px 0px 40px;
	background: url('../img/location_montage.png');
}

.center {
	text-align:center;
}

.contact	{
	width:200px;
}

.left {
	padding:0 0 0 0px;
}

.right	{
	padding:0 0 0 10px;
}

.contactHolders	{
	padding:25px 0 20px 15px
}

.contactHolders img {
	margin:0 auto;
	padding:0 0 0 10px;
}

.vintageContact {
	
}

.imageHolderTemp	{
	margin:0 0 20px 0; 
	text-align:center
}

.short	{
	line-height:16px;
}

#preloadPanels	{
	display:none;
}