/* Scale Modelbuilders Inc. Style Sheet for main content pages. */


body{
	background: #fff url(http://www.scalemodelbuilders.ca/img/bground02.jpg) repeat-x 50% 0;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

div#container{
	background: #fff url(http://www.scalemodelbuilders.ca/img/bground01.jpg) repeat-x 50% 0;
	background-attachment: fixed;
	margin: 0px auto;
	width: 800px;
}

h1{
	text-indent: -9999px;
	width: 800px;
	height: 124px;
	background: url(http://www.scalemodelbuilders.ca/img/titlebanner2.gif);
	margin:0;
	padding:0;
}

div#middleimg{
	width: 800px;
	height: 214px;
	margin:0;
	padding:0;
}

/* --- navigation --- */

#nav{
	float: right;
	margin: 0;
	padding: 0;
	width: 800px;
}

#nav ul{
	font-family: eurostile, verdana, helvetica, arial, sans-serif;
	font-size:small;
	display: inline;
	list-style-type: none;
}

#nav li{
	display: inline;
	list-style-type: none;
}

#nav a:link, #nav a:visited {
	float: right;
	font-size: 100%;
	font-weight: bold;
	margin: 0 4px 0 4px;
	text-decoration: none;
	color: #012560;
}

#nav a.active:link, #nav a.active:visited, #nav a:hover{
	border-bottom: 3px solid #012560;
	padding-bottom: 2px;
	color: #c30;
}

/* --- content --- */

div#content{
	float:right;
	margin:25px 5px 10px 330px;
	padding:0;
	width:790px;	/* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:460px;	/* Actual value for conformant browsers */
}

html>#content{
	width:460px;	/* Be nice to Opera */
}

#content p{
	font: 14px/18px georgia, verdana, helvetica, arial, sans-serif;
	color: #012560;
}

#content h3{
	font: bold 16px/18px eurostile, verdana, helvetica, arial, sans-serif;
	color: #012560;
	width: 460px;
	margin: 5px 0 0 0;
	padding: 0;
}

#content li.riveted{
	list-style-image: url(http://www.scalemodelbuilders.ca/css/rivet.gif);
	font: 14px/18px georgia, verdana, helvetica, arial, sans-serif;
	color: #012560;
}


#content a:link {color:#012560; text-decoration:underline;}
#content a:visited {color:#012560; text-decoration:underline;}
#content a:focus {color:#012560; text-decoration:none;}
#content a:hover {color:#c30; text-decoration:none;}
#content a:active {color:#c30; text-decoration:none;}

#content a.swlink2 {
	display: none;
}

/* --- footer for main content pages --- */

div#footer{
	clear:both;
	font: bold 90%/120% eurostile, verdana, helvetica, arial, sans-serif;
	background-color:#000;
	color:#fff;
	text-align:center;
	padding:2px 0 2px 0;
	margin: 0;
	width:800px;
}


#footer a:link {color:#fff; text-decoration:underline;}
#footer a:visited {color:#fff; text-decoration:underline;}
#footer a:focus {color:#fff; text-decoration:none;}
#footer a:hover {color:#000; background-color:#fff; text-decoration:none;}
#footer a:active {color:#000; background-color:#fff; text-decoration:none;}


/* --- footer for the index, or home page, only --- */

div#indexpagefooter{
	clear: left;
	font: normal 70%/125% eurostile, verdana, helvetica, arial, sans-serif;
	color: #336;
	padding: 225px 0 3px 23px;
	width: 800px;  	/* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 777px;	/* Actual value for conformant browsers */
}

html>#indexpagefooter{
	width: 777px;	/* Be nice to Opera */
}

#indexpagefooter a:link {color:#336; text-decoration:underline;}
#indexpagefooter a:visited {color:#336; text-decoration:underline;}
#indexpagefooter a:focus {color:#336; text-decoration:none;}
#indexpagefooter a:hover {color:#fff; background-color:#336; text-decoration:none;}
#indexpagefooter a:active {color:#fff; background-color:#336; text-decoration:none;}

#indexpagefooter a.swlink:link {color:#336; text-decoration:none;}
#indexpagefooter a.swlink:visited {color:#336; text-decoration:none;}
#indexpagefooter a.swlink:focus {color:#336; text-decoration:none;}
#indexpagefooter a.swlink:hover {color:#fff; background-color:#336; text-decoration:none;}
#indexpagefooter a.swlink:active {color:#fff; background-color:#336; text-decoration:none;}

#indexpagefooter a.swlink2 {
	display: none;
}
