/* 
CSS Design:		By Aaron J Gundersen & Evan Watkins - CarbinTech
Date:  			9/05/08
Site: 			CarbinTech.com
*/



body  {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	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: #000000;
	font-size:13px;
	height:100%;
    overflow: -moz-scrollbars-vertical;

}

 #container  
 {
	width: 760px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	text-align: left;
}

#controls a
{
    text-decoration: none;
    border: 0px solid #cccccc;
}
#controls
{
    border:1px solid #CCCCCC;
    background: #DDDDDD;
    float:right;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    width:40px;
}

#divLeft
{
    float:left;
    border-right:dotted 2px #999999;
	min-height:100%;
    margin-top:5px;
    height:100%;
	margin-bottom:0px;
    width:115px;
	margin-left:0px;
	margin-right:0px;
    padding-left:20px;
    padding-right:20px;
}
#divRight
{
    float:left;
    width:570px;
    padding-left:10px;
    padding-right:10px;
}


#flashbox
{
    height:375px;
    padding-left:5px;
    padding-right:5px;
    width:170px;
    float:left;
    
}

#flashcontent a
{
    color:#ffffff !important;
}
	
 #footer { 
	float:left;
	width:760px;
	text-align:center;
	margin-top:10px;
	height:20px;
	color:#333333;
	font-size:12px;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
}

 #footer2 { 
 	text-align:center;
 	padding-top:10px;
 	padding-left:10px;
	width:320px;
	height:25px;
	float:left;
	font-size:12px;
	color:#7f2935;
}

	
#footerlinks{
	float:left;
	width:50px;
	height:20px;
	padding-top:20px;
	margin-right:5px;
	}
	
 #headerbanner { 
	background: #ffffff; 
	margin:0px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 	



#header2{
	float:left;
	width:750px;
	text-align:center;
	height:29px;
	padding-left:5px;
	padding-right:5px;
	padding-top:11px;
	background-repeat:no-repeat;
    background-image:url(../siteimages/header2.jpg);
	}
#header3{
	float:left;
	width:740px;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;

	}
	
/* Header 3 Nav Divs */
#design{
	float:left;
    display:inline;
	height:17px;
	text-align:left;
	margin-left:125px;
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;

	}


#networking{
	float:left;
    display:inline;
	height:17px;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;

	}
	
#programming{
	float:left;
    display:inline;
	height:17px;
	text-align:left;
	padding-left:5px;
	margin-left:250px;
	padding-top:3px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;

	}

#rbs{
	float:left;
	height:17px;
	text-align:left;
	margin-left:388px;
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;
    display:inline;

	}

#serviceandsupport{
	float:right;
	height:17px;
	display:inline;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
	margin-right:0px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;

	}

#web{
	float:left;
    display:inline;
	height:17px;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
	margin-left:95px;
	padding-right:5px;
	border-left:dotted 2px #666666;
	border-right:dotted 2px #666666;
	border-bottom:dotted 2px #666666;
	-moz-border-radius: 7px;
    border-radius: 7px;

	}
/* End Header 3 Nav Divs */

#helpfulFlash{
float: left;
position:relative;
margin-bottom:45px;
width:100%;
height:100%;

}

#helpfulDocs 
{
    padding-bottom:20px;
}


#homeContent { 
	margin: 0px;
	width:760px;
	float:left;
	background-color:#ffffff;
}
	


#headerbox{
	width:350px;
	height:180px;
	float:left;
	}

#homeLink
{
    height:70px;
    float:left;
    width:330px;
    background:url(../siteimages/homeLink.jpg);
}

#indexDivCenter
{
    float:left;
	border-left:dotted 2px #666666;
	width:1px;
	height:450px;
	margin-top:20px;
}
 #indexDivLeft {
	float:left;
	margin-top:5px;
	width:367px;
}

 #indexDivRight 
 {
	float:right;
	width:390px;
	margin-top:5px;

}
	
#indexLeftBox1
{
    float:left;
    height:233px;
    width:328px;
    background:url(../siteimages/indexLeftBox1.jpg);
    padding-left:22px;
    padding-right:17px;
    padding-top:12px;
    display:inline;
    font-size:16px;
	vertical-align:center;
    font-weight:bold;
    
}
#indexLeftBox2
{
    float:left;
    height:234px;
    width:345px;
    background:url(../siteimages/indexLeftBox2.jpg);
    padding-left:22px;
    padding-top:5px;
    display:inline;
    vertical-align:middle;
}
#indexRightButtonBox
{
    float:left;
    height:238px;
    width:354px;
    padding-left:18px;
    padding-top:3px;
    padding-right:18px;
    margin-top:2px;
    background:url(../siteimages/indexRightButtonBox.jpg);
}
#indexRightButton1
{
    float:left;
    padding-top:0px;
    height:71px;
    padding-bottom:10px;
    width:354px;
    text-align:center;
}
#indexRightButton2
{
    float:left;
    margin-top:7px;
    padding-top:3px;
    width:354px;
    height:50px;
    padding-bottom:5px;
    text-align:center;
}
#indexRightButton3
{
    float:left;
    margin-top:8px;
    padding-top:3px;
    width:354px;
    height:75px;
    padding-bottom:5px;
    text-align:center;
}
#indexRightFlashBox
{
    float:left;
    height:230px;
    width:390px;
    background-color:Blue;
    background:url(../siteimages/indexRightFlashBox.jpg);
}

	

#left
{
    float:left;
    width:20px;
    height:500px;
    background-color:Blue;
}

#linkbox{
	width:290px;
	height:110px;
	float:left;
	margin-bottom:70px;
	padding-left:10px;
	}

#mainContent { 
	margin: 0px;
	width:760px;
	float:left;
	background-color:#ffffff;
	background-image:url(../siteimages/mainContentBG.jpg);
	background-repeat:no-repeat;
	min-height:358px;
	height:100%;
	margin-bottom:0px;
	bottom:0px;
	bottom:0;
	display:table;
}

#mainContentFooter { 
	margin: 0px;
	margin-top:10px;
	height:15px;
	width:760px;
	float:left;
	background-image:url(../siteimages/mainContentFooter.png);
	background-repeat:no-repeat;
}

#mainHeader {
    width: 760px;
    height: 70px;
    float:left;
    background: #ffffff;
    background-image:url(../siteimages/mainHeader.jpg);
    background-repeat: no-repeat;
	}
#mainHeaderLogin {
    width: 145px;
    color:#009448;
    font-size:12px;
    height: 23px;
    padding-left:275px;
    padding-top:17px;
    padding-right:10px;
    float:right;
    text-align:center;
    display:inline;
    background-image:url(../siteimages/mainHeaderLogin.jpg);
	}
#mainHeaderNav {
    width: 300px;
    height: 15px;
    padding-top:5px;
    padding-right:5px;
    float:right;
    text-align:right;
    display:inline;
    color:#000000;
	}
#picturerow {
    float:left;
    width:140px;
    height: 100px;
    text-align:center;
    padding-top:5px;
}

#productrow {
    float:left;
    height:30px;
    padding:5px 10px 0;
    text-align:center;
    width:120px;
    
}

#productrow a 
{
    text-decoration: none;
}

#productrow a:hover 
{
    text-decoration: underline;
}

#products 
{
    border:1px solid #CCCCCC;
    height:215px;
    width:145px;

}

#products:hover
{
    border:1px solid #CCCCCC;
    height:215px;
    width:145px;
    background-color:#E0F2FF;
}

#productAdd 
{
  float:left;  
  padding:0px 35px 0;
}

#prices {
    float:left;
    width:140px;
    text-align:center;
    padding-bottom:10px;
}

#pictureRight
{
    float:right;
    padding-top:10px;
    padding-left:10px;
}

#partners
{
    float:left;
    width:720px;
    text-align:center;
    padding-bottom:30px;
    padding-top:30px;
}
	
#portfolio
{
	float:left;
	height:165px;
	width:580px;
	background-color:#666666;
	margin-bottom:10px;
}

#supportDivLeft
{
    float:left;
    border-right:dotted 2px #999999;
    min-height:300px;
    margin-top:5px;
    width:278px;
    padding-left:20px;
    padding-right:20px;
}
#supportDivRight
{
    float:left;
    width:420px;
    padding-left:10px;
    padding-right:10px;
}
#submitToBookmarks 
{
float:left;
padding-left:10px;
width:350px;
}

.subMenu li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid black;
}

.subMenu a {
    text-align: center;
    text-decoration: none;
}
	
#toplinks a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	width:72px;
	text-align:right;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	text-transform:capitalize;
	color:#000000;
	}

#toplinks a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	background-repeat:repeat;
	}

#toplinks a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}

#toplinks2 a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	padding-top:3px;
	width:72px;
	text-align:left;
	text-transform:capitalize;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#000000;
	}

#toplinks2 a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	}

#toplinks2 a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}
	
#topLinksL {
	font-size:12px;
	float:left;
	height:103px;
	width:87px;
	text-align:left;
	margin-top:5px;
	margin-right:7px;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#ffffff;
	}
	
#topLinksR {
	font-size:12px;
	float:left;
	height:103px;
	margin-top:5px;
	width:87px;
	text-align:left;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#ffffff;
	}
	
ul 
{

    list-style-type: none;

}