body { margin:0; font-size:small; color:#333333; font-family:Geneva, Arial, Helvetica, sans-serif; background-color: #E6E8EA; height:100%;}
img {border:0;}

h5 {font-family:Arial, Helvetica, sans-serif; font-size:small; margin:0px;  padding-bottom:5px;color:#fff;  border-bottom: solid 1px #fff; }
p {margin:0px;}

/* Head */
#head {
	position:relative;
	width:100%;
	height:140px;
	background-image:url(../images/webdesign-header-bg.gif);
	
}
#head-in {
	position:relative;
	width:990px;
	height:140px;
	margin:auto;
	background-image: url(../images/webdesign-header.gif);
}
#head-in2 {
	position:relative;
	width:100%;
	height:140px;
	margin:auto; text-align:center;
	background-image: url(../images/webdesign-header-bg.gif);
}
#head-in3 {
	position:relative;
	width:990px;
	height:140px;
	margin:auto; text-align:center;
	background-image: url(../images/webdesign-header.gif);
}
#logo {position:relative; float:left; width:379px; text-align:right; height:120px;}

/*Main Nav */
a, input {outline-color: invert; outline-style: none; outline-width: medium; }
a:active{ outline: none;}
#main-nav {position:relative; float:right; width:750px;  height:40px; z-index:1; text-align:center; top:-13px; left:-110px; }
#main-nav img {border:0;}
#main-nav ul.topnav { width: 750px;}
#main-nav ul.topnav li {list-style: none; text-indent: -9999px; float: left;  width: auto; }
#main-nav ul.topnav li a{height: 40px; display: block; border:0;}
body #main-nav ul.topnav li a:hover {background-position: 0 -40px;}
#home li.home a{background-position: bottom;}
#main-nav ul.topnav li.home a{width: 76px; background: url(../images/silver-nav-bar_02.jpg) no-repeat;}
#main-nav ul.topnav li.home{width: 76px; background: url(../images/silver-nav-bar_02.jpg) no-repeat; background-position: 0 -82px;  height:40px;}
#main-nav ul.topnav li.web a{width: 70px; background: url(../images/silver-nav-bar_03.jpg) no-repeat; }
#main-nav ul.topnav li.web{width: 70px; background: url(../images/silver-nav-bar_03.jpg) no-repeat; background-position: 0  -82px;  height:40px;}
#main-nav ul.topnav li.graphic a{width: 84px; background: url(../images/silver-nav-bar_04.jpg) no-repeat;}
#main-nav ul.topnav li.graphic {width: 84px; background: url(../images/silver-nav-bar_04.jpg) no-repeat;  background-position: 0 -82px;  height:40px;}
#main-nav ul.topnav li.printservices a{	width: 64px; background: url(../images/silver-nav-bar_05.jpg) no-repeat;}
#main-nav ul.topnav li.printservices{width: 64px; background: url(../images/silver-nav-bar_05.jpg) no-repeat; background-position: 0 -82px;  height:40px;}
#main-nav ul.topnav li.seo a{width: 58px; background: url(../images/silver-nav-bar_06.jpg) no-repeat;}
#main-nav ul.topnav li.seo {width: 58px; background: url(../images/silver-nav-bar_06.jpg) no-repeat; background-position: 0 -82px;  height:40px;}
#main-nav ul.topnav li.training a{width: 83px; background: url(../images/silver-nav-bar_07.jpg) no-repeat;}
#main-nav ul.topnav li.training{width: 83px; background: url(../images/silver-nav-bar_07.jpg) no-repeat; background-position: 0 -82px;  height:40px;}
#main-nav ul.topnav li.shop a{width: 61px; background: url(../images/silver-nav-bar_08.jpg) no-repeat;}
#main-nav ul.topnav li.shop{width: 61px; background: url(../images/silver-nav-bar_08.jpg) no-repeat; background-position: 0 -80px;  height:40px;}
#main-nav ul.topnav li.contact a{width: 94px; background: url(../images/silver-nav-bar_09.jpg) no-repeat;}
#main-nav ul.topnav li.contact{width: 94px; background: url(../images/silver-nav-bar_09.jpg) no-repeat; background-position: 0 -82px;  height:40px;}

/* Bar Area */
#whoarewe {position:relative; float:left; width:330px; text-align:right; padding-top:30px; height:30px;}
#bar {
	position:relative;
	width:100%; 
	height:40px;
	background-image: url(../images/webdesign-silver-nav-bg.png);
	background-color: #132835;
}
#bar-in {
	position:relative;
	width:990px; background-image:url(../images/webdesign-silver-nav.png);
	margin:auto;
	height:40px;
}
#search {position:relative; width:950px; border-bottom: solid 1px; border-bottom-color:#666666; height:80px; z-index:1; margin-top:0; margin-left:auto; margin-right:auto;}
#tel {position:relative; float:left; width:140px; padding-top:10px; padding-left:80px; 	padding-right:30px; text-align:left; height:40px; z-index:1;}
#searchbox {position:relative; float:right; padding-top:15px; background-image:url(../images/webdesign-search.png); background-repeat:no-repeat; text-align:left; background-position:center; background-position:left; padding-left:1px; width:215px; height:50px; z-index:1; top:50px; left:-80px;}
input {border-color:#666666; font-size: 11pt;}
input.button { background-color:#FF0000; color:#FFFFFF;}
input.button:hover { background-color:#2090B6; }
.fs-nf {margin:0 !important;  padding:0 !important; border:medium none; position:relative; width:190px; height:40px; padding-right:5px; top:1px; left:-10px; background-image: url(../images/webdesign-search.png);
text-align:left;}
.search-input-nf {border:medium none; width:151px; height:16px; margin:8px 0 0 15px; padding:5px 0 0 5px; font-size:12px; color:#414141;}
.btn-search-top-menu-nf {position:absolute; top:9px; right:12px; width:19px; height:20px; border:medium none;}
#newsearch {
	position:absolute;
	left:9px;
	top:13px;
	width:241px;
	height:82px;
	z-index:11;
}
#whats {position:relative; float:right; padding-top:18px; padding-right:40px; text-align:right; width:236px; height:30px; z-index:1;}
#socialnew {
	position:relative;
	float:left;
	padding-top:0px;
	padding-left:0px;
	text-align:right;
	margin-top:-3px;
	width:310px;
	height:36px;
	z-index:1;
}
/* Who, What How */
#nav {float: left;list-style:none;	width: 315px;}
#nav li {float: left; width: auto;list-style:none;}
#nav li a {float: left; list-style:none; width: 92px; height: 36px; text-indent: -7777px;}
#nav li a.who { background: url(nav.gif) 0 0;}
#nav li a.who.active  { background: url(nav.gif) 0 -72px;}
#nav li a:hover.who { background: url(nav.gif) 0 -72px;}
#nav li a:active.who {	background: url(nav.gif) 0 -108px;}
#nav li a.what { background: url(nav.gif) -92px 0;}
#nav li a.what.active  { background: url(nav.gif) -92px -72px;}	
#nav li a:hover.what { background: url(nav.gif) -92px -72px;}
#nav li a:active.what { background: url(nav.gif) -92px -108px;}
#nav li a.how { background: url(nav.gif) -183px 0; width: 87px;}
#nav li a.how.active { background: url(nav.gif) -183px -72px;}	
#nav li a:hover.how { background: url(nav.gif) -183px -72px;}
#nav li a:active.how {	background: url(nav.gif) -183px -108px;}
#who {width:82px; height:36px; float:left;}
#mydiv {font-size:small; }
#mydiv2 {font-size:small;}
#mydiv3 {font-size:small;}
#mydiv h2 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px; padding-bottom:5px;color:#1F5477; border:0;}
#mydiv2 h2 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px; padding-bottom:5px;color:#1F5477; border:0;}
#mydiv3 h2 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px; padding-bottom:5px;color:#1F5477; border:0;}

/*Banner Area */
#banner {position:relative; width:100%; text-align:center; height:415px; }
#banner2 {position:relative; width:100%; height:225px;
 margin-bottom:0px; background-image:url(../images/webdesign-slide-bg-bg.jpg); background-repeat:repeat-x; margin-top:40px; }
#banner2-in {position:relative; width:980px; margin:auto; height:225px; }
#banner2-in-left {position:relative; width:927px; float:left; height:485px; }

#banner-in {position:absolute; left:0px; top:193px; width:990px; height:400px; z-index:2;}


#whomain {position:relative; width:100%; text-align:center; height:92px;	background-image:url(../images/webdesign-who-bg.gif);
	background-repeat:repeat-x;}
#whomain-in {
	position:relative;
	width:990px;
	height:92px;
	margin:auto;
	background-image: url(../images/webdesign-who.gif);
}
#whotabs {
	position:absolute;
	left:313px;
	top:239px;
	width:386px;
	height:109px;
	z-index:51;
}
#pagetop {
	position:relative;
	width:100%;
	text-align:center;
	height:354px;
	background-image:url(../images/webdesign-page-top-bg.gif);
	background-repeat:repeat-x;
}
#pagetop-in {
	position:relative;
	width:990px;
	height:354px;
	margin:auto;
	background-image: url(../images/webdesign-page-top.gif);


}
#pagetop-in2 {
	position:relative;
	width:990px;
	height:624px;
	margin:auto;
	top:-317px;
	background-image: url(../images/big-page.jpg);


}
#boxes {
	position:relative;
	width:100%;
	height:270px;
	clear:both;
	background-image: url(../images/webdesign-boxes-in-bg.jpg);
	background-repeat:repeat-x;
	margin-top:-30px;
	background-color: #FFFFFF;
}
#boxes-in {
	position:relative;
	width:988px;
	height:250px;
	margin:auto;
	padding-top:15px;
	text-align:center;
	background-image: url(../images/webdesign-boxes-in-bg.jpg); 	background-repeat:repeat-x;
}

/* Right area */
#right {position:relative;	width: 231px;height:100%;float:right;padding-right:10px;margin-left:12px; left:-40px;
	border-left:solid 1px #CCCCCC;}
.sidemenu a {color:#0099FF; text-decoration:none; padding-left:10px;}
.sidemenu a:hover {color:#003366; text-decoration:underline;}
.sidemenu {	position:relative;	width: 201px;height:100%;padding-left:14px;	padding-right:20px;	padding-bottom:0px; padding-top:3px;	border-bottom:solid 1px #CCCCCC;}
.sidemenu h2 {font-family:Arial, Helvetica, sans-serif; font-size:large; margin:0px; padding-bottom:5px;color:#191D29; border-bottom: solid 1px #cccccc;  }
.sidemenu ul {list-style-image:url("../images/bullet.gif"); list-style-type:square; margin-left:0px; padding-left:22px;}
.sidemenu li {border-bottom:dotted 1px #cccccc; line-height:23px;  }
#shopbox {position:relative;width: 201px;height:100%;padding-left:14px;	padding-right:20px;	padding-bottom:10px;border-bottom:solid 1px #CCCCCC;}
.social-box {position:relative;	width: 220px;height:46px;margin-top:15px;padding-bottom:10px;padding-left:10px;	}

/* Main Area */
.webdesign-box {
	position:relative;
	float:left;
	width:319px;
	height:210px;
	text-align:center;
	padding-top:0px;
}
.webdesign-boxes {position:relative;float:left; padding:8px; width:200px; border: solid 1px #CCCCCC; height:100%; font-size:x-small; line-height:16px;padding-top:15px;  padding-bottom:12px;}
.left-in {position:relative;width:540px;height:100%;padding-left:8px;margin-top:2px;clear:both;	float:left;}
.left-in h1 {font-family:Arial, Helvetica, sans-serif; font-size:large; margin:0px; padding-bottom:5px; color: #191D29; border-bottom:solid 1px #CCCCCC;}
.left-in h2 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px; padding-bottom:5px;color:#0099cc; margin-top:10px; }
.left-in h3 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px;padding-bottom:5px;color:#acc75d;}
.left-in h4 {font-family:Arial, Helvetica, sans-serif; font-size:medium; margin:0px;  padding-bottom:5px;color:#0099cc;  border-bottom: solid 1px #CCCCCC; }
.left-in h5 {font-family:Arial, Helvetica, sans-serif; font-size:small; margin:0px;  padding-bottom:5px;color:#191D29;}
.left-in img {margin:10px;}
.left-in2 {position:relative;width:590px;height:100%;padding-left:8px;margin-top:40px;clear:both;float:left;background-image: url(../images/cms-bg.png); background-repeat:no-repeat;}
.left-in2 img { margin:10px;}
.left-in ul {list-style-image:url("../images/bullet.gif"); list-style-type:square; margin-left:0px; padding-left:22px;}
.left-in li {line-height:23px;  }
.left-in a {color:#0099FF; text-decoration:underline; padding-left:10px;}
.left-in a:hover {color:#003366; text-decoration:underline;}
#main {position:relative;width:100%;height:100%;color:#333333;clear:both;margin-top:-350px;}
#main2 {position:relative;width:100%;height:100%;color:#333333;clear:both; margin-top:-630px;}
#main-in {position:relative;width:900px;height:100%;padding-top:14px;margin:auto;}
#main-in2 {position:relative;width:900px;height:20%;padding-top:4px; margin:auto;}
#left {position:relative;width: 550px;	height:100%;padding:20px;padding-left:30px;	float:left;	min-height:570px;}
.left-image {
	position:relative;
	width:535px;
	height:275px;
	float:none;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
	background-color: #FFFFFF;
	border:solid 1px #cccccc;
}
.left-image img {float:left;}
.left-image-bcard {
	position:relative;
	width:535px;
	height:330px;
	float:none;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
	background-color: #FFFFFF; border:solid 1px #cccccc;
}
.left-image-bcard img {float:left;}
.left-presenter-image {position:relative;width:522px;height:420px;float:none;text-align:center;	margin:0px;	margin-bottom:15px;
padding:0px;clear:both;}
.left-image-presenters {position:relative;	width:510px;height:360px;	float:none;	text-align:left;padding:10px;margin:0px;	clear:both;}
.left-image-presenters img {padding:0; margin:0; border: solid 1px #ccc;}
#next-presenter {position:absolute;	left:366px;	top:4px;width:174px;height:24px;font-size: medium; text-align:right;	font-weight: bold;color: #191D29;	z-index:1;}
#next-presenter {
	position:absolute;
	left:253px;
	top:0px;
	width:283px;
	height:24px;
	font-size: medium;
	font-weight: bold;
	z-index:1;
}
#next-presenter a{color: #191D29;}
#next-presenter a:hover{color:#0099FF;}
#logo-page {background-color:#FFFFFF; width:560px; height:700px; text-align:center; margin-bottom:20px;}
#logo-page img{float:none;}

/* Footer */
.botlinks {position:relative;width:945px;height:100%; padding:20px; text-align:center; font-size:x-small; clear:both; color:#1D2029; border: solid 1px #999999;}
.botlinks a {color:#1D2029;}
.botlinks a:hover {color:#990000;}
.botlinks a:visited {color:#333;}
#social-bot {position:absolute; left:644px; top:0px; width:339px; height:55px; z-index:1; }
#copyright2010 {position:absolute; left:30px; font-family:Arial, Helvetica, sans-serif; color:#666666; top:65px; width:940px; 	font-size:small; height:29px; text-align:right; z-index:1; }
#but {width:100%; height:45px; background-color:#bababc; background-image:url(../images/bottom-click-bg.gif); background-repeat:repeat-x;}
#but-in {width:990px; height:45px; margin:auto;  }
#but-in img{margin-top:-1px;}
#footer {width:100%; height:95px; background-color:#bababc; clear:both;}
#foot-in {position:relative; width:990px; height:95px; margin:auto; text-align:left;}
#foot-social {position:absolute; left:644px; top:0px; width:339px; 	height:44px; z-index:1;}
#validation {position:absolute; left:0px; top:40px; width:208px; height:46px; z-index:2;}
#botnav { width:100%; font-size:small; color:#fff; float:left;  margin-top:30px;
line-height:20px;  	clear:both;  background-image:url(../images/webdesign-footv2.jpg);     }
#botnav a {color:#fff;}
#botnav a:hover {color:#FFFF00;}
#navs {width:990px;  height:220px; margin:auto; padding-top:20px; }
.nav2 {	float: left; width: 120px; height:200px;  padding: 10px 10px 10px 30px; line-height:17px;}
.nav2 a{text-decoration:none;}
.nav2 a:hover{color:#FFFF00; text-decoration:none;}
#botnav2 { width:100%; font-size:small; color:#fff;float:left; line-height:20px; clear:both;  background-image:url(../images/webdesign-footv2.jpg); }
#botnav2 a {color:#fff;}
#botnav2 a:hover {color:#FFFF00;}
.shop-prod-img {
	position:relative;
	width:250px;
	height:250px;
	float:left;
	background-color: #FFFFFF;
	margin:7px;
}
.shop-prod-img img{padding:0px; margin:0px;}