/* Growling Bear CSS Document */

/* ------------------------------------------- styles for main page sections -----------------------------------  */



html { 

	margin : 0; 

	padding : 0;

	text-align: center; 

} body {

	margin : 0; 

	padding : 0;

	min-width: 651px;

	text-align: center;

	background-color: #626B68;

	color: #FFF;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 1.2em;

} div#container {

	text-align: center;

	position: relative;

	width: 628px;

	margin-left: auto;

	margin-right: auto;

} div#prehead {

	position: relative;

	width: 578px;

	height: 118px;

	padding: 25px;

} div#header {

	position: relative;

	width: 628px;

	height: 207px;

}  div#content_top {

	position: relative;

	width: 628px;

	height: 18px;

	background: url(../images/content_top.gif) no-repeat;

} div#content {

	position: relative;

	width: 628px;

	text-align: left;

	background: url(../images/content_bg.gif) repeat-y;

} div#sidebar {

	position: relative;

	float: left;

	background-color: transparent;

	width: 170px;

	text-align: left;

	padding: 10px;

	padding-top: 0px;

} div#page_txt {

	position: relative;

	float: right;

	width: 420px; 

	padding: 0px 10px 10px 0px;

} div#content_bot {

	position: relative;

	width: 628px;

	height: 18px;

	background: url(../images/content_bot.gif) no-repeat;

} 



/* ------------------------------------------- styles for navigation  -----------------------------------  */



div#sidebar ul {

	padding-left: 0px;

	margin-left: 0px;

	list-style-image: none;

	list-style-type: none;

	background: none;

} div#sidebar ul#nav {

	list-style-image: none;

	list-style-type: none;

	margin-bottom: 0;

	background: none;

	display: block;

	width: 150px;

} div#sidebar ul#nav li {

	list-style-image: none;

	list-style-type: none;

} div#sidebar ul#nav li a {

	display: block;

	height: 18px;

	width: 150px;

	padding-left: 12px;

	padding-top: 4px;

	padding-bottom: 4px;

	font-size: 11pt;

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-align: left;

	line-height: 14pt;

	font-weight: bold;

	text-decoration: none;

	color: #fff;

	border-bottom: 1px solid #fff;

	background: url(../images/bullet.jpg);

	background-repeat: no-repeat;

	background-position: 0px 10px;

} div#sidebar ul#nav li a:visited {

	color: #fff;

	text-decoration: none;

} div#sidebar ul#nav li a:hover {

	color: #000;

	background: url(../images/bullet_visit.jpg);

	background-repeat: no-repeat;

	background-position: 0px 10px;

	border-bottom: 1px solid #000;

	text-decoration: none;

}



/* ------------------------------------------- styles for footer -----------------------------------  */



div#footer {

	position: relative;

	clear: both;

	float: left;

	width: 628px;

	height: 52px;

	background: url(../images/footer.jpg) no-repeat;

	text-align: center;

	color: #FFF;

	font-size: 12px;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	padding-top: 6px;

} div#footer a,  div#footer a:visited {

	color: #FFF;

	text-decoration: none;

} div#footer a:hover {

	color: #000;

	text-decoration: underline;

} 



/* ------------------------------------------- styles for columns -----------------------------------  */



div#column1 {

	width: 200px;

	float: left;

} div#column2 {

	width: 200px;

	float: right;

}  



/* ------------------------------------------- styles for lists -----------------------------------  */



ul {

	padding-left: 0px;

	margin-left: 0px;

} ul#list {

	margin-left:20px;

} ul#list li {

	list-style-image: url(../images/bullet.jpg);

	font-size: .8em;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	padding-left: 5px;

} ol#list {

	margin-left: 5px;

	padding:0;

} ol#list li {

	font-size: .8em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left: 5px;

	list-style-position:outside;

} 



/* ------------------------------------------- styles for paragraphs and headings -----------------------------------  */



p {

	font-size: .8em;

	line-height: 1.2em;

	font-weight: normal;

} h1 {

	font-family: "Trebuchet MS", Georgia, Times, "Times New Roman", serif;

	font-size: 1.2em;

	font-weight: bold;

	letter-spacing: .2em;

	color: #FFF;

} h2 {

	font-family: "Trebuchet MS", Georgia, Times, "Times New Roman", serif;

	font-size: 1.1em;

	font-weight: normal;

	color: #FFF;

	margin-bottom: .2em;

} h3 {

	font-family: "Trebuchet MS", Georgia, Times, "Times New Roman", serif;

	font-size: 1em;

	font-weight: normal;

	color: #FFF;

} 



/* ------------------------------------------- styles for links -----------------------------------  */



div.linkBlock {

	font-size: .8em;

	display: inline;

	background-image: url(../images/link_bullet_bg.jpg); 

	background-repeat:no-repeat;

	background-position: 0px 5px;

	padding: 0px 10px 3px 15px;

	line-height: 2em;

} a:link {

	text-decoration: underline;

	color: #FFF;

} a:visited {

	text-decoration: underline;

	color: #FFF;

} a:hover {

	text-decoration: underline;

	color: #30BEFE;

}



/* ------------------------------------------- styles for images -----------------------------------  */



.imageLeft {

	float: left;

	padding-right: 10px;

	padding-bottom: 5px;

}

.imageRight {

	float: right;

	padding-left: 10px;

	padding-bottom: 5px;

}

a img { 

	border: 0; 

	text-decoration: none;

}

a img:hover {

	cursor:pointer;

	text-decoration: none;

}



/* ------------------------------------------- styles for misc. text  -----------------------------------  */



.co_name {

	font-size: 28px;

	color: #fff;

	text-transform: uppercase;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding-top: 15px;

} .services {

	font-size: 20px;

	color: #000;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

}



/* ------------------------------------------- styles for other stuff  -----------------------------------  */



.clearfloat {

	clear:both;

} .selected {

	color: #C9BCA0;

} 

.hide {

	visibility: hidden;

	display: none;

}

.show {

	visibility: visible;

	display: block;

}