/* 

Web Company - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#FFFFFF;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Arial, Verdana;	font-weight:normal;}
h1 {color:#fff; font-size:25px;}
h2 {color:#fff;font-size:22px;font-style:italic;}
h3 {color:#fff; font-size:18px;}
h4 {color:#fefefe;font-size:16px;font-weight:bold;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#cbe0e7;text-decoration:underline;}
a:hover{color:#9db9c2;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#ffffff;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.html);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_main_container.gif); background-color:#9c510f; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_main_container_inner.gif); background-color:#9c510f; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#bottom_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:66px; clear:left;}
/*** END OF CONTAINER ***/

/*** FRAME ***/
#frame{width:940px; margin:0px auto 0px auto; padding-top:15px;}
/*** END OF FRAME ***/

/*** TOP ***/
#top{background-image:url(../images/bg_topmenu.png); background-repeat:no-repeat; height:50px;}
#logo{width:255px; float:left;}
#pad_logo{padding:11px 0px 0px 17px;}
#topmenu{/*width:675px;*/ width:832px; float:left; padding-right:10px;}

	/* Top Navigation bar menu styling */
	#nav {margin:0px; padding:12px 0px 0px 0px; float:right;}
	#nav ul{ 
		padding:0;
		margin:0;
		width:auto;
		list-style: none;
		height:30px;
		position: relative;
		float:right;
	}
	#nav li{
		list-style:none;
		float:left;
		text-align:center;
		padding:0;
		font:normal 18px calibri;
		line-height:26px;
	}
	#nav .lavaLamp li a {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 13px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#nav .lavaLamp li a:hover {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		/*margin: auto 20px;*/ 
		color:#FFFFFF;
	}
	
	#nav .lavaLamp li .active {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		/*margin: auto 20px; */
		color:#FFFFFF;
	}
	
	#nav .lavaLamp li.back {
		background: url(../images/lava.png) no-repeat right -29px;
		width: 9px; height: 29px;
		z-index: 8;
		position: absolute;
	}
	#nav .lavaLamp li.back .left {
		background: url(../images/lava.png) no-repeat top left;
		height: 30px;
		margin-right: 9px; /* 7px is the width of the rounded shape */
	}
	#nav a:link{color:#464833; text-decoration:none;}
	
	#nav a:hover{color:#FFFFFF; text-decoration:none;}
	
	#nav a:active{color:#FFFFFF; text-decoration:none;}

/*** END OF TOP ***/

/*** CONTENT ***/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{text-align:center; }
#foot{padding:25px 0px 0px 0px; font-size:11px;}
#foot a, #foot a:visited{color:#a9c0c8; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/