﻿*{ margin: 0px; padding: 0px;
	text-align: left;
	color: #000000;
}*

/**Body background**/

body
{ 
  background:#eee center top;
  color: #dcdcdc;
  font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;
  height:100%;
}

/**Wrapper **/
#wrapper 
{
	width:900px;
	margin:5px auto;
	background:#ff0000;
}

/** assigning the top menu, footer, main, content and container to be the wideth of 850px**/
#top,#footer,#main,#middlecontent,#bottomcontainer,#productmain,#aboutuscontent,#installpartnerscontent
{
	width:850px;
	margin:0px auto;
}

/** creater header the whole width of the wrapper to host the logo and the main menu**/
#header
{
	width:900px;
	height:85px;
}

/** create the top to host the logo and the main menu within the header, the width of this is less than the header**/
#top
{
	background:#fdfdfd url("../images/cstrip.gif") repeat-x;
	height:85px;
}

/** create the 300 px width and 85px height container for the logo of the company**/
#logo
{
	float:left;
	padding-left:25px;
	width: 300px;
	height: 85px;
}

/**Top menu***/
#topmenu
{
	margin-left:350px;
}
#topmenu ul
{
	list-style:none;
}
#topmenu li
{
	display:inline;
}
#topmenu li a
{
	text-align:center;
	color:#00ABFF;
	float: left;
	height: 38px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
				/**padding is top, right, bottom, left***/
	padding: 27px 16px 13px 16px;
}
#topmenu a:hover
{
	color:#fff;
}

/**Left menu***/
#leftmenu {
	float: left;
	width: 219px;
	padding: 0px;
	margin: 10px 0px 0 30px;
}

/* for ie6 */
* html #leftmenu {
	margin: 20px 0px 0px 15px;
}

#leftmenu ul{
	margin: 0px;
	padding: 0px;	
}

#leftmenu li{
	padding: 10px 0 5px 25px;
	font-size: 12px;
	font-weight: bolder;
	list-style: none;
	color:white;
	background: url("../images/arrow_right.png") left center no-repeat;
	border-bottom: 1px dotted #666;
}

#leftmenu li a{
	color: white;
	text-decoration: none;
}
#leftmenu li a:hover {
	padding-left: 8px;
	color:lime;
	text-decoration: none;
}


/**This is the main section that will host the left and right containers**/
#main
{
	height:284px;	
	background:#244458  no-repeat ;
}

#main_l
{
	width:350px;
	height:284px;
	float:left;
}

#main_r
{	
	width:500px;
	height:284px;	
	float:right;
}

/**This is the main section that will host the one containers for vendor company names and two boxes for company logo for different categories**/
#mainvendornames
{
	height:120px;	
	background:#A8A8A8  no-repeat ;
}

#mainvendornames_l
{
	width:190px;
	height:115px;
	float:left;
}
#mainvendornames_wheatland_l
{
	width:290px;
	height:115px;
	float:left;
}


#mainvendornames_wheatland_r
{	
	width:550px;
	height:115px;	
	float:right;
}

#mainvendornames h1
{
	text-align:center;
	color:#00ABFF;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-left:10px;
	padding-top:5px;
}


#mainvendornames p
{
color:#2f2f2f;
padding-top:15px;
padding-left:15px;
margin-left:25px;
}



/**This is the main section that will host the left and right Product Categories**/
#productmain
{
	height:185px;	
	background:url("../images/cstrip.gif") repeat-x;
	text-align:center;
}

#productmain_l
{
	width:425px;
	height:184px;
	float:left;
}

#productmain_r
{	
	width:424px;
	height:184px;	
	float:right;
	border-left:1px solid #4F4A4A;
}

/**This is the main category division that will host the text and the image**/
#categorymain
{
	height:185px;	
	background:url("../images/cstrip.gif") repeat-x;
	text-align:center;
}

#categorymain_top
{
	width:420px;
	height:25px;
}

#categorymain_bottom
{
	width:420px;
	height:155px;
	text-align:center;		
	/**padding is top, right, bottom, left***/
	
}

#categorymain h1
{
	text-align:center;
	color:#00ABFF;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-left:10px;
	padding-top:5px;
}

#categorymain h1 a{
	color: white;
	text-decoration: none;
}
#categorymain h1 a:hover {
	padding-left: 8px;
	color:lime;
	text-decoration: none;
}

/**This is the main left section that will host the map in the contactus page**/
#map
{	
	width:476px;	
	height:280px;
	float:right;
}


/**This is the main section that will host the left, right and center containers below the main top content section**/
#middlecontent
{
	height:185px;
    background:url("../images/cstrip.gif") repeat-x;	
}
#middle_left,#middle_right
{
	width:275px;
    height:184px;padding-top:5px;
}
#middle_left
{
	float:left;
}
#middle_right
{
	float:right;
}
#middle_center
{
	margin:0px 275px 0px 275px;
	border-left:1px solid #4F4A4A;
	border-right:1px solid #4F4A4A;
	height:177px;
    padding-top:5px;
}
#middle_left h1,#middle_right h1,#middle_center h1
{
	font-size:1.5em;
	padding:10px 0 0 50px;
	font-family:arial;
}
#middle_left p,#middle_right p,#middle_center p
{
	padding:10px 15px 0px 20px;
}
#middle_left h2,#middle_right h2,#middle_center h2
{
	padding-left:170px;
	font-family:arial,verdana,sans-serif,tahoma;
	font-size:0.9em;
}
#middle_left a,#middle_right a,#middle_center a
{
	color:#fff;
	text-decoration:none;
}

/**main bottom container ***/

#bottomcontainer
{
	height:150px;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
	
}
#bottom_lcontain
{
	width:260px;
	background:#eeeeee;
	float:left;
	margin-left:5px;
	height:260px;
	margin-top:7px;

}
#bottom_rcontain
{
	
	background:#eeeeee;
	float:right;
	width:575px;
      height:260px;
	margin-right:5px;
    margin-top:7px;
 	
}
#bottom_rcontain  h1,#bottom_lcontain h1
{
color:#2f2f2f;
font-size:1.5em;
font-family:arial;
padding:15px 0px 0px 15px;
}
#bottom_rcontain p
{
color:#2f2f2f;
padding:10px 10px 0 15px;
}
#bottom_lcontain p,#bottom_lcontain h2
{
color:#2f2f2f;
padding-left:15px;
}
#bottom_lcontain h2
{
font-size:1.1em;
font-family:arial;
}
#bottom_lcontain a 
{
	color:#1c443b;
}
.col
{
float:left;
width:280px;
}
.col li a
{
float:none;
color:#1c443b;
text-decoration:underline;
}
.col li a:hover
{
	text-decoration:none;
}
/**main bottom container for ABOUT US PAGE***/

#aboutuscontent
{
	height:100%;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
	
}

#aboutuscontent-for-vendors
{
	height:100%;
	background:white;
	margin-top:5px;
	margin-bottom:5px;
	
}


#aboutuscontent h1
{
	text-align:center;
	color:#00ABFF;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-left:10px;
	padding-top:5px;
	margin-left:25px;
}

#aboutuscontent-for-vendors h1
{
	text-align:center;
	color:#00ABFF;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-left:10px;
	padding-top:5px;
	margin-left:25px;
}


#aboutuscontent p
{
color:#2f2f2f;
padding-left:15px;
margin-left:25px;
}

#aboutuscontent-for-vendors p
{
color:#2f2f2f;
padding-left:15px;
margin-left:25px;
}


/**This is the font styles for the contact us form for the input fields**/

#contactusemail
{
	height:100%;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
	
}

#contactusemail span
{
	text-align:center;
	color:#0000FF;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	margin-left:25px;
}

#contactusemail p
{
color:#2f2f2f;
padding-left:15px;
margin-left:25px;
}



/**Industry Certificates ***/
#certs {
	background: #2e2e2e url("../images/fstrip1.gif") repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:25px;
	margin-right:25px;
	text-align: center;
	clear:both;
	height:70px;
}

/**Installation Partners title***/
#certs1 {
	background: #2e2e2e url("../images/fstrip1.gif") repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:25px;
	margin-right:25px;
	text-align: center;
	clear:both;
	height:25px;
}

#certs1 h1
{
	text-align:center;
	color:white;
	float: left;
	height: 18px;
	margin-right: 1px;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-left:10px;
	padding-top:5px;
	margin-left:25px;
}


/**Filler with background color ***/
#filler {
	margin: 5px 25px;
	background: #2e2e2e url('../images/fstrip1.gif') repeat-x;
	text-align: left;
	clear:both;
	height:20px;
}

/**Footer section of the page ***/
#footer {
	background: #2e2e2e url("../images/fstrip1.gif") repeat-x;
	margin: 0 auto;
	text-align: center;
	clear:both;
	height:30px;
}
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #9ab2be;
	text-decoration: underline;
}

/**Filler ***/
#filler {
	
	background: 00ABFF;
	clear:both;
	text-align: left;
	height:5px;
}

/** Install partners main content container***/
#installpartnerscontent
{
	height:800px;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
	
}
#MAinstall
{
	height:300px;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
}
#RIinstall
{
	height:200px;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
}



/** table style***/
#tableheader td
{
	text-align:center;
	color:blue;
	text-decoration: none;
	font-weight:bold;	
	font-size: 1.1em;
	padding-bottom:3px;
	padding-top:3px;
}

#tableheader1 td
{
	text-align:center;
	color:black;
	text-decoration: none;
	font-weight:bold;	
	font-size: .9em;
	padding-bottom:0px;
}



