
body {
 background-color:#000000;
 background-image:url(../images/bg-top.jpg); background-position:top center; background-repeat:no-repeat;
}

a.links:link	{  font-size: 12px; color: #45a701; text-decoration: underline;  }
a.links:active  {  font-size: 12px; color: #45a701; text-decoration: underline;  }
a.links:visited {  font-size: 12px; color: #45a701; text-decoration: underline; }
a.links:hover	{  font-size: 12px; color: #cccccc; text-decoration: none;}



li
{
	color: 999999;

}

li
{
	color: 999999;

}

td {
	font-size: 12px;
	color: 999999;

}





input {
	font-size: 12px;

}

select {
	font-size: 12px;

}





#wrapper { 
 margin: 0 auto;
 width: 922px;
}

/* HEADER */

#header {
 color: #333;
 width: 600px;
 float: left;
 padding: 0px;
 height: 147px;
 margin: 10px 0px 5px 0px;
 background-image:url(../images/codi-kitchens-header.gif); background-position:bottom right; background-repeat:no-repeat;
}

#topmenu {
 color: #fff;
 width: 907px;
 float: left;
 padding: 8px 0px 0px 15px;
 height: 37px;
 margin: 0px 0px 0px 0px;
 background-image:url(../images/menu-bg.gif); background-repeat:repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 17px;
 letter-spacing:2px;
}

#topmenu a{ color:#fff; text-decoration:none;}
#topmenu a:hover {color:#fff; text-decoration:underline;}

/* LEFT COLUMN */

#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 250px;
 float: left;
 
}

#leftnavigation { 
 color: #4bd034;
 background: #181818;
 margin: 0px 5px 25px 0px;
 padding: 10px;
 height: 300px;
 width: 230px;
 float: left;
 background-image:url(../images/leftnav-header.gif); background-position:top left; background-repeat:no-repeat;
}

#leftnavigationtxt {
 padding: 65px 0px 0px 10px;
 text-transform:uppercase;
 line-height:180%;
 letter-spacing:1px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
}

A.menulink {
	display: block;
	text-align: left;
	font-size:13px;
	color: #858688;
	padding-left: 33px;
	padding-top: 3px;
	padding-bottom: 3px;
    text-decoration:none;
}

A.menulink:visited {
	display: block;
	text-align: left;
	font-size:13px;
	color: #858688;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 33px;
	text-decoration:none;
}

A.menulink:hover {
	display: block;
	text-align: left;
	color: #4acd33;
	background-image: url(../images/menu-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 33px;
	text-decoration:none;
}

.menulinkselected  {
	display: block;
	text-align: left;
	color: #4acd33;
	text-decoration: none;
	background-image: url(../images/menu-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 33px;
	text-decoration:none;
}

#quickcontact { 
 color: #7d7d7d;
 background: #181818;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: 835px;
 width: 250px;
 float: left;
 background-image:url(../images/quickcontact-header.gif); background-position:top left; background-repeat:no-repeat;
}

#quickcontacttxt {
 padding: 15px 0px 0px 15px;
 text-transform:none;
 line-height:150%;
 letter-spacing:1px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF;
}

/* FORM */

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 28px;
	margin: 0;
	padding: 5px;
	color: #FFF;
	background:#60a445;
	background-image:url(../images/menu-bg.gif); background-position:center;
	border-width: 1px;
  	border-style: solid;
  	border-color: #305927;
}

/* RIGHT COLUMN */

#rightcolumn { 
 float: right;
 color: #999999;
 margin: 0;
 padding: 10px;
 width: 623px;
 display: inline;
 font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn h1 { font-size:24px; color:#999999; line-height: 150%;}
#rightcolumn h2 { font-size:18px; color:#999999; line-height: 150%;}
#rightcolumn p { font-size:14px; color:#999999;  line-height: 175%;}
#rightcolumn li { line-height: 175%;}

#rightcolumncopy { 
 float: right;
 color: #999999;
 margin: 0;
 padding: 10px;
 width: 623px;
 display: inline;
 font-family:Arial, Helvetica, sans-serif;
}

#rightcolumncopy h1 { font-size:24px; color:#999999; line-height: 150%;}
#rightcolumncopy h2 { font-size:18px; color:#999999; line-height: 150%;}
#rightcolumncopy p { font-size:14px; color:#999999; line-height: 150%;}
#rightcolumncopy a { color:#4acd33; text-decoration:none;}
#rightcolumncopy a:hover { text-decoration:underline;}
#rightcolumncopy img{ padding: 11px; margin: 5px; border: 1px solid #323438; }
#rightcolumncopy img:hover { border: 1px solid #4acd33; }

#slideshow{
width: 630px;
height: 347px;
float: left;
}

#rightcat{
width: 195px;
margin: 15px 5px 5px 5px;
float: left;
}

#rightcat h2{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 150%; color: #707070; }
#rightcat p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%;  color: #707070; }
#rightcat a{ color:#FFFFFF; text-decoration:underline; }
#rightcat img{ padding: 11px; border: 1px solid #323438; }
#rightcat img:hover { border: 1px solid #4acd33; }

/* FOOTER */

#footer { 
 width: 900px;
 clear: both;
 border-top: 1px solid #333333;
 color: #707070;
 margin: 0px 0px 20px 0px;
 padding: 10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}

#footer a {color:#707070; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
