/* CSS Document */

/* mac hide\*/
html, body 
	{height:1800px;
	font-size: 0.9em;
	line-height: 1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* end hide */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}
.titleour {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #0099CC;
		}
.titlemaking {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #66CC33;
		}
.titleget {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #FF3399;
		}
.titlepriced {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #FF6633;
		}
.titlequality {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #993399;
		}
.titlefooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #CC3333;
		}

.content { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #999999;
	}

	
.content A:link {color: #000000; text-decoration: none;}
.content A:visited {color: #000000; text-decoration: none}
.content A:active {color: #000000; text-decoration: none}
.content A:hover {text-decoration: underline;
					color: #666666;}
		
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:780px;/* for mozilla*/
	
	background-color: #CCCCCC;
	color: #999999;
}

#outer{
	height:100%;
	width:780px;
	color: #000000;
	background-color: #FFFFFF;
	text-align:left;
	margin:auto;
	position:relative;
}
 


#innerwrap {/* enables content first */
	float:left;
	width:572px;
	
}
#innerwrap2 {/* enables content first */
	float:left;
	width:780px;
	
}
#header{
	position:absolute;
	top:0;
	left:10px;
	width:763px;
	height:165px;
	background:#FFFFFF;
	overflow:hidden;
	color: #000000;
	z-index:100;
}
#indexleft {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:330px;
	left:10px;
	float:left;
	padding-top:175px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	padding-right:0px;
}
/*ie needs this to position correctly */
#indexright {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:398px;
	float: right;
	padding-top:175px;/*needed to make room for header*/
	padding-left:0px;
	padding-right:0px;/*needed to create white space*/
	padding-bottom:32px;/* needed to make room for footer */}

/*this for non-ie browsers*/
html>body #indexright {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:398px;
	float:right;
	padding-top:175px;/*needed to make room for header*/
	padding-left:0px;
	padding-right:0px;/*needed to create white space*/
	padding-bottom:32px;/* needed to make room for footer */}
	
#indexright p {padding-left:0px;padding-right:0px}

/*ie needs this to position correctly */
#left {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:155px;
	left:10px;
	float:left;
	padding-top:175px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}
/*this for non-ie browsers*/
html>/**/body #left {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:155px;
	left:10px;
	float:left;
	padding-top:125px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#left p {padding-left:10px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	background-color: #FFFFFF;
	width:197px;
	float:right;
	padding-top:175px;/*needed to make room for header*/
	padding-right:7px;/*needed to create white space*/
	padding-bottom:32px;/* needed to make room for footer */
}
#right p {padding-left:4px;padding-right:7px}

#centrecontent {
	background-color: #FFFFFF;
	color:#666666;
	width:380px;
	float:right;
	padding-top:168px;/*needed to make room for header*/
	padding-left:10px;/*needed to create white space*/
	padding-right:7px;/*needed to create white space*/
	padding-bottom:32px;/* needed to make room for footer */
}
#centrecontent p {padding-left:10px}

.centrecontent a:link {color: #000000; text-decoration: none; font-weight:bold}
.centrecontent a:visited {color: #000000; text-decoration: none; font-weight:bold}
.centrecontent a:hover {text-decoration: underline; color: #666666; font-weight:bold}
.centrecontent a:active {color: #000000; text-decoration: none; font-weight:bold}

#logoplacer {
	width:89px;
	clear:both;
	height:31px;
	background-color: #FFFFFF;
	float:right;
	left:684px;
	bottom:0;
	position: absolute;
	top: -4px;
	

}

/*main nav*/
#menunav { width: 763px; margin: 0; padding: 0; list-style-type: none; }
#menunav li {	display: inline; padding: 0; text-indent:-2000px; }
#menunav li a { display: block; float:left; padding: 0;  height: 35px; }
#menunav li a:hover, ul#menunav li a#current { background-position: 0 -35px; }

#menunavHome a { background:url(/images/home.jpg); width: 47px;}
#menunavMaking a { background:url(/images/making.jpg); width: 143px; }
#menunavOur a { background:url(/images/our.jpg); width: 143px; }
#menunavPriced a { background:url(/images/priced.jpg); width: 143px; }
#menunavQuality a { background:url(/images/quality.jpg); width: 150px; }
#menunavGet a { background:url(/images/get.jpg); width: 136px; }

.clearfix {display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*end main nav*/

#footer {
	width:758px;
	clear:both;
	height:45px;
	background-color: #FFFFFF;
	left:0;
	bottom:0;
	position: absolute;
	

}
/*footer nav*/
#navcontainer { 
	margin-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.2;
	color: #999999;
	 }
#navcontainer li a  {
	color: #999999;
	text-decoration: none;
}
#navcontainer a:link, a:visited{
	color: #999999;
	text-decoration: none;
}
#navcontainer a:hover {
	text-decoration: underline;
	color: #666666;
}
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}
#navlist li
{
display: inline;
padding: 0;
margin: 0;
}


/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
background-image: url("../images/footer_spacer.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { background-image: none; }

#navlist2
{
list-style: none;
padding: 0;
margin: 0;
}
#navlist2 li
{
display: inline;
padding: 0;
margin: 0;
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist2 li
{
background-image: url("../images/footer_spacer.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist2 { height: 1%; }

* html #navlist2 li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist2 li:first-child { background-image: none; }

/*end footer nav*/

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/



#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

.hidden, hr {	
	display: none;
}
/*form css*/
label {
	float: left;
	width: 90px;
	padding: 2px 10px 3px 0;
	margin: 1px 10px 0 0;
	font-weight: normal;
	font-size: 11px;
	color: #454B4B;
}

label.amounts {
	float: none;
}

input, textarea  {
	border: none;
	margin: 0 5px 0 0;
	padding: 1px;
	color: #454B4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

select  {
	border: none;
	margin: 0 0 30px 0;
	padding: 2px;
	color: #454B4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	float: none;
	clear: right;
	border: 1px solid #454B4B;
}

input.register_box, textarea.register_box {
	width: 170px;
	background: #fff;
	margin-bottom: 5px;
	float: none;
	clear: right;
	border: 1px solid #454B4B;
}


input.ticky {
	float: none;
}

label.ticky_label {
	float: none;
	width: 10px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 11px;
	color: #454B4B;
}
formsub {font-size: 0.4em;
	line-height: 1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
