@charset "UTF-8";
/* CSS Document */
html,body  {
	margin: auto;
	padding: 0px; border: 0px;
	background-image: url(../images/bg_main.jpg);
	background-repeat: repeat-x;
	font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;

}
.clear: after{content:""; display: block; clear:both;
}

.home{background-image: url(../images/index_bg.jpg);
	background-repeat: repeat-x;
}
#indexpig{
	background-image: url(../images/index_pig.jpg);
	height: 893px;
	width: 800px;
	margin: auto;
}

#container   { margin: 0 auto; width: 800px;}
#topbar {
	height: 37px;
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	float:left;
	}
	
	#header {
	height: 153px;
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/header.jpg);
	float: left;
	display:block;
	}
	
	#nav  { background-image: url(../images/nav.jpg); background-repeat: no-repeat; margin: 0 auto; padding-left: 10px; width: 800px; height: 57px; float: left }
	 #nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
	float: left;
}

#nav li
{
	height: 57px;
	float: left;
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	line-height: 34px;

}

#nav li a
    {
	height: 57px;
	float: left;
	font-size: 14px;
	color: #3973e2;
	border: none;
	line-height: 34px;
	padding: 0 1.2em 0 1.2em;
}
#nav li a:hover
     {
	color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/nav_over_new.jpg);

}

#nav li a.selected
     {
	height: 57px;
	float: left;
	border: none;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
	background-position: center;
	background-repeat: no-repeat;
}
	
#undernav {
	height: 127px;
	width: 800px;
	background-image: url(../images/undernav.jpg);
	margin: auto;
	float: left;
	display:block;
	}
	
#content    {
	width: 800px;
	float:left;
	background-color: white;
	background-position: bottom;
	background-repeat: no-repeat;
}
#fullwidth {
	width: 760px;
	float: left;
	margin-left: 20px;
	margin-bottom: 0px;}
	
#main  { margin-left: 10px;padding-bottom: 10px; padding-left: 10px; width: 324px; float: left }
	
	
	#main h3 {
	font-size: 14px;
	color: #003399;
	font-weight: bold;
	display: inline;
	}
	#main h1 {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	}
	
	#main div.leftboxtop {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/leftbox-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	}
	#main div.leftboxbottom {
	background-image: url(../images/leftbox-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 93px 17px 10px 17px;
	float: left;
	}


#main div.product-info {
	color: #fff;
	background-color: #000033;
	float:left;
	padding: 5px;	
}
	
	#side {
	width: 404px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 40px;
}

#side div.top1 {
	float:left;
	background-image: url(../images/sideboxtop.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

	
		#side div.bottom1 {
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	background-image: url(../images/sideboxbottom.jpg);
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	}
	
	
	

#footercontainer {width:100%;
	background-image: url(../images/footerblue.jpg);
	background-repeat: repeat-x;
	float:left;
	}
	
	#footer {
	width: 800px;
	margin: 0 auto;
	background-position: top;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	}
	
	#footer div.copyright {
	width: 780px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
	
	
p  {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	float: left;
}
h6  {
	color: #f1c349c;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
h6.a:link  {
	color: #f1c349c;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
h6.a:hover  {
	color: #9c3024;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
h2    {
	color: #ffffff;
	font-size: 10px;
	text-align: justify;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	width: 360px;
	height: 98px;
	repeat: none;
	line-height: normal;
	background-image: url(../images/boxarrow.gif);
	background-repeat: no-repeat;
		
}

h1  {
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: none;
}
a {
color: #000;
outline:none;
}

a:link   { color: red; text-decoration: none }

a:hover {
color:#000;
text-decoration:none;
}

a:visited {
color:#366acd;
text-decoration:none;
}


h3    {
	color: #003399;
	font-size: 12px;
}

h3  a:link   {
	color: #003399;
	font-size: 14px;
	
	
}
h3  a:hover   {
	color: #f93131;
	font-size: 14px;
	
	
}

h4   {
width:230px;
color: #7498dc;
font-size: 12px;
font-weight: bold;
line-height: 36px;
text-indent: 20px;
margin: 0; float: left }

h4 a:link {
color:#7498dc;
text-decoration:none;
}

h4 a:hover   { color: white }



h5 {
	font-size:16px;
	font-weight:400;
	color:#7498dc;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #fff;
}

/*classes*/

.image  {
	margin: 0 auto;
	text-align: center;
	align:centre;
	border:none;
}