@charset "utf-8";

html {
	background:#41bdc1;
}

body  {
	position:relative;
	background:url(../images/layout/background.jpg) repeat;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; 
	padding: 0 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #21e4c2;
	line-height:1.4em;
	letter-spacing:.015em;
}

.thrColFixHdr #container {
	position:relative;
	width: 980px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify; /* this overrides the text-align: center on the body element. */
	padding-top:15px;
} 

#containerGradient {
	position:absolute;
	left:21px;
	background:url(../images/layout/container-gradient.png) no-repeat;
	width:947px;
	height:199px;
}

.thrColFixHdr #header {
	z-index:1;
	position:relative;
	top:7px;
	padding: 0px 0px 0px 0px;
	margin:0px auto 0 auto;
	width:988px;	
	height:293px;
	overflow:hidden;
	background:url(../images/layout/header.png) no-repeat;
}

#containerMiddle {
	background:url(../images/layout/container-middle.png) repeat-y;
	width:965px;
	height:100%;
	margin:0px 0px 0 12px;
	
}

.thrColFixHdr #sidebar1 {
	position:absolute;
	right:19px;
	width: 260px;
	padding:35px 0 0 0;
	margin:0;
}

#sidebarContent {
	padding:0 0 0 5px;
	margin:0;
	text-align:center;	
}

.thrColFixHdr #mainContent {
	position:relative;
	z-index:2; 
	width:626px;
	height:100%;
	margin: 0 0 0 31px; 
	padding:25px 0px 30px 0px;
}

#footerBar {
	position:relative;
	top:-10px;
	background:url(../images/layout/footer.png) no-repeat;
	width:982px;
	height:65px;
	margin-left:3px;
}

#footerInfo {
	position:relative;
	margin:0 auto;
	width:972px;
 	font-size:12px;
	padding:0 8px 0px 0px;
	color:#00494b;	
	text-align:center;
	line-height:1.5em;
} 

.thrColFixHdr #footerBar p {
	margin: 0;
	padding: 5px 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.firt {
	display:none;
}

h1, h2, h3, h4 {
	margin:0;
	padding:10px 0 15px 0;
	line-height:1.25em;
}

h2 {
	font-size:24px;
	color:#FFFFFF;
}

h3 {
	font-size:18px;
	color:#00639e;
	padding:5px 0 5px 0;
	margin-top:7px;
}

p {
	margin:0;
	padding:0 0 14px 0;
}

.smallText {
	font-size:11px;
	font-weight:normal;
	line-height:1.4em;
}

.boldText {
	font-weight:bold;
}

.featuredText {
	color:#b11500;
	font-weight:bold;
}

img {
	border:none;
}

.imageBorder {
	border:2px #d7bf94 solid;
}

.commonBorder {
	padding:7px;
	border:1px solid #CCCCCC;
	background:#fff;
}

ul {
	padding:0 0 5px 19px;
	margin:0;
}

#headerColumnContainer {
	width:950px;
	height:144px;
	margin:0 auto;
}

#headerColumnA {
	float:left;
	width:650px;
}

#headerColumnB {
	width:200px;
	height:144px;
	float:left;
}

#logo {
	z-index:3;
	background:url(../images/layout/logo.png) no-repeat;
	width:401px;
	height:173px;
	margin:32px 0 0 28px;
}

#callInOrders {
	position:absolute;
	top:158px;
	right:15px;
	z-index:1000;
	background:url(../images/call-in-orders.png) no-repeat;
	width:256px;
	height:196px;
}

/*------------------NAV_MAIN---------------------*/

#navMain {
	position:relative;
	background:url(../images/layout/nav_main/nav-background.png) no-repeat;
	top:139px;
	left:26px;
	margin:0 0 0 0;
	padding:4px 0 0 14px;
	width:905px;
	height:48px;
	z-index:2;
}

#navMain ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:40px;
}

#navMain ul li {
	display:inline;
	height:40px;
}

#navMain ul li a{
	height:40px;
	background-repeat: no-repeat;
	float:left;
}

li a {
	background-position:center 0;	
}

li a:hover {
	background-position:center -40px;
}

#navMain ul li.pipe {
	background:url(../images/layout/nav_main/pipe.png) no-repeat;
	width:3px;
	height:38px;
	display:block;
	float:left;
}

#firstPipe {
	margin-left:2px;
}

li#button1 a {
	background-image:url(../images/layout/nav_main/button1.png);
	width:157px;	
}

li#button2 a {
	background-image:url(../images/layout/nav_main/button2.png);
	width:174px;	
}

li#button3 a {
	background-image:url(../images/layout/nav_main/button3.png);
	width:175px;	
}

li#button4 a {
	background-image:url(../images/layout/nav_main/button4.png);
	width:175px;	
}


li#button5 a {
	background-image:url(../images/layout/nav_main/button5.png);
	width:175px;	
}


li#button6 a {
	background-image:url(../images/layout/nav_main/button6.png);
	width:81px;	
}


li#button7 a {
	background-image:url(../images/layout/nav_main/button7.png);
	width:81px;	
}


li#button8 a {
	background-image:url(../images/layout/nav_main/button8.png);
	width:81px;	
}

/*----------------/NAV_MAIN--------------------*/	
#navSideFirstButton {
	border-top:#FFFFFF solid 1px;
}

.sectionContainerTop {
	background:url(../images/layout/section-container-top.png) no-repeat;
	height:13px;
	font-size:0;	
}

.sectionContainerMiddle {
 	background:url(../images/layout/section-container-middle.png) repeat-y;
	width:639px;
	padding:5px 20px;
 	height:100%;
	color:#fff;
}

.sectionContainerMiddle a:link {
	color:#fff;
}

.sectionContainerMiddle a:hover {
	color:#CCFFFF;
}

.sectionContainerMiddle h3 {
	color:#FFFFFF;
	margin-top:0;
	padding:0;
}

.sectionContainerBottom {
	background:url(../images/layout/section-container-bottom.png) no-repeat;
	height:14px;
	padding-bottom:15px;
}

.sectionContainerTop, .sectionContainerBottom {
	width:679px;
}

form {
	text-align:left;
	line-height:1.4em;
}

label {
	text-align:right;
	display:block;
	width:135px;
	float:left;
	padding-right:10px;
}

input {
	height:20px;
	margin-bottom:7px;
}

.submit {
	margin-left:143px;
}

.formButton {
	height:36px;
}

.thrColFixHdr #footerInfo #navcontainer ul {
	padding:0;
	margin: 0;
	list-style-type: none;
	color: #00494b;
	width: 100%;
	font-size:14px;
	text-align: center;
}

.thrColFixHdr #footerInfo li {
	display: inline;
	padding: 0 .5em 0 .5em;		
}

.thrColFixHdr #footerInfo li.first {
	border-left:none;
	padding-left:0px;
}

.thrColFixHdr #footerInfo a {
	text-decoration:underline;
	color: #00494b;
	font-weight:normal;
}

.thrColFixHdr #footerInfo a:hover {
	color: #fff;
}

.thrColFixHdr #footerInfo .listcontainer ul {
	padding:0;
	margin: 0;
	list-style-type: none;
	color: #00494b;
	width: 100%;
	font-size:14px;
	text-align: center;
}

#ctlLink1 {
	display:none;
}

/*--------------------MAIN LINK STATES----------------------*/
a {
	font-weight:bold;
	color:#ff7100;
	text-decoration:underline;
}

a:link {
	font-weight:bold;
	color:#ff7100;
	text-decoration:underline;
}

a:visited {
	font-weight:bold;
	color:#ff7100;
	text-decoration:underline;
}

a:hover {
	font-weight:bold;
	color:#FFCC00;
	text-decoration:underline;
	
}

a:active {
	font-weight:bold;
	color:#ff7100;
	text-decoration:underline;
}

.bigLink {
	font-size:18px;
}
/*--------------------/MAIN LINK STATES----------------------*/

/*#awesometown {
	font-weight:regular;
}

#awesometown a, #awesometown a:link, #awesometown a:hover {
	font-weight:regular;
	text-decoration:none;
	color:#FFFF00;
}

#awesometown a:hover {
	color:
	#FFFF99;
}*/