/*Theme Name: Web Design People
Theme URI: http://www.webdesignpeople.net
Description: Initial WDP theme
Version: 1.0
Author: Anthony Blears and Adeline Salkeld
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  background: transparent;  border: 0;  font-size: 100%;  margin: 0;  outline: 0;  padding: 0;  vertical-align: baseline;}
ol, ul {  list-style: none;}
blockquote, q {  quotes: none;}
:focus {  outline: 0;}
ins {  text-decoration: none;}
del {  text-decoration: line-through;}
table {  border-collapse: collapse;  border-spacing: 0;}
body {  background: url(images/bg.png) no-repeat scroll center top;  font: 25px/32px Cambria, Georgia, Arial, Tahoma, Verdana, sans-serif;  height: 4991px;  width: 100%;}
a {  color: #15859A;  outline: none;  text-decoration: none;}
a:hover {  text-decoration: none;  color:#136E7E;}
/*unique link styles*/#page1-content a{color:#095968;}
#page1-content a, #page2-content a{text-decoration: none;   border-bottom:1px dotted #0F6272;}
  #page1-content a:hover, #page2-content a:hover{/*text-decoration: none;  border-bottom:1px dotted #0F6272;*/}#page3-content a{color:#789B2E;border-bottom:1px dotted #789B2E;}
#page3-content a:hover{color:#789B2E;}
p {  margin: 0 0 18px;}
img {  border: none;}
input {  vertical-align: middle;}
ul li{  background: url(images/li.png) no-repeat 0 10px;  padding-left: 12px;}
h1{  font-size: 38px;}
.clr {  clear: both;  display: block;  font-size: 0px;  line-height: 0px;}
#wrapper {  margin: 0 auto;  width: 1000px;}
#page1 {  color: #095968;  margin-left: 326px;}
.menu{  text-align: right;  padding-right: 20px;}
#home{  padding-top: 35px;}
#page1 .menu{  height: 272px;  height: 237px;}
#page1-content{  height: 1031px;  width: 395px;}
#page2{  color: #328d9d;  font-size: 16px;  line-height: 26px;  margin-left: 326px;}
#page2 .menu{  height: 156px;  padding-top: 35px;}
#page2-content{  height: 1152px;  width: 540px;}
#page2 h2{  margin-bottom: 30px;  margin-top: 60px;font-size:30px;}
#page2 ul{margin-bottom:15px;}
#page3{background: transparent !important;}
#page3 .menu{  height: 197px;  padding-top: 15px;}
#page3 .page3-content{  color: #789b2e;  font-size: 16px;  line-height: 26px;  width: 470px;  margin-left: 60px;  height: 693px;  background: transparent !important;}
#page3 h1{  color: #77992e;  font-size: 26px;  line-height: 32px;  margin-bottom: 20px;  margin-top: 20px;}
#page3 .page3-content p{  margin-top: 20px;}
#page4{  height: 700px;}
#page4 .menu{  height: 155px;  padding-top: 15px;}
#page4-content{  color: #50700e;  font-size: 16px;  height: 148px;  padding-left: 326px;  width: 550px;}
#page4-form{  margin-left: 340px;}
#page4 #name input, #page4 #email input, #page4 #message textarea{  background: #c6ea7a;  border: none;  color: #7a9f2a;  font-size: 20px;  font-weight: normal !important;  font-family: Cambria, Georgia, Arial, Tahoma, Verdana, sans-serif !important;  height: 32px;  line-height: 26px;  width: 75%;}
#page4 #message textarea{  height: 240px;  overflow: hidden;}
#page4 #email{  margin-top: 45px;}
#page4 #message{  margin-top: 55px;}
#error{  color: red;  float: left;  font-size: 21px;  margin-top: 85px;  width: 440px;}
#send{  float: left;  height: 51px;  margin-top: 85px;  width: 102px;}
.contactright{  color: #f00;}
.contactright span{float:right;font-size:0.8em;}
#menu{  height: 51px;  left: 46%;  overflow: hidden;  position: fixed;  top: 35px;  width: 940px;  z-index: 500;}
#menu li{  background: transparent;  float: left;  height: 51px;  list-style: none;  margin: 0 10px 0 0;  padding-left: 0;}
#menu li a, #menu li a span, #menu li a span strong {  background: transparent;  display: block;  float: left;  height: 51px;}
#menu li a{  background: transparent url(images/menu.png) no-repeat left -102px;  color: #67c7d9;  cursor: pointer;  font-size: 22px;  font-weight: bold;  padding-left: 18px;  text-decoration: none;}
#menu li a span {  background: transparent url(images/menu.png) no-repeat right -153px;  cursor: pointer;  padding-right: 18px;}
#menu li a span strong{  background: #1497ae;  height: 42px;  padding-top: 9px;}
#menu li a.page1{  background-position: left -102px;}
#menu li a.page1 span{  background-position: right -153px;}
#menu li a.page1 span strong{  background: #1497ae;  color: #67c7d9;}
#menu li a.activepage1, #menu li a:hover{  background-position: left 0;}
#menu li a.activepage1 span, #menu li a:hover span{  background-position: right -51px;}
#menu li a.activepage1 span strong, #menu li a:hover span strong{  background: #3eb9cf;  color: #0a6a7c;}
#menu li a.page2{  background-position: left -204px;}
#menu li a.page2 span{  background-position: right -255px;}
#menu li a.page2 span strong{  background: #88d3e1;  color: #daf4f8;}
#menu li a.activepage2, #menu li a.page2:hover{  background-position: left -306px;}
#menu li a.activepage2 span, #menu li a.page2:hover span{  background-position: right -357px;}
#menu li a.activepage2 span strong, #menu li a.page2:hover span strong{  background: #ccf0f6;  color: #88d3e1;}
#menu li a.page3{  background-position: left -408px;}
#menu li a.page3 span{  background-position: right -459px;}
#menu li a.page3 span strong{  background: #b2d26e;  color: #edfbcf;}
#menu li a.activepage3, #menu li a.page3:hover{  background-position: left -510px;}
#menu li a.activepage3 span, #menu li a.page3:hover span{  background-position: right -561px;}
#menu li a.activepage3 span strong, #menu li a.page3:hover span strong{  background: #d7efa3;  color: #89a74a;}
#menu li a.page4{  background-position: left -612px;}
#menu li a.page4 span{  background-position: right -663px;}
#menu li a.page4 span strong{  background: #8bb631;  color: #d7efa3;}
#menu li a.activepage4, #menu li a.page4:hover{  background-position: left -714px;}
#menu li a.activepage4 span, #menu li a.page4:hover span{  background-position: right -765px;}
#menu li a.activepage4 span strong, #menu li a.page4:hover span strong{  background: #b5d965;  color: #7da725;}
#carusel{  height: 1114px;  height: 401px;  overflow: hidden;}
#page3 #carusel-center{  margin: 0 auto;  overflow: hidden;  width: 100%;}
#carusel-center li{  background: none;  padding-left: 0px;}
.jcarousel-container {  position: relative;}
.jcarousel-clip {  overflow: hidden;  position: relative;  z-index: 2;}
.jcarousel-list {  left: 0;  overflow: hidden;  position: relative;  top: 0;  z-index: 1;}
.jcarousel-list li, .jcarousel-item {  float: left;  height: 960px;  list-style: none;  width: 878px;}
.jcarousel-next {  display: block;  z-index: 3;}
.jcarousel-prev {  display: block;  z-index: 3;}
.jcarousel-clip-horizontal {  margin: 0 auto;  width: 878px;}
.jcarousel-next-horizontal {  background: transparent url(images/carusel-right.png) no-repeat 0 0;  cursor: pointer;  height: 61px;  position: absolute;  right: 0px;  top: 160px;  width: 22px;}
.jcarousel-prev-horizontal {  background: transparent url(images/carusel-left.png) no-repeat 0 0;  cursor: pointer;  height: 61px;  left: 0px;  position: absolute;  top: 160px;  width: 22px;}
/*<div id="kiwi" class="png_bg"><!-- --></div>*/
#kiwi{  background: transparent url(images/kiwi.png) no-repeat 0 0;  width: 238px;  height: 203px;  margin-top: 105px;  margin-left: 3%;}
.hide{text-indent:-7000px;}
#page1-content h1.hide{position:absolute;}
/*pop up alerter*/#popup_container {	font-family: Arial, sans-serif;	font-size: 12px;	min-width: 300px; /* Dialog will be no smaller than this */	max-width: 600px; /* Dialog will wrap after this width */	background: #FFF;	border: solid 5px #999;	color: #000;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
#popup_title {	font-size: 14px;	font-weight: bold;	text-align: center;	line-height: 1.75em;	color: #666;	background: #CCC url(images/title.gif) top repeat-x;	border: solid 1px #FFF;	border-bottom: solid 1px #999;	cursor: default;	padding: 0em;	margin: 0em;}
#popup_content {	background: 16px 16px no-repeat url(images/info.gif);	padding: 1em 1.75em;	margin: 0em;}
#popup_content.alert {	background-image: url(images/info.gif);}
#popup_content.confirm {	background-image: url(images/important.gif);}
#popup_content.prompt {	background-image: url(images/help.gif);}
#popup_message {	padding-left: 48px;}
#popup_panel {	text-align: center;	margin: 1em 0em 0em 1em;}
#popup_prompt {	margin: .5em 0em;}