/* 
* CSS Document for Cleveland Cascades
* Written by www.simbax.com
*/

body {
	margin:0;
	padding:20px;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}

div {
	padding:0;
	margin:0;
}


/*
* Main container div's
***********************/ 
div#sitewrap {
	border:1px solid #999;
	width:980px;
	margin:0 auto;
}

div#head {
	padding:15px 20px;
	height:80px;
	text-align:right;
	background-repeat:no-repeat;
	background-position:left
}

div#menu {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:8px 0 8px 15px
}

div#content {
	padding:10px 20px
}

div#awards {
	text-align:right;
	color:#222;
	padding:10px 20px;
	border-top:1px solid #999
}

div#foot {
	width:980px;
	margin:0 auto;
	text-align:right;
	padding:10px 0;
	line-height:20px
}
div#foot p {margin:0; padding:0}

/* 
* Misc div's
*************/

div#movie {
	float:left;
	display:inline;
	width:240px;
	text-align:center;
	padding:5px 0;
	cursor:hand;
	width:240px;
	height:255px;
}

div#homepagetext {
	margin-left:260px;
}

div#maincol {
	margin-left:180px;
}

div#leftcol {
	float:left;
	display:inline;
	width:160px;
	text-align:center;
	padding:0;
	background:#fff
}

div#rightcol {
	float:right;
	display:inline;
	width:157px;
	padding:0 0 0 3px;
	height:305px
}

div#centrecol {
	margin:0 160px 0 180px;
	border-right:2px dotted #999;
	height:305px;
	padding-right:20px
}

html>body #centrecol {
  	height: auto;
  	min-height:305px;
}

div.clear, div.clearleft {
	clear:both;
	overflow:hidden;
	height:0;
}
div.clearleft {
	clear:left;
}

div.gallerypic {
	width:75px;
	height:75px;
	background-repeat:no-repeat;
	margin:0 17px 17px 0
}

div.gallerypic_bevel {
	background:url(../img/gallerypic_bevel.gif) no-repeat bottom right;
	width:75px;
	height:75px
}

div.largepic_bevel {
	background: url(../img/largepic_bevel.gif) no-repeat bottom right;
}

div.pagenumlinks {
	margin:0 0 10px;
	border:1px solid #999;
	background:#f5f5f5;
	padding:5px;
}

/*
* Header tag styling
************************/
h1 {
	color:#31982A;
	font-size:200%;
	margin:0 0 10px;
	padding:0;
	font-weight:normal
}
h1 span {
	color:#333;
	font-size:70%;
}
h1 strong {
	color:#333;
}

h2 {
	color:#333;
	font-size:180%;
	margin:0 0 10px;
	padding:0;
	font-weight:normal
}

h3 {
	color:#666;
	font-size:150%;
	margin:0 0 10px;
	padding:0;
	font-weight:normal
}

/*
* p, span, em, strong styling
******************************/
p.green, strong.boldgreen {
	color:#31982A;
}

address {
	font-style:normal
}

strong.currentpagenum {
	padding:2px 4px;
	background:#090;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*
* list styling
****************/

ul#rightcol_links {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#rightcol_links li {
	padding:2px 0;
}

ul#rightcol_menu {
	list-style-type:none;
	margin:0 0 20px;
	padding:0 8px;
}
ul#rightcol_menu li {
	padding:3px 0;
}
ul#rightcol_menu li a {
	text-decoration:none
}

/*
* Table styling
****************/
table#locationinfo {
	width:98%
}
table#locationinfo tr td {
	padding:0 20px 0 0;
	vertical-align:top;
}

table#customerlist {
	width:98%;
}
table#customerlist tr td {
	padding:0 20px 0 0;
	vertical-align:top
}

table#materials_handled tr td {
	white-space:nowrap;
	padding:1px 20px 1px 0	
}

/*
* Menu and link styling
************************/

/* main navigation */
div#menu ul {
	margin:0;
	padding:0;
	display:inline
}
div#menu li {
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
	color:#666
}
div#menu li a {
	padding:5px 5px;
	text-decoration:none;
	color:#666
}
div#menu li a:hover {}

/* links in the head div */
ul#topmenu {
	margin:0 70px 0 0;
	padding:0;
}
ul#topmenu li {
	list-style-type:none;
	padding:3px 0;
}
ul#topmenu li a {
	text-decoration:none;
	background:url(../img/bg_topmenu_li.png) no-repeat center right;
	padding-right:22px
}
ul#topmenu li a:hover {
	background:url(../img/bg_topmenu_li_h.png) no-repeat center right
}
ul#topmenu li#one {margin-right:20px}
ul#topmenu li#three {margin-right:20px}


/* generic links */
a:link, a:visited {
	color:#666;
	text-decoration:underline
}
a:hover, a#currentlink {
	color:#31982A;
}

a#currentlink { font-weight:bold }

/* brochure download link */
a#brochure_dl {
	color:#31982A;
	float:right;
	padding-right:10px;
	text-decoration:none
}

/* links with icons in right column */
a#a_photos:link, a#a_photos:visited,
a#a_videos:link, a#a_videos:visited {
	background:url(../img/bg_a_photos.png) no-repeat center left;
	padding:10px 0 10px 50px;
	display:block;
	text-decoration:none
}

a#a_photos:link, a#a_photos:visited {
	background:url(../img/bg_a_photos.png) no-repeat center left;
}

a#a_videos:link, a#a_videos:visited  {
	background:url(../img/bg_a_videos.png) no-repeat center left;
}

a#a_videos:hover  {
	background:url(../img/bg_a_videos_h.png) no-repeat center left;
	color:#666
}

a#a_photos:hover {
	background:url(../img/bg_a_photos_h.png) no-repeat center left;
	color:#666
}

a#a_photos_active:link, a#a_photos_active:visited {
	background:url(../img/bg_a_photos_h.png) no-repeat center left;
	padding:10px 0 10px 50px;
	display:block;
	text-decoration:none
}

a#a_videos_active:link, a#a_videos_active:visited {
	background:url(../img/bg_a_videos_h.png) no-repeat center left;
	padding:10px 0 10px 50px;
	display:block;
	text-decoration:none
}



a.backtogallery:link, a.backtogallery:visited {
	background: url(../img/bg_a_backtogallery.png) no-repeat center left;
	padding:3px 0 3px 20px;
	display:block;
	text-decoration:none;
}
a.backtogallery:hover {
	background:url(../img/bg_a_backtogallery_h.png) no-repeat center left;
}


a:link.pagenum, a:visited.pagenum {
	padding:2px;
	margin:0 5px;
}

/*
* image styling
****************/

img {
	border:none;
}

img#logo {
	float:right;
}

img.framed {
	border:1px solid #999;
	padding:5px;
	background:#fff;
}