/*schamburg + alvisse stylesheet */
/* Document Defaults*/



/* ------------- GENERAL -------------*/

body  { color: #666666; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #ffffff; text-align: left; margin: 0 }
h1, h2, h3, h4, h5 { font-family: Verdana, Helvetica, Arial, sans-serif; }

.style1 {
color:999999;
}

/* ------------- TEXT STYLES -------------*/

h1 { font-size: 11px; margin-top: 0px; margin-bottom: 0px; }
h2 { font-size: 9px; margin-top: 0px; margin-bottom: 0px; font-weight: normal; }
h3 { font-size: 11px; margin-top: 6px; margin-bottom: 2px; }
h4 { font-size: 11px; margin-top: 6px; margin-bottom: 2px; }
h5 { font-size: 10px; margin-top: 6px; margin-bottom: 0px; }
ol { margin-top: 0px; margin-bottom: 6px;}
ul { margin-top: 0px; margin-bottom: 9px; }
li { margin-top: 0px; margin-bottom: 4px; }
p { margin-top: 0px; margin-bottom: 3px; }

.Small { font-size: 9px; }

.Bold { font-weight: bold;}
.White { color:#FFFFFF; }
.Red { color: #ff2818;}
.RedBold { color: #ff2818;font-weight: bold; }
.SecondaryNavigation h2 { margin-bottom: 3px; font-size: 9px; color: #666666; } /* -- line spacing of 2nd level navs -- */
.NoDecoration {text-decoration:none;}


/* ------------- LINK STYLES -------------*/

a:active { color: #999999 }
a:link { color: #999999;}
a:visited { color: #999999 }
a:hover { color: #666666; text-decoration: none; }

.Navigation {text-align:center; margin-top:3px; color:#666666; text-decoration:none; }
.Navigation a:active { color: #666666; text-decoration: none; }
.Navigation a:link { color: #666666; text-decoration: none; }
.Navigation a:visited { color: #666666; text-decoration: none; }
.Navigation a:hover { color: #ff2818;text-decoration: none; }

.SecondaryNavigation a:active { color: #666666; text-decoration: none; }
.SecondaryNavigation a:link { color: #666666; text-decoration: none; }
.SecondaryNavigation a:visited { color: #666666; text-decoration: none; }
.SecondaryNavigation a:hover { color: #ff2818;text-decoration: none; }





/* ------------- COMMON PAGE ELEMENTS, NO NEED TO MODIFY ------------- */

#wrapper {    /* wrapper for entire page content */
	height: auto;
	width: 774px;
	margin-left: -390px;
	position: absolute;
	left: 50%;
}

#logo {
	text-align: left;
	height: 71px;
	width: 774px;
}

#main-wrapper { /*  wrapper for all content EXCEPT logo + footer + footer-spacer */
	height: auto;
	width: 774px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

#nav1 { /* container for top level inline Navigation links */
	height: 20px;
	width:774px;
	border-left: solid 1px #CCCCCC;
}

#heading {
	height: 27px;
	width: 764px;
	text-align: right;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}




/* ------------- COMMON TOP LEVEL INLINE NAVIGATION ------------- */

#home {  /* -- div containers for each link are needed to correctly align grey pipelines to the top across browsers -- */
	height:20px;
	width: 45px;
	float:left;
}

#products {
	height:20px;
	width: 65px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#projectGallery {
	height:20px;
	width:100px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#new {
	height:20px;
	width: 84px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#subscribe {
	height:20px;
	width: 80px;
	border-left: solid 1px #CCCCCC;
	float:left;
}



#sale {
	height:20px;
	width: 42px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#about {
	height:20px;
	width: 66px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#contact {
	height:20px;
	width: 76px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#empty {  /* -- div container for white space after contacts - NEEDED for floating 2nd level nav! -- */
	height:20px;
	width: 300px;
	float:left;
}




/* ------------- NAVIGATION WRAPPER -------------*/

#home-nav-wrapper { /*-- wrapper for entire navigation section including second level navs below top horizontal menu --*/
	height: 145px;
	width: 774px;
}

#about-nav-wrapper { /*-- wrapper for entire navigation section including second level navs below top horizontal menu --*/
	height: 162px;
	width: 774px;
}




/* ------------- HOME SHOP FRONT  ------------- */

#shopfront-container {
	padding: 7px;
	height: auto;
	width: 760px;
	border-left: solid 1px #CCCCCC;
}

#shopfront-flash { /* square container for holding .swf */
	height: 235px;
	width: 235px;
	text-align: left;
	float: left;
}

#spwy-flash { 
	height: 205px;
	width: 318px;
	text-align: left;
	float: left;
}

#shopfront-static {
	height:235px;
	text-align: left;
}

#shopfront-spwy {
	height:212px;
	text-align: left;
}

#aust-top {
	padding-top: 7px;
	height: auto;
	width: 760px;
}



/* ------------- CONTENT WRAPPERS (ALL CONTENT UNDER HOME SHOPFRONT CONTAINER -------------*/

#home-content-wrapper { /* wrapper for ALL bottom content under shopfront */
	height: 267px;  /* should be same as home-LH-col */
	width: 774px;
}


#home-LH-col { /* wrapper for LH side content under shopfront (index-spacer sits inside this div) */
	height: 267px;  /* should be same as home-content-wrapper */
	width: 644px;
	float: left;
}

#spwy-home-LH-col { /* wrapper for LH side content under shopfront (index-spacer sits inside this div) */
	height: 267px;  /* should be same as home-content-wrapper */
	width: 765px;
	float: left;
}




/* ---------------------------- COMMON BOTTOM PAGE ELEMENTS -------------------------- */

#index-spacer { /* spacer above text content */
	height: 25px;
	width: 644px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

#spwy-index-spacer { /* spacer above text content */
	height: 25px;
	width: 765px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

#bottom-left-greyline { /* COMMON bottom-left-greyline, home-content, home-RH-col and home-RH-contnet sit inside this div */
	height: 242px; /* equals: home-LH-col minus index-spacer height (-25px) */
	width: 645px;
	border-left: solid 1px #CCCCCC;
}

#spwy-bottom-left-greyline { /* COMMON bottom-left-greyline, home-content, home-RH-col and home-RH-contnet sit inside this div */
	height: 242px; /* equals: home-LH-col minus index-spacer height (-25px) */
	width: 756px;
	border-left: solid 1px #CCCCCC;
}




/* --------------- BOTTOM PAGE ELEMENTS (NON-COMMON?) --------------- */

#home-content { /* div for home-LH-col TEXT CONTENT */
	height: auto;
	padding: 7px;
	width: 629px;
	border-right: 1px solid #CCCCCC;
}

#spwy-home-content { /* div for home-LH-col TEXT CONTENT */
	height: auto;
	padding: 7px;
	width: 750px;
}


#home-publications {
	padding-left: 10px;
	width: 634px;
	height: 42px;
	padding-top: 5px;
}


.publications-icon {
	height: auto;
	width: auto;
	float: left;
	text-align:center;
	padding-right:35px;
}


#home-RH-col {
	height: 267px; /* should be same height as home-LH-col */
	width: 125px;
	float:left;
}

#spwy-home-RH-col {
	height: 267px; /* should be same height as home-LH-col */
	width: 10px;
	float:left;
}

#home-RH-content {
	height: 219px; /* height equals home-LH-col minus australia height (-48px) */
	width:125px;
}

#home-RH-content {
	height: 219px; /* height equals home-LH-col minus australia height (-48px) */
	width:10px;
}

#australia {
	height:48px;
	width:125px;
	text-align:right;
}




#footer {
	font-size: 9px;
	height: 11px;
	margin-top: 3px;
	width: 774px;
	text-align:right;
	padding-bottom:20px;
}

#footer-spacer {
	height:20px;
	}
	
	
	
/* --------------- ELEMENTS FOR PRODUCTS PAGE ONLY --------------- */

#nav2 { /* container for 2nd level navs on products page */
	height:auto;
	width: 774px;
}

#left-spacer { /* 2nd level nav left space + grey line for products menu */
	width: 46px;
	height: 118px;
	float: left;
	border-right: 1px solid #CCCCCC;
}

#about-spacer { /* 2nd level nav left space + grey line for products menu */
	width: 341px;
	height: 132px;
	float: left;
	border-right: 1px solid #CCCCCC;
}

#products-nav { /* products drop down list */
	margin-top: 7px;
	float: left;
	width: 145px;
	height: 115px;
	padding-right: 7px;
}	

#about-nav { /* products drop down list */
	margin-top: 7px;
	float: left;
	width: 155px;
	height: 135px;
	padding-right: 7px;
}