html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body 
{
	background-color:#fff;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	text-align:center;
	padding:0;
	margin:0;
	line-height:1.3;	
}
/*http://www.colourlovers.com/palette/555256/black_and_blue*/
h2
{
	color:#336680;
	font-size:150%;
	padding:5px;
	width:100%;
	margin:0;
}
h3
{
	color:#336680;
	font-size:90%;
	padding:5px 5px 2px 5px;
	width:100%;
	margin:0;
}
p
{
	padding:5px;
	margin:0px;
}

p a
{
	text-decoration:underline;
	color:#4D99BF;
}

p a:link,a:visited
{
	text-decoration:underline;
	color:#4D99BF;
}
p a:hover
{
	text-decoration:underline;
	color:#4D99BF;
}

div#container
{
	width:900px;
	margin:0 auto;
	text-align:left;
	/*border:solid 1px #336680;*/
}

div#header
{
	background-image:url(../images/blacksnowlogo.gif);
	background-position: left center;
	background-repeat:no-repeat;
	height:60px;
	width:100%;
	clear:both;
}
div#header .contact
{
	float:right;
	text-align:right;
}
div#header .contact p
{
	padding:1px 5px 1px 0px;
	margin:0px;
}

div#headerimage
{
	background-image:url(../images/headerbantham.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:100%;
	clear:both;
}


div#desc
{
	float:left;
	padding:135px 0px 5px 6px;
	font-size:11px;	
	color:#fff;
}

.overlay
{
	float:right;
	background-image:url(../images/imageover.png);
	background-repeat:repeat-x;
	margin-right:5px;
	margin-top:5px;
	height:145px;
	width:300px;
}

.numbers
{
	float:right;
	padding:0;
	margin:130px 3px 0px 0px;
	height:20px;
	width:94px;
	position:relative;
}
.numbers ul
{
	list-style-type:none;	
	margin:0px;
	padding:0px;
	height:20px;
}

.numbers li
{
	display:inline;
	margin:0px;
	padding:0px;
	width:20px;
	height:20px;
}

.numbers li img
{
	border:none;
	margin:0px;
	padding:0px;
	width:20px;
	height:20px;
}

.numbers li.one
{
	background-image:url(../images/1off.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;	
}
.numbers li.one a:hover
{
	background-image:url(../images/1on.png);
}
.numbers li.oneon
{
	background-image:url(../images/1on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.two
{
	background-image:url(../images/2off.png);
	background-position:top;
	background-repeat:no-repeat;
		width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.two a:hover
{
	background-image:url(../images/2on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.twoon
{
	background-image:url(../images/2on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.three
{
	background-image:url(../images/3off.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.three a:hover
{
	background-image:url(../images/3on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.threeon
{
	background-image:url(../images/3on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.four
{
	background-image:url(../images/4off.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.four a:hover
{
	background-image:url(../images/4on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}
.numbers li.fouron
{
	background-image:url(../images/4on.png);
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
}

div#maincontent
{
	width:100%;
	height:100%;
	display:inline-table;
	vertical-align:top;
	top:0;
}

div#leftside
{
	width:595px;
	height:100%;
	float:left;
}

div#rightside
{
	width:300px;
	height:100%;
	float:right;
}
.menu
{
	height:25px; 
	background-color:#336680; 
	width:100%;
	text-align:left;
	clear:both;
	}

.menu ul
{
	list-style-type:none;
	padding:4px 2px 2px 2px;
	margin:0;
}

.menu li
{
	display:inline;
	padding:5px;
}

.menu li a
{
	color:#fff;
}

.menu li a:link,a:visited
{
	text-decoration:none;
	color:#fff;
}
.menu li a:hover
{
	text-decoration:underline;
	color:#fff;
}


.portfolioGroup
{
	clear:both;
	width:100%;
	margin-top:10px;
}

.portfolioimg
{
	float:left;
	width:80px;
	text-align:center;
}
.portfolioimg img
{
	padding:4px;
	border:solid 0.1em #CCCCCC;
}
.portfoliotext
{
	float:right;
	width:200px;
	text-align:left;
	padding-top:10px;
}
.portfoliotext a:link,a:visited
{
	text-decoration:none;
	color:#000;
	background-image:none;
}
.portfoliotext a:hover
{
	text-decoration:underline;
	color:#999;

}
.small
{
	font-size:10px;
	padding:5px 5px 2px 5px;
}

.paratitle
{
	font-weight:bold;
	color:#1A3340;
	font-size:120%;
}

.newsGroup
{
	clear:both;
	width:100%;
	margin-top:0px;
}

div#footer
{
	clear:both;
	width:100%;
	border-top:solid 0.1em #CCCCCC;
	height:20px;
	margin-top:5px;
	
}

div#footer .left
{
	width:50%;
	text-align:left;
	float:left;
	color:#999;
}

div#footer .right
{
	width:50%;
	text-align:right;
	float:right;
	color:#999;
}
div#footer .right a
{
	color:#999;
}
div#footer .right img
{
	border:none;
	vertical-align:middle;
}