* {	padding: 0;	margin: 0;	border: 0; }
body, html {
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	text-align: center; /*** Centers design in old IE versions ***/
	height: 100%;
	background-color:#cccccc;
	font-size: 11px; line-height: 13px;
}

p { padding: 2px 0 10px 0; }

a {	color: #cc1f31; text-decoration: underline; }
a:hover { color: #C03346; background-color: #fff; text-decoration: none; }

.red-ital { color: #cc1f31; text-decoration: none; font-style:italic; }
.red { color: #cc1f31; text-decoration: none; }

.white { color: #fff; text-decoration: none; }

ol { padding-left:30px; }

h1 { font-size: 15px; color: #C03346; padding-top: 10px; padding-bottom: 8px; }
h2 { font-size: 12px; color: #C03346; padding-top: 7px; padding-bottom: 3px; }

.h1-white { font-size: 15px; color: #FFFFFF; padding-top: 10px; padding-bottom: 8px; }

.redtext  { color: #C03346;	font-size: 11px; line-height: 14px; font-weight:bold }
.boldtext  { color: #000;	font-size: 11px; line-height: 14px; font-weight:bold }

.products { color: #669d9e; }

#button a { color: #669d9e; text-decoration: none; }

#introHolder {
	width: 1000px;
	margin: 0 auto;
	height: 650px;
	padding: 0px;
	background-color:#FFF;
	margin-top: 35px;
}

#OutermainContainer {
	width: 1000px;
	margin: 0 auto; /*** Centers the design ***/
	0000min-height: 100%;
	height: 650px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 35px;
}

#OutermainContainerlinks {
	width: 1000px;
	margin: 0 auto; /*** Centers the design ***/
	0000min-height: 100%;
	height: 1000px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 35px;
}	
	
* html #OutermainContainer {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#mainContainer {
	width: 1000px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 100%;
	text-align: left; /*** Because centered the text in body have to move the text back to left aligning ***/
	background-color: #FFF;
}
* html #mainContainer {
	height: 100%;
}

/****************************** MENU *******************************/
#menu {
	float: right; /* since this element is floated, a width must be given */
	width: 665px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 100px;
	font-size: 9px;
}
#menu a {
	color: #05a8ec;
	text-decoration: none;
	height: 27px;
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
}
#menu-home a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/home.gif); background-repeat:no-repeat;
}
#menu-about a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/about.gif); background-repeat:no-repeat;
}
#menu-design a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/design.gif); background-repeat:no-repeat;
}
#menu-productrange a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/productrange.gif); background-repeat:no-repeat;
}
#menu-gallery a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/gallery.gif); background-repeat:no-repeat;
}
#menu-buy a {
	float: right;	
	width: 72px;
	height: 36px;
	display:block;
	background-image:url(images/menu/buy.gif); background-repeat:no-repeat;
}
#menu-techfeatures a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/techfeatures.gif); background-repeat:no-repeat;
}
#menu-contact a {
	float: right;	
	width: 73px;
	height: 36px;
	display:block;
	background-image:url(images/menu/contact.gif); background-repeat:no-repeat;
}
#menu-links a {
	float: right;	
	width: 72px;
	height: 36px;
	display:block;
	background-image:url(images/menu/links.gif); background-repeat:no-repeat;
}

/*********************************************** LAYOUT ***************************************************/
#headerHolder {
	width: 1000px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 200px;
}
#headerLogo {
	float: left; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 180px;
}

#container { 
	width: 940px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element (if not in mainContainer). */
}
#left {
	float: left; /* since this element is floated, a width must be given */
	width: 495px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-bottom: 35px;
	background-color:#099;
}
#left-home2 {
	float: left; /* since this element is floated, a width must be given */
	width: 679px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 450px;
	margin-left: -30px;
	background-image:url(images/newhome.jpg); background-repeat:no-repeat; 
}
#left-home {
	float: left; /* since this element is floated, a width must be given */
	width: 679px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 450px;
	margin-left: -30px;
	background-image:url(images/home.jpg); background-repeat:no-repeat;
}
#left-products {
	float: left; 
	width: 320px; 
}
#left-gallery {
	float: left; /* since this element is floated, a width must be given */
	width: 580px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 450px;
	margin-left: -30px;
	background-image:url(images/gallery-eleph.jpg); background-repeat:no-repeat;
}

#left-techfeatures {
	float: left; /* since this element is floated, a width must be given */
	width: 660px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-bottom: 35px;
}
#home-text {
	float: left; /* since this element is floated, a width must be given */
	width: 290px;
	padding-bottom: 35px;
	margin-left: 30px;
}

#right { 
	margin-left: 515px; /* the left margin on this div element creates the column down the left side of the page - 
	no matter how much content the left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left space when the content in #left ends. */
	width: 425px;
	padding-bottom: 35px;
	
	background-color:#C33;
}
#right-home { 
	margin-left: 655px;
	width: 300px;
}
#right-products { 
	margin-left: 345px;
	width: 585px;
	padding-bottom: 35px;
}
#right-techfeatures { 
	margin-left: 665px;
	width: 185px;
	padding-bottom: 35px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}