/*
Title:      Styles for Telepin/main
Author:     Martin Caton, martin@catondesigns.com
Updated:    February 2010
*/

/* STRUCTURE styles */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #212839;
}

#home_head_page {background-image:url(images/home_page_head.jpg); background-repeat:repeat-x
}

#head_page {background-image:url(images/page_head.jpg); background-repeat:repeat-x
}
#home_head_back {
	width: 1147px;
	height:376px;
	background-image:url(images/home_head_back.jpg);
	background-repeat:no-repeat;
}
#head_back {
	width: 1147px;
	height:273px;
	background-image:url(images/head_back.jpg);
	background-repeat:no-repeat;
}
#home_body_page {
	background-image:url(images/head_page_body.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}
#body_page {
	background-image:url(images/page_body.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}
#home_body_back {
	width: 1147px;
	background-image:url(images/home_body_back.jpg);
	background-repeat:no-repeat
}
#body_back {
	width: 1147px;
	background-image:url(images/body_back.jpg);
	background-repeat:no-repeat
}
#body_shadow {
	width: 1147px;
	background-image:url(images/page_body_shadow.png);
	background-repeat:repeat-y;
}
#body_content {width: 875px; text-align: left;
}
#foot_page {background-image:url(images/page_foot.jpg); background-repeat:repeat-x
}#foot_back {
	width: 1147px;
	height:138px;
	background-image:url(images/foot_back.jpg);
	background-repeat:no-repeat
}
#foot_content {
	width: 875px;
	text-align: center;
}
#logoContainer {
	height: 127px;
	width: 116px;
	position: relative;
	top: 10px;
	left: 76px;
	}
#logoContainer img {
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
		}



/* NAV styles */

a, a:visited   { color: #c64d13;
	text-decoration: none;
	font-weight: bold;
 }
a:hover            {
	color: #777;
	text-decoration: underline;
	font-weight: bold;
}

a.float, a:visited.float   {
	color: #777;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
 }
a:hover.float            {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#main_menu {
	width: 573px;
	height: 39px;
	background: url(images/main_menu.png);
	padding: 0;
	position: relative;
	overflow: hidden;
	float: right;
	margin-right: 96px;
}
#main_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#main_menu a {display: block; height: 39px;}
#main_menu span {display: none;}

#nav1 {left: 0px; top: 0px; width: 64px; height: 39px;}
#nav2 {left: 64px; top: 0px; width: 76px; height: 39px;}
#nav3 {left: 140px; top: 0px; width: 80px; height: 39px;}
#nav4 {left: 220px; top: 0px; width: 115px; height: 39px;}
#nav5 {left: 335px; top: 0px; width: 79px; height: 39px;}
#nav6 {left: 414px; top: 0px; width: 73px; height: 39px;}
#nav7 {left: 487px; top: 0px; width: 86px; height: 39px;}
#nav1 a {width: 64px;}
#nav2 a {width: 76px;}
#nav3 a {width: 80px;}
#nav4 a {width: 115px;}
#nav5 a {width: 79px;}
#nav6 a {width: 73px;}
#nav7 a {width: 86px;}

#nav1 a:hover {background: url(images/main_menu.png) 0px -39px no-repeat;}
#nav2 a:hover {background: url(images/main_menu.png) -64px -39px no-repeat;}
#nav3 a:hover {background: url(images/main_menu.png) -140px -39px no-repeat;}
#nav4 a:hover {background: url(images/main_menu.png) -220px -39px no-repeat;}
#nav5 a:hover {background: url(images/main_menu.png) -335px -39px no-repeat;}
#nav6 a:hover {background: url(images/main_menu.png) -414px -39px no-repeat;}
#nav7 a:hover {background: url(images/main_menu.png) -487px -39px no-repeat;}

#blog_link {
	width: 157px;
	height: 39px;
	background: url(images/blog_link.png);
	padding: 0;
	position: relative;
	overflow: hidden;
	float: left;
	margin-top:101px;
	margin-left:156px;
	}
#blog_link li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#blog_link a {display: block; height: 39px;}
#blog_link span {display: none;}

#bl1 {left: 0px; top: 0px; width: 157px; height: 39px;}
#bl1 a {width: 157px;}
#bl1 a:hover {background: url(images/blog_link.png) 0px -39px no-repeat;}


div.floating-menu {
	position:fixed;
	/*margin-left: 152px;
	margin-top: 292px;*/
	width:130px;
	z-index:100;
}
a img {
  border-width: 0px;
  border-style: none;
}




/* TEXT styles */
.cright  {
	color: #777;
	}
.indent  {
	margin-left: 60px;
}
ul {
	margin: 0px;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 60px;
	list-style-position: outside;
	list-style: circle;
}

li {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.req {width: 273px; 
 }
.msg {width: 273px; 
 }
.form , textarea    {
font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	color: #000000;
	}
select {width: 279px; font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	color: #000000;

 }
.fine {font-size:9px; line-height: 12px;
}