* { margin: 0px; padding: 0px; }

body {
	font-family: verdana,sans-serif;
	font-size: 11px;
	background-image: url('../images/newSite/background.jpg');
}


a {}
a img { border: none; }
p { margin: 7px 0px; line-height: 16px; padding: 0 0 0 8px; }

h1 { font-size: 16px; margin: 5px 0px 15px; 0px }
.bold { font-weight: bold; }
.smallText { font-size: 10px; }
.clear { width: 100%; height: 1px; line-height: 1px; clear: both; }
.redText { color: #A31350; }
.greyText { color: #515151; }
.nogrey { background-color: transparent !important; }
.noMargin { margin: 0px !important; }

div#page {
	width: 1000px;
	margin: 0px auto;
}

div#topBar {
	background-image: url('../images/newSite/topBarBack.jpg');
	background-repeat: repeat-x;
	height: 118px;
	width: 950px;
	margin: 0px 25px;
}

div#zwdLogo {
	width: 202px;
	height: 94px;
	margin-top: 12px;
	margin-left: 33px;
	float: left;
}

div#zwdStrapLine {
	width: 560px;
	height: 57px;
	float: left;
	margin: 26px 14px 0px;
}

div#zwdStrapLine h2 { color: #FFF; width: 540px; }

div#staticNavigation {
	float: left;
	height: 34px;
	width: 705px;
	margin-left: 10px;
}

ul#staticNav {
	margin: 8px 0px;
}
ul#staticNav li {
	float: left;
	color: #3F3F3F;
	margin: 0px 2px;
	list-style-type: none;
}

ul#staticNav li a {
	color: #FFF;
	text-decoration: none;
}

ul#staticNav li a.current , ul#staticNav li a:hover { text-decoration: underline; }

div#midBar {
	width: 950px;
	height: 253px;
	margin: 0px 25px;
}

div#mainNavigation {
	float: left;
	width: 287px;
	height: 253px;
	background-color: #FFF;
}

ul#mainNav {}
ul#mainNav li {
	width: 247px;
	margin: 0px 20px;
	height: 18px;
	border-bottom: 1px dotted #608C05;
	list-style-type: none;
	text-align: center;
	padding: 3px 0px;
}

ul#mainNav li a {
	color: #000;
	text-decoration: none;
	list-style-type: none;
}

ul#mainNav li a.current , ul#mainNav li a:hover { text-decoration: underline; }
ul#mainNav li:last-child { border: none; }

div#sectionImage {
	float: left;
	width: 377px;
	height: 253px;
}

div#utilitiesBox {
	float: left;
	width: 286px;
	height: 253px;
	background-image: url('../images/newSite/login-img.jpg');
	background-repeat: no-repeat;
}

div#utilitiesBox input { background-color: #FFF; border: 1px solid #000; }
div#utilitiesBox input.button { background-color: #A41652; border: 1px solid #A41652; color: #FFF; font-size: 10px; }

div#siteSearch {
	width: 260px;
	margin: 5px 13px;
}

div#loginBox {
	width: 260px;
	margin: 10px 13px 0px;
	border-top: 1px solid #000;
}

div#zwdHeadline {
	width: 850px;
	min-height: 50px;
      _height: 50px;
	margin: 10px 75px;
      color: #676665;
      font-size: 36px;
      font-family: "Century gothic", verdana, sans-serif;
      text-align: center;
}

div#mainBox {
	width: 950px;
	height: 420px;
	background-color: #B0B0B0;
	margin: 10px 25px;
}

div#mainBox1 {
	width: 950px;
	min-height: 390px;
	_height: 390px;
	margin: 10px 25px;
}

div#scrollHolder {
	width: 940px;
	height: 161px;
	margin: 0px 5px;
	padding-top: 5px;
	position: relative;
	overflow: hidden;
}

div#mainContent {
      background-color: white;
	width: 930px;
      height: 234px;
      margin: 5px 0px 0px 5px;
	padding: 5px;
}

div#mainContent1 {
      background-color: white;
      width: 920px;
      min-height: 204px;
      _height: 204px;
      margin: 5px 0px 190px 5px;
      padding: 10px;
	border: 3px double #9EE117;
}

div#mainContent1 a { color: #a31551; }
div#mainContent1 ul , div#mainContent1 ol {
	list-style-position: inside;
      list-style-type: none;
      padding: 0 0 0 50px;
}

div#lowContainer {
	margin-top: 10px;
	width: 950px;
	height: 241px;
	background-color: #8BAB46;
	margin: 10px 25px 100px;
}

div#blogBox , div#portfolioBox {
	float: left;
	margin: 5px;
	height: 231px;
	background-color: #FFF;
}

div#blogBox {
	width: 459px;
}

div#portfolioBox {
	width: 476px;
	margin-left: 0px;
}

div#portfolioBox div.portfolioItem {
	width: 148px;
	height: 191px;
	margin: 2px 5px;
	float: left;
}

div#backgroundImage {
	height: 139px;
	width: 1000px;
	position: fixed;
	bottom: 80px;
	margin: 0px auto;
	background-image: url('../images/newSite/footer-grass.gif');
	background-position: center bottom;
	backgroud-repeat: no-repeat;
}

div#imageFooter {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 20px;
}

div#imageBackground {
	width: 100%;
	height: 170px;
	position: fixed;
	bottom: 20px;
	background-image: url('../images/grass-bottom.png');
	background-position: center bottom;
}

div#imageContainer {
	width: 1000px;
	height: 60px;
	margin: 0px auto;
	background-color: #FFF;
	background-image: url('../images/newSite/subFoot.jpg');
	background-position: center;
}

div#footer {
	height: 20px;
	width: 100%;
	bottom: 0px;
	position: fixed;
	background-color: #3F3F3F;
	font-size: 10px;
}

div#footContainer {
	height: 20px;
	width: 980px;
	padding: 0px 10px;
	margin: 0px auto;
	background-color: #3F3F3F;
}

div#footNavigation { width: 435px; float: left; padding: 3px 0px; }

ul#footNav {}
ul#footNav li { color: #9EE117; float: left; margin: 0px 3px; list-style-type: none; }
ul#footNav li a { color: #9EE117; text-decoration: none; }
ul#footNav li a.current , ul#footNav li a:hover { text-decoration: underline; }

div#contactDetails { color: #FFF; width: 405px; float: left; padding: 3px 10px; text-align: right; }
div#contactDetails .pink { color: #F963A3; }

div#partnerLogos {
	width: 120px;
	height: 20px;
	float: left;
	text-align: right;
}

.pink { color: #a31551; }

.simply-scroll-container { 
	position: relative;
}

.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll { 
	width: 950px;
	height: 161px;
}

.simply-scroll .simply-scroll-clip {
	width: 950px;
	height: 161px;
}
	
.simply-scroll .simply-scroll-list li {
	width: 230px;
	height: 161px;
	margin: 0px 3px 0px 4px;
	float: left;
}

ul#productScroller li div.image {
	width: 230px;
	height: 141px;
	font-size: 10px;
	background-color: #FFF;
}

ul#productScroller li div.text {
	background-color: #A31551;
	width: 210px;
	height: 14px;
	font-size: 10px;
	padding: 3px 10px;
	text-align: center;
}

ul#productScroller li div.text a {
	color: #FFF;
	text-decoration: none;
}

div.blogPostList {
	border-bottom: 1px dotted #A31551;
	margin: 0px auto 5px;
	width: 93%;
	padding: 5px 0px;
}

div.blogPostTitle span.bold {
	font-weight: bold;
	color: #A13551;
}

.blogPostTitle a {
	text-decoration: none;
	color: #000;
}

.blogPostTitle a:hover { text-decoration: underline; }

h1.century {
	font-family: "Century gothic", verdana, sans-serif;
	margin: 5px auto;
	width: 94%;
	color: #676665;
}

div.quater { width: 23%; margin: 0px 1%; float: left; }
div.half { width: 47%; margin: 0px 1%; float: left; }

div#blogPostDetails , div#blogBody , div#blogOptions , div#blogDescription {
	width: 94%;
	margin: 5px auto;
}

div#blogPostDetails { color: #A31551; }

div#blogOptions a { color: #000; text-decoration: none; }
div#blogOptions a:hover { text-decoration: underline; }

.blogList {
	width: 96%;
	margin: 5px auto;
}

div.blogTitle h1.century a ,#portfolioBox h1.century a { color: #676665; text-decoration: none; }
div.blogTitle h1.century a:hover ,#portfolioBox h1.century a:hover { text-decoration: underline; }
div.blogTitle h1.century { margin: 0px !important; }


.full { width: 98%; margin: 0px auto 5px; min-height: 25px; _height: 25px; float: left; }
.full .tb { width: 23%; margin: 0px 1%; float: left; min-height: 20px; _height: 20px; }
.full .otb { width: 73%; margin: 0px 1% 0px 0px; float: left; min-height: 20px; _height: 20px; }
div#mainContent1 ul li , div#mainContent1 ol li {
	margin: 0px 0px 8px;
}

.portfolioSplit {
	width: 900px;
	min-height: 192px;
	_height: 192px;
	margin: 5px auto;
}

.portfolioItem {
	width: 150px;
	min-height: 192px;
	_height: 192px;
	float: left;
}