/*Synergy Networks 

	Developer: John MIller
	
	
*/

/*ELEMENT STYLING */

img {
	border: none;	
}


p, p a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:#333 !important;
	font-weight:200 !important;
}

h1, h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #379f1f;
	font-weight: bold;
	text-decoration: none;
}

h2, h2 a {
	font-family: Arial;
	font-size: 18px;
	color: #11157d;
	font-weight: 100;
	text-decoration: none;
	
}
h3, h3 a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #000000 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/*Sizing and Postioning */
p {
	width: 95%;
	margin: 2%;
	margin-left: 3%;
	margin-bottom: 4%;	
}

h1, h2, h3, h4 {
	width: 95%;
	margin: 2%;
	font-weight: bold;
}

ul {
	position: relative;
	width: 95%;
	margin-left: 3%;
	margin-bottom: 4%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	font-weight:200;
}

li {
	margin: 6px;
}

/* WEBSITE STRUCTURE */

#container{
	position: relative;
	margin: auto;
	height:auto;
	width: 900px;
}
#header{
	position: relative;
	height: auto;
	margin: 5px;
	width: 895px;
	float: left;
}
#nav {
	position: relative;
	float: left;
	width: 900px;
	height: auto;
	margin: 5px;
}
#body {
	position: relative;
	float: left;
	width: 950px;
	height: auto;
}
#footer {
	position: relative;
	float: left;
	width: 900px;
	height: auto;
}
#slide_show {
	position: relative;
	float: left;
	width: 900px;
	height: auto;
	margin: 5px;
}




/* NAVIGATION STYLING */


#home_button,
#about_us_button,
#customer_assistance_button,
#business_solutions_button,
#product_catalog_button,
#reconditioned_equipment_button ,
#our_gaurantee_button, 
#testimonials_button, 
#printer_drivers_button  {
	height: 44px;
	position: relative;
	float: left;
}
#home_button {
	width: 47px;
}
#about_us_button {
	width: 64px;
}
#customer_assistance_button {
	width: 127px;
}
#business_solutions_button {
	width: 118px;
}
#product_catalog_button {
	width: 100px;
}
#reconditioned_equipment_button {
	width: 151px;
}
#our_gaurantee_button {
	width: 96px;
}
#testimonials_button {
	width: 84px;
}
#printer_drivers_button {
	width: 93px;
}

#home_button a,
#about_us_button a,
#customer_assistance_button a,
#business_solutions_button a,
#product_catalog_button a,
#reconditioned_equipment_button  a,
#our_gaurantee_button a, 
#testimonials_button a, 
#printer_drivers_button  a {
	width: 100%;
	height: 100%;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
}



#home_button a {
	background-image: url(../exportmedia/home_button.gif);	
}
#about_us_button a {
	background-image: url(../exportmedia/about_us_button.gif);	
}
#customer_assistance_button a {
	background-image: url(../exportmedia/customer_assistance_button.gif);	
}
#business_solutions_button a {
	background-image: url(../exportmedia/business_solutions_button.gif);	
}
#product_catalog_button a {
	background-image: url(../exportmedia/product_catalog_button.gif);	
}
#reconditioned_equipment_button a {
	background-image: url(../exportmedia/reconditioned_equipment_button.gif);	
}
#our_gaurantee_button a {
	background-image: url(../exportmedia/our_gaurantee_button.gif);	
}
#testimonials_button a {
	background-image: url(../exportmedia/testimonials_button.gif);	
}
#printer_drivers_button a {
	background-image: url(../exportmedia/printer_drivers_button.gif);	
}


#box_one, 	
#box_two, 
#box_three,
#box_four {
	background-position: top;
	background-repeat: no-repeat;
	min-height: 255px;
	width: 211px;
	position: relative;
	float: left;
	margin: 7px;
}

#box_one {
	background-image: url(../exportmedia/home_page_bg_one.gif);
}
#box_two {
	background-image: url(../exportmedia/home_page_bg_two.gif);
}
#box_three {
	background-image: url(../exportmedia/home_page_bg_three.gif);
}
#box_four {
	background-image: url(../exportmedia/home_page_bg_four.gif);
}





/* Extra Content Structures */

.row {
	width: 98%;
	margin: 1%;
	position: relative;
	float: left;
	height: auto;
}
.twoColumn {
	width: 49%;
	height: auto;
	position: relative;
	float: left;
}

.fourColumn {
	width: 24%;
	height:auto;
	position: relative;
	float: left;
	margin: 4px;
}

#header_right {
	margin-left: 200px;	
}


/* Form Styling */

.input {
	background-image: url(../exportmedia/input_bg.gif);
	background-repeat: no-repeat;
	width: 178px;
	height: 34px;
	border: none;
	font-size: 20px;
}
.submit_button {
	background-image: url(../exportmedia/submit_button.gif);
	background-repeat: no-repeat;
	width: 262px;
	height: 36px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bolder;
}

textarea {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

form p {
	font-size: 18px;
	font:Verdana, Geneva, sans-serif;
	font-weight: 300;
}






/* Styling for the customer assitance section */


#sales {
	display: none;	
}
#service_request{
	display: block;	
}
#supply_order{
	display: none;	
}
#meter_reading{
	display: none;	
}
#fast_support {
	display: none;	
}

.boxFloat {
	float: left;
	width: auto;
	margin: 8px;
	position: relative;
	height: auto;
}


/* Catalog Page Styling */



.orange_catalog {
	float: left;
	position:relative;
	width: 884px;
	height: 249px;
	background-image: url(../exportmedia/orange_catalog_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
}

.red_catalog {
	float: left;
	position:relative;
	width: 884px;
	height: 249px;
	background-image: url(../exportmedia/red_catalog_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
}

.green_catalog {
	float: left;
	position:relative;
	width: 884px;
	height: 249px;
	background-image: url(../exportmedia/green_catalog_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
}

.blue_catalog {
	float: left;
	position:relative;
	width: 884px;
	height: 249px;
	background-image: url(../exportmedia/blue_catalog_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
}

.catalog_image {
	position: relative;
	float: left;
	margin: 14px;
	margin-top: 14px;
	width: 195px;
	height:199px;
}

.catalog_title {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 14px;
	width: 550px;
}

.product_title {
	color:#009;	
}

.catalog_description {
	float: left;
	position: relative;
	margin: 14px;
	width: 550px;
}


/* Category page Styling */


.category_title {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 14px;
	width: 550px;
}

.category_title {
	color:#009;	
}

.category_description {
	float: left;
	position: relative;
	margin: 14px;
	width: 400px;
}

.orange_category {
	float: left;
	position:relative;
	width: 881px;
	height: 162px;
	background-image: url(../exportmedia/orange_categories_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
}

.purple_category {
	float: left;
	position:relative;
	width: 881px;
	height: 162px;
	background-image: url(../exportmedia/purple_categories_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
}

.yellow_category {
	float: left;
	position:relative;
	width: 881px;
	height: 162px;
	background-image: url(../exportmedia/yellow_categories_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
}

.blue_category {
	float: left;
	position:relative;
	width: 881px;
	height: 162px;
	background-image: url(../exportmedia/blue_categories_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
}

.categories_image {
	position: relative;
	float: left;
	margin: 14px;
	margin-top: 14px;
	width: 195px;
	height:199px;
	border:thick solid #E2E2E2 ;

}

.categories_title {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 14px;
	width: 300px;
}

.categories_title a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:35px;
	color: #003;
    font-weight: bold;
}




.orange_product {
	float: left;
	position:relative;
	width: 884px;
	height:162px;
	background-image: url(../exportmedia/products_orange_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.blue_product {
	float: left;
	position:relative;
	width: 884px;
	height: 162px;
	background-image: url(../exportmedia/products_blue_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.gold_product {
	float: left;
	position:relative;
	width: 884px;
	height: 162px;
	background-image: url(../exportmedia/products_gold_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.purple_product {
	float: left;
	position:relative;
	width: 884px;
	height: 162px;
	background-image: url(../exportmedia/products_purple_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.product_image {
	position: relative;
	float: left;
	margin: 9px;
	margin-top: 7px;
	width: 115px;
	height: 115px;
	border:thick solid #E2E2E2 ;

}

.product_title {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 4px;
	width: 550px;
}

.product_description {
	float: left;
	position: relative;
	margin: 4px;
	width: 550px;
}

.product_description p{
	margin-top: 0px;	
}
.product_description h3{
	margin-top: 0px;
	margin-bottom: 3px;
}

.product_title {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 4px;
	width: 550px;
}


.solution_description h3{
	margin: 6px;
}

.solution_title a {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 12px;
	width: 450px;
	color: #13167c;
}
.solution_description {
	float: left;
	position: relative;
	margin: 12px;
	width: 350px;
}

.blue_solution {
	float: left;
	position:relative;
	width: 884px;
	height: 233px;
	background-image: url(../exportmedia/solutions_blue_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.green_solution {
	float: left;
	position:relative;
	width: 884px;
	height: 233px;
	background-image: url(../exportmedia/solutions_green_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.yellow_solution {
	float: left;
	position:relative;
	width: 884px;
	height: 233px;
	background-image: url(../exportmedia/solutions_orange_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.pink_solution {
	float: left;
	position:relative;
	width: 884px;
	height: 233px;
	background-image: url(../exportmedia/solutions_pink_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}
.purple_solution {
	float: left;
	position:relative;
	width: 884px;
	height: 233px;
	background-image: url(../exportmedia/solutions_purple_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}





.subsolution_title a {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 12px;
	width: 450px;
	color: #13167c;
}
.subsolution_description {
	float: left;
	position: relative;
	margin: 12px;
	width: 650px;
}
.subsolution_image {
	float: left;
	position: relative;
	margin: 12px;
	width: 100px;
	height: 200px;
}


.blue_subsolution {
	float: left;
	position:relative;
	width: 884px;
	height: 170px;
	background-image: url(../exportmedia/subsolutions_blue_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.green_subsolution {
	float: left;
	position:relative;
	width: 884px;
	height: 170px;
	background-image: url(../exportmedia/subsolutions_green_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.yellow_subsolution {
	float: left;
	position:relative;
	width: 884px;
	height: 170px;
	background-image: url(../exportmedia/subsolutions_orange_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}

.pink_subsolution {
	float: left;
	position:relative;
	width: 884px;
	height: 170px;
	background-image: url(../exportmedia/subsolutions_pink_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;
}
.purple_subsolution {
	float: left;
	position:relative;
	width: 884px;
	height: 170px;
	background-image: url(../exportmedia/subsolutions_purple_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	margin: 5px;
	overflow: hidden;