/* CSS Document */
@import 'reset.css';
@import 'forms.css';
@import 'font-faces.css';

html,body {	
	background-image:url(../images/body-background.jpg);	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#262626;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.wrapped {
	width:948px;
	margin:0px auto;
}

div#header {
	height:162px;
	background-image:url(../images/header-background.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
div#header div.logo {
	float:left;
	margin-top:4px;
}
div#header div.right {
	float:right;
	width:481px;
	height:102px;
}
div#header div.right div.search {
	width:451px;
	height:28px;
	padding:9px 15px;
	background-image:url(../images/search-background.png);
	background-repeat:no-repeat;	
}
div#header div.right div.search div.input {
	position:relative;
	float:left;
	width:196px;
	height:28px;
	background-image:url(../images/search-input-background.png);
	background-repeat:no-repeat;
}
div#header div.right div.search div.menu {
	float:right;
	margin-top:5px;	
	font-size:16px;
	color:#FFF;
}
div#header div.right div.search div.menu a {
	color:#FFF;
	text-decoration:none;
}
div#header div.right div.search div.menu a:hover {
	color:#0985ce;
}
div#header div.right div.phone {
	margin-top:20px;
	text-align:right;
	font-size:20px;
	font-weight:bold;
}
div#header div.right div.phone img {
	vertical-align:middle;
}
div#header div.right div.phone span {
	margin-left:12px;
	color:#ff7200;
}

/*----------Main Menu-------------*/
div#header div#menu {
	height:46px;
	margin-top:7px;
	background-image:url(../images/menu-background.png);
	background-repeat:no-repeat;
}
div#header div#menu ul.main-menu {
	height:45px;
	margin-left:7px;
	overflow:hidden;
}
div#header div#menu ul.main-menu li {
	float:left;
	width:auto;
	height:46px;
	background-image:url(../images/menu-seperator.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
div#header div#menu ul.main-menu li.last {
	background-image:none;
}
div#header div#menu ul.main-menu li a {
	display:block;
	padding:16px 12px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}
div#header div#menu ul.main-menu li a:hover, div#header div#menu ul.main-menu li a.current {
	color:#00bcea;
}
div#header div#menu ul.main-menu li ul {
	position:absolute; z-index:100;
	visibility:hidden;
	width:160px;
	margin-top:-1px;
	margin-left:-1px;
	padding:0 10px;
	background-color:#2052a8;
	border-left:solid 1px #3674c8;
	border-right:solid 1px #3674c8;
	border-bottom:solid 1px #3674c8;
}
div#header div#menu ul.main-menu li ul li {
	float:none;
	background-image:none;
	height:auto;
	border-bottom:solid 1px #3674c8;
}
div#header div#menu ul.main-menu li ul li.last {
	border-bottom:none;
}
div#header div#menu ul.main-menu li ul li a {
	padding:10px 0;
	font-size:11px;
}
/*----------End Main Menu-------------*/

div#body {
	
}

/*----------Home Banner-------------*/
div#body div.banner {
	position:relative; z-index:1;
	height:362px;
	overflow:hidden;
}
div#body div.banner div.text {
	position:absolute; z-index:3;
	top:20px;
	left:25px;
	width:219px;
	height:238px;
	padding:40px;
	background-image:url(../images/banner-text-background.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFF;
	line-height:19px;
}
div#body div.banner div.text h1 {
	margin-bottom:15px;
	font-size:26px;
	line-height:26px;
	color:#ff7200;
}
div#body div.banner div.text p {
	color:#FFF;
}
div#body div.banner div.border {
	position:absolute; z-index:3;
	bottom:0px;
	width:948px;
	height:15px;
	background-image:url(../images/banner-border.png);
	background-repeat:no-repeat;
}
div#body div.banner ul.banners {
	position:relative; z-index:2;
	width:980px;
	height:362px;
}
div#body div.banner ul.banners li {
	float:left;
	width:980px;
	height:362px;
}
/*---------- End Home Banner-------------*/

/*----------Campaing Boxes-------------*/
div#body div.campaign {
	position:relative; z-index:1;
	float:left;
	width:680px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#FFF;
}
div#body div.campaign div.boxes {
	position:relative; z-index:2;
	padding:30px 24px 12px 24px;
	overflow:auto;
	background-image:url(../images/box-1-background.jpg);
	background-repeat:repeat-x;
	background-color:#c5c5c5;
}
div#body div.campaign div.boxes div.more {
	position:absolute; z-index:3;
	bottom:0px;
	left:0px;
	width:680px;	
	height:40px;
	background-color:#FFF;
}
div#body div.campaign div.border-top, div#body div.industries div.border-top {
	position:absolute; z-index:3;
	width:680px;
	height:15px;
	top:0px;
	left:0px;
	background-image:url(../images/box-1-border.png);
	background-repeat:no-repeat;
}
div#body div.campaign div.border-bottom, div#body div.industries div.border-bottom {
	position:absolute; z-index:3;
	width:680px;
	height:15px;
	bottom:0px;
	left:0px;
	background-image:url(../images/box-1-border.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
}
div#body div.campaign div.box {
	float:left;
	width:200px;
	margin-right:16px;	
}
div#body div.campaign div.box h1 {
	margin-bottom:15px;
	font-size:18px;
}
div#body div.campaign div.last {
	margin-right:0px;
}
div#body div.campaign div.box div.photo {
	position:relative; z-index:4;
	width:200px;
	height:112px;
	border-top:solid 6px #0985ce;
}
div#body div.campaign div.box div.photo div.border {
	position:absolute; z-index:5;
	width:200px;
	height:15px;
	bottom:0px;
	left:0px;
	background-image:url(../images/photo-1-border.png);
	background-repeat:no-repeat;
}
div#body div.campaign div.box div.text {
	margin-top:15px;
	line-height:20px;
	min-height:120px;
}
div#body div.campaign div.box div.read-more {
	position:relative; z-index:5;
	margin-top:10px;
	padding-top:12px;
}
div#body div.campaign div.box div.read-more img {
	vertical-align:middle;
	margin-right:5px;
}
div#body div.campaign div.box div.read-more a {
	font-size:14px;
	font-weight:bold;
	color:#0985ce;
	text-decoration:none;
}
div#body div.campaign div.box div.read-more a:hover {
	color:#ff7200;
}
/*----------End Campaing Boxes-------------*/

div#body ul.buttons {
	float:left;
	clear:left;
	width:680px;
	height:78px;
	margin-bottom:20px;
}
div#body ul.buttons li {
	float:left;
	margin-right:15px;
}
div#body ul.buttons li.last {
	margin-right:0px;
}

/*----------Industries Box-------------*/
div#body div.industries {
	float:left;
	clear:left;
	position:relative; z-index:1;
	width:640px;
	padding:10px 20px;
	background-color:#2a2a2a;
	overflow:auto;
}
div#body div.industries h1 {
	margin-bottom:10px;
	text-align:center;
	font-size:15px;
	color:#FFF;
}
div#body div.industries div.box {
	float:left;
	width:78px;
	margin-right:15px;
}
div#body div.industries div.last {
	margin-right:0px;
}
div#body div.industries div.box div.photo {
	position:relative; z-index:4;
	width:78px;
	height:78px;
	overflow:hidden;
}
div#body div.industries div.box div.photo div.border {
	position:absolute; z-index:5;
	width:78px;
	height:78px;
	top:0px;
	left:0px;
	background-image:url(../images/photo-2-border.png);
	background-repeat:no-repeat;
}
div#body div.industries div.box div.title {
	margin-top:5px;
	font-size:11px;	
	text-align:center;
}
div#body div.industries div.box div.title a {
	color:#FFF;
	text-decoration:none;
}
div#body div.industries div.box div.title a:hover {
	text-decoration:underline;
}
/*----------End Industries Boxe-------------*/

div#body div.lists {
	float:right;
	position:relative; z-index:1;
	width:255px;
	margin-top:20px;
	background-color:#0985ce;
}
div#body div.lists div.border-top {
	position:absolute; z-index:3;
	width:255px;
	height:15px;
	top:0px;
	left:0px;
	background-image:url(../images/box-2-border.png);
	background-repeat:no-repeat;
}
div#body div.lists div.border-bottom {
	position:absolute; z-index:3;
	width:255px;
	height:15px;
	bottom:0px;
	left:0px;
	background-image:url(../images/box-2-border.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
}
div#body div.lists h1 {
	padding:15px 22px;
	background-image:url(../images/list-title-background.jpg);
	background-repeat:repeat-x;
	font-size:20px;
	font-weight:normal;
}
div#body div.lists ul.list {
	margin:15px 22px;
	list-style:square outside;
}
div#body div.lists ul.list li {
	margin-bottom:8px;
	margin-left:10px;
	line-height:15px;
	color:#FFF;
}
div#body div.lists ul.list li a {
	color:#FFF;
	text-decoration:none;
}
div#body div.lists ul.list li a:hover {
	text-decoration:underline;
}

/*----------------------Sub Pages-----------------------*/
div.sub {
	padding-bottom:15px;
	background-image:url(../images/sub-body-border.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
div#body div.sub-body {
	min-height:480px;
	background-image:url(../images/sub-body-background.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	background-position:0px 45px;
	overflow:auto;
}
div#body div.sub-body div.breadcrumbs {
	position:relative;
	padding:18px 25px;
}
div#body div.sub-body div.breadcrumbs a {
	color:#3b7a89;
	text-decoration:none;
}
div#body div.sub-body div.breadcrumbs a:hover {
	color:#ff7200;
}
div#body div.sub-body div.breadcrumbs div.addthis {
	position:absolute;
	right:25px;
	top:17px;
	width:215px;
}
div#body div.sub-body div.breadcrumbs div.addthis a {
	float:left;
	margin-left:15px;
}

div#body div.sub-body h1.title {
	margin-bottom:15px;
	font-size:22px;
	font-weight:normal;
	color:#303030;
}
div#body div.sub-body div.content {
	padding:15px 25px;
	line-height:18px;	
}
div#body div.sub-body div.content div.map {
	width:898px;
	height:593px;
	overflow:hidden;
}
div#body div.sub-body div.thin {
	float:left;
	width:520px;
}
div#body div.sub-body div.content div.distributors {
	float:left;
	width:400px;
	margin-top:15px;
}
div#body div.sub-body div.content div.distributors h2 {
	margin-bottom:10px;
}
div#body div.sub-body div.content div.distributors ul {
	margin-left:15px;
}
div#body div.sub-body div.gallery {
	float:left;
	width:318px;	
	margin:22px 0px 25px 15px;
	padding:10px;
	background-image:url(../images/body-background.jpg);	
}
div#body div.sub-body div.gallery div.buttons {
	margin-bottom:10px;
	overflow:auto;
}
div#body div.sub-body div.gallery div.buttons img {
	float:left;
}
div#body div.sub-body div.gallery ul.photos {
	width:318px;
	height:230px;
	overflow:hidden;
}
div#body div.sub-body div.gallery ul.photos li {
	position:relative;
	float:left;
	width:318px;
	height:230px;
	margin-right:10px;
	overflow:hidden;
}
div#body div.sub-body div.gallery ul.photos li a.zoom_in {
	position:absolute; z-index:100;
	bottom:4px; right:4px;
	display:block;
	width:41px; height:38px;
	background-image:url(../images/zoom_in.png);
	background-repeat:no-repeat;
}
div#body div.sub-body div.gallery ul.thumbnails {
	width:318px;	
	margin-top:4px;
	overflow:auto;
}
div#body div.sub-body div.gallery ul.thumbnails li {
	position:relative; z-index:3;
	float:left;
	width:102px;
	height:80px;
	margin-top:6px;
	margin-right:6px;
	overflow:hidden;
}
div#body div.sub-body div.gallery ul.thumbnails li.last {
	margin-right:0px;
}
div#body div.sub-body div.gallery ul.thumbnails li.active span {
	position:absolute; z-index:4;
	top:0;left:0;
	width:94px;
	height:72px;
	border:solid 4px #2da8ec;
}

div#body div.sub-body div.tab {
	clear:both;
	width:520px;	
	margin-top:30px;
	padding-bottom:10px;
	background-image:url(../images/tab-border.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
div#body div.sub-body div.tab ul.tab-head {
	list-style:none;
	margin:0;
	height:35px;
	background-image:url(../images/tab-head-background.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
div#body div.sub-body div.tab ul.tab-head li {
	float:left;
	height:34px;
	border-bottom:solid 1px #c1c3ae;
}
div#body div.sub-body div.tab ul.tab-head li a {
	display:block;
	padding:9px 0px;
	font-size:18px;
	font-weight:bold;
	color:#504f3b;
	text-decoration:none;
	border-right:solid 1px #c1c3ae;
	text-align:center;
}
div#body div.sub-body div.tab ul.tab-head li a:hover {
	color:#4a7a89;
}
div#body div.sub-body div.tab ul.tab-head li a.tab1 {
	width:168px;
}
div#body div.sub-body div.tab ul.tab-head li a.tab2 {
	width:125px;
}
div#body div.sub-body div.tab ul.tab-head li a.tab3 {
	width:224px;
	border-right:none;
}
div#body div.sub-body div.tab ul.tab-head li.active {
	border-bottom:none;
}
div#body div.sub-body div.tab div.tab-content {
	padding:15px;
	background-color:#f2f4df;
	border-right:solid 1px #c1c3ae;
	border-left:solid 1px #c1c3ae;
}
div#body div.sub-body div.tab div.tab-content div {
	display:none;
}
/*----------------------End Sub Pages-----------------------*/

div#footer {
	margin-top:20px;
	border-top:solid 6px #FFF;
	background-image:url(../images/footer-background.jpg);
	background-repeat:repeat-x;
	background-color:#0c1c3d;
	overflow:auto;
}
div#footer ul.footer-menu {
}
div#footer ul.footer-menu li {
	float:left;
	padding:30px 20px;
	border-right:solid 1px #245ac2;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
}
div#footer ul.footer-menu li.last {
	border-right:none;
}
div#footer ul.footer-menu li span {
	font-weight:normal;
}
div#footer ul.footer-menu li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
div#footer ul.footer-menu li a:hover {
	text-decoration:underline;
}
div#footer ul.footer-menu li h2 {
	font-size:16px;
}
div#footer ul.footer-menu li ul {
	margin-top:5px;
}
div#footer ul.footer-menu li ul li {
	float:none;
	padding:0;	
	border-right:none;
}
div#footer ul.footer-menu li ul li a {
	font-weight:normal;
	color:#9edeff;
}

div#copyright {
	padding:20px 0px;
	text-align:center;
	background-color:#e0e0e0;
	font-size:11px;
}
/*----------Constant Classes-------------*/
div#body div.sub-body div.content ul, div.fancy-content ul {
	list-style:outside disc;
	margin-bottom:15px;
	margin-left:25px;
}
div#body div.sub-body div.content p, div.fancy-content p {
	margin-bottom:15px;
}
div#body div.sub-body div.content a, div.fancy-content a {
	color:#1d718d;
	text-decoration:none;
}
div#body div.sub-body div.content a:hover, div.fancy-content a:hover {
	text-decoration:underline;
}
div#body div.sub-body div.content ul.lists {
	margin:0;
	margin-left:15px;
}
div#body div.sub-body div.content h1, div.fancy-content h1 {
	font-size:22px;
	margin-bottom:15px;
}
div.fancy-content h1.title {
	font-size:22px;
	padding-bottom:10px;
	border-bottom:solid 1px #000;
	text-align:center;
}
div#body div.sub-body div.content h2, div.fancy-content h2 {
	font-size:18px;
	margin-bottom:15px;
}

/*----------End Constant Classes-------------*/

div.fancy-content {
	padding:10px;
	line-height:18px;
}

div.clear {
	clear:both;
	height:1px
}