/* CSS Document */

a{text-decoration:none;}
h1,h2,h3{font-size:1.0em;}

html
{
	height: 100%;
	margin-bottom: 1px;
}

body
{	
	margin: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 62.5% /* 16px × 62.5% = 10px */; 

	background-color: #000;
	color: #333;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0px;
	width: 100%;
	background-color: #fff;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#top-banner
{
	padding: 0px 0px 0px 0px;
	background: #000 url(images/top-bg.gif) repeat 0px 0px;


}


#top-banner a
{
	color: #fff;

}

#top-banner a:hover
{
	color: #ff6600;

}


#top-banner p
{
	float: right;
	font-size: 1.1em;
	width: 300px;
	margin: 2px 10px 0 0;
	color: #fff;
	text-align: right;
}

/*Inside Div Class to be used within div ids above to make it middle and 850 wide*/
.insidediv
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#modernbricksmenu2{
padding: 0;
width: 100%;
background-color: #eee;
voice-family: "\"}\"";
voice-family: inherit;
/*border-top: 3px solid #ff6600;*/
/*border-bottom: 3px solid #ff6600;*/
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;

color: #000;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #eee; /*Brown color theme*/ 
border-top: 1px solid white;

}

#modernbricksmenu2 a:hover{
background-color: #ff6600; /*red color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #ff6600; /*red color theme*/ 
color: white;
border-color: #ff6600; /*red color theme*/ 

}

#main
{
	background-color: #FFF;
	color: #333333;
	border-top: 3px solid #ff6600;
	font-size: 1.2em;
	padding-top:10px;
	padding-bottom:15px;
}

/*---------right--------------------*/
#right{
	width:300px;
	float:right;
	background: #eee url(images/side-box.jpg) no-repeat 170px 20px;
	/*background-color: #eee;*/
	padding:5px;
	font-size: 0.9em;
}

#right ul{
	font-family: Arial, Verdana, sans-serif;
	color: #333;
	text-indent: 5px;
list-style-position: outside;
list-style-image: url(images/arrow.gif);
list-style-type: square;
padding-left: 20px;
margin: 10px;
}

#right li{
padding: 2px;
}

#right h2{
	font-size:1.2em;
	padding-left:10px;


}

#right a
{
	color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}

#right a:hover
{
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}


#rightnews{
	width:300px;
	float:right;
	background: #eee url(images/side-box.jpg) no-repeat 170px 20px;
	/*background-color: #eee;*/
	padding:5px;
	font-size: 0.9em;
}

#rightnews ul{
	font-family: Arial, Verdana, sans-serif;
	color: #333;
	text-indent: 0px;
list-style-position: outside;
list-style-image: url(images/news.gif);
list-style-type: square;
padding-left: 10px;
margin: 10px;


}

#rightnews li{
padding: 4px;
}

#rightnews h2{
	font-size:1.2em;
	padding-left:10px;

}

#rightnews a
{
	color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}

#rightnews a:hover
{
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}

#righthome{
	width:220px;
	float:right;
	/*background: #fff url(images/side-box.jpg) no-repeat 170px 20px;*/
	background-color: #fff;
	padding:0px;
	font-size: 0.9em;
}

#righthome h2{
	font-size:1.2em;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	font-style: normal;
	background-color: #ff6600;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: -15px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#righthome a
{
	color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}

#righthome a:hover
{
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;

}

#righthome ul{
	font-family: Arial, Verdana, sans-serif;
	color: #333;
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(images/arrow.gif);
	list-style-type: square;
	padding-left: 10px;
	margin: 0px;
	margin-left:10px;


}

#righthome li{
padding: 2px;
}

/*------left work--------------------*/
#left{
	width:580px;
	float:left;
}

#left h1{
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	font-size: 1.7em;
	font-style: normal;
	background-color: #ff6600;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: -15px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#left h2 { 
font-size: 1em; /* 10px × 2em = 20px */ 
font-family: verdana, Arial, sans-serif, verdana;
	color: #003300;
	font-style: normal;
	line-height: 100%;
	margin-top: 8px;
	padding-left: 0px;
	padding-bottom: 10px;
}

#left h3 { 
font-size: 1.3em; /* 10px × 2em = 20px */ 
font-family: verdana, Arial, sans-serif, verdana;
	color: #ff6600;
	font-style: normal;
	line-height: 100%;
	margin-top: 8px;
	padding-left: 0px;
	margin-bottom: -20px;
}



#left p{
	font-size: 1em;
	font-style: normal;
	color:#333;
	padding:0 0px 0px 0px;
	line-height: 160%;

}

#left p.terms{
	font-size: 0.75em;
	font-style: normal;
	color:#333;
	padding:0 0px 10px 0px;
	line-height: 160%;
}

#left a
{
	color: #ff6600;
	text-decoration: none;
}

#left a:hover
{
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;
}

#lefthome{
	width:660px;
	float:left;
}

#lefthome p{
	font-size: 1em;
	font-style: normal;
	color:#333;
	padding:0 0px 0px 0px;
	line-height: 160%;
}

#left ul{
	line-height: 160%;
}

#lefthome a
{
	color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}

#lefthome a:hover
{
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}





#frontnewsbox {
	font-size: 1em;
	margin: 0px;
	border: 2px solid #ff6600;
	padding: 0px;
	background: url(images/side-box-grey.gif) no-repeat 80px 35px;
}

#frontnewsbox ul {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(images/news.gif);
	list-style-type: square;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#frontnewsbox li{
padding: 5px;
}

#frontnewsbox a{
	color: #ff6600;
	text-decoration: underline;
	font-weight:bold;

}

#frontnewsbox a:hover
{
	color: #fff;
	background-color: #333;
	text-decoration: none;

}
#frontnewsbox h3{
	color: #ff6600;
	font-size: 1em;
	font-style: normal;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: -15px;
	padding-top: 2px;
	padding-bottom: 2px;

}




#frontservicesbox {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
}

.fivepixelpadding {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}



/* BOTTOM GREY AREA */
#bottomgrey
{
	font-size: 1.1em;
	clear: both;
	color: #666;
	padding: 10px 0;
	background-color: #eee;
	height:10px;
	
}


/* FOOTER */
#footer
{
	font-size: 1.1em;
	clear: both;
	color: #fff;
	padding: 15px 0;
	background: #000 url(images/design-build-integrate.jpg) no-repeat 92% 5px;
	/*background-color: #000;*/
	border-top: 3px solid #ff6600;
	
}

#footer a
{
	color: #fff;	
}

#footer a:hover
{
	color: #ff6600;	
}

input {FONT-WEIGHT: 500; COLOR: #333333; font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;border: 1px solid #333333; }
select {FONT-WEIGHT: 500; COLOR: #333333; font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
textarea {FONT-WEIGHT: 500; COLOR: #333333; font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;border: 1px solid #333333; }



legend
{
color: #fff;
background: #ff6600;
padding: 2px 6px
}

/* cat format boxes */
.products_shortened .box {
	float:left;
	width: 180px;
	height: 130px;
	margin: 5px 11px 5px 0px;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	font-size: 1em;
	text-align:center;
}

/* products 100% width format boxes */
.products2 .box2 {
	float:left;
	width: 578px;
	height: 80px;
	margin: 5px 11px 5px 0px;
	/*border-top: solid 1px #CBD5DB;*/
	/*border-left: solid 1px #CBD5DB;*/
	border-bottom: solid 1px #E2EAEF;
	/*border-right: solid 1px #E2EAEF;*/
	font-size: 1em;
	text-align:center;
}

.products2 .imagebox2 {
	float:left;
	width: 110px;
	text-align:center;
	font-size: 0.9em;
}

.products2 .textbox2 {
	float:left;
	width: 300px;
	text-align:left;
	font-size: 0.9em;

}

.products2 .pricebox2 {
	float:left;
	width: 150px;
	text-align:center;
	font-size: 0.9em;
}

/* single product page */
.products3 .box3 {
	float:left;
	width: 578px;

	margin: 5px 11px 5px 0px;
	/*border-top: solid 1px #CBD5DB;*/
	/*border-left: solid 1px #CBD5DB;*/
	/*border-right: solid 1px #E2EAEF;*/
	font-size: 1em;
	text-align:left;
}

.products3 .imagebox3 {
	float:left;
	width: 210px;
	text-align:center;
	font-size: 0.9em;
}

.products3 .textbox3 {
	float:left;
	width: 290px;
	text-align:left;
	font-size: 0.9em;

}