/*
Theme Name: WHIC Purple
Theme URI: http://wordpress.org/
Description:
Author: Madison Marshall
*/

*{
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, sans-serif;
	color:#575757;
	font-size:12px;
	background-color:#E2E2E2;
}

/* ----- Page Container ----- */
#container {
	width:890px;
	margin:0 auto;
	background-image:url(images/layout/background-main.gif);
}

/* ----- Navigation ----- */
.page-header-nav {
	height:81px;
	width:890px;
	margin:0 auto;
}

.page-header-nav ul {
	list-style-type: none;
}

.page-header-nav li {
	display:inline;
}

.page-header-nav li a {
	float:left;
	height:81px;
	background-repeat:no-repeat;
	background-position: center top;
	text-indent: -2000px;
}

.page-header-nav li a#nav-whoweare {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-whoweare.png);
	width:176px;
}
.page-header-nav li a#nav-services {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-services.png);
	width:110px;
}
.page-header-nav li a#nav-resources {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-resources.png);
	width:131px;
}
.page-header-nav li a#nav-supporters {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-supporters.png);
	width:141px;
}
.page-header-nav li a#nav-links {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-links.png);
	width:74px;
}
.page-header-nav li a#nav-contact {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-contact.png);
	width:106px;
}
.page-header-nav li a#nav-home {
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/nav-home.png);
	width:112px;
}

.page-header-nav li a:hover, #page-header-nav li a.current {
	background-position:center -81px;
}

/* ----- Home Page ----- */
#home-container {
	width:850px;
	margin:0 auto;
}

#home-topdiv {
	height:367px;
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-home-topdiv.png);
}

#home-topdiv-left, #reg-topdiv-left {
	float:left;
	width:500px;
	height:213px;
	margin:0 0 0 18px;
}

#home-topdiv-right {
	float:left;
	width:283px;
	height:335px;
	margin:0 0 0 31px;
}

#home-bottomdiv {
	height:283px;
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-home-bottomdiv.png);
}

#home-bottomdiv-left {
	float:left;
	width:266px;
	height:268px;
	margin:0 0 0 18px;
}

p.home-bottomdiv-left {
	padding:10px;
}

#home-bottomdiv-right {
	float:left;
	width:514px;
	height:268px;
	margin:0 0 0 34px;
}

#home-bottomdiv-right-tl {
	float:left;
	width:308px;
	height:110px;
	margin:0 0 32px 0;
}

#home-bottomdiv-right-tr {
	float:left;
	width:175px;
	height:110px;
	margin:0 0 32px 31px;
}

#home-bottomdiv-right-bl {
	float:left;
	width:187px;
	height:126px;
	margin:0 0 0 0;
}

#home-bottomdiv-right-br {
	float:left;
	width:294px;
	height:126px;
	margin:0 0 0 33px;
}

/* ----- Regular Pages ----- */
#reg-topdiv {
	height:367px;
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-topdiv.png);
}

#reg-topdiv-rightt {
	float:left;
	width:283px;
	height:176px;
	margin:0 0 0 31px;
}

#reg-topdiv-rightb {
	float:left;
	width:283px;
	height:128px;
	margin:31px 0 0 31px;
}

#reg-bottomdiv {
	background:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-content.png) no-repeat;
}

#reg-bottomdivbg {
	background:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-contentbg.png);
}

#reg-bottomdivcontent {
	padding:7px 25px 7px 25px;
}

#reg-bottomdivfooter {
	height:33px;
	background-image:url(http://womenshealthinfo.co.nz/wp-content/themes/default/images/layout/bg-footer.png);
}

p.content-main {
	margin:0 0 10px 0;
}

p.content-header {
	margin:10px;
	text-align:center;
}

/* ----- Contact Form ----- */
form {
}

input.f {
	width:300px;
}

 textarea.f {
	width:300px;
	height:200px;
}

input, textarea {
	border:1px solid #AC40BE;
	background:#FFF;
	padding:5px;
	margin:0 0 10px 0;
}

/* ----- Footer Page ----- */
#footer {
	height:45px;
}

p.footer {
	text-align:center;
	color:#AC40BE;
	font-size:10px;
	text-transform:uppercase;
}

a.footer {
	color:#AC40BE;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
}

a.footer:hover {
	color:#AC40BE;
	text-decoration:underline;
}

/* ----- Links ----- */
a {
	color:#AC40BE;
	text-decoration:none;
}

a:hover {
	color:#AC40BE;
	text-decoration:underline;
}

/* ----- Headers ----- */

h2 {
	color:#AC40BE;
	font-size:20px;
	text-transform:uppercase;
	padding:0 0 10px 0;
}

/* ----- Other ----- */
img {
	border:0;
}

img.staff {
	border:1px solid #AC40BE;
	background:#FFFFFF;
	padding:3px;
	margin:3px 10px 0 0;
}

img.map {
	border:1px solid #AC40BE;
	background:#FFFFFF;
	padding:3px;
	margin:3px 0 0 10px;
}

/* ----- Hearts ----- */
.heart1-1 { float:left;height:55px; width:100px; background-image:url(images/layout/line1-1.png); }
.heart1-1:hover { background-position:center -55px; }
.heart1-2 { float:left;height:55px; width:100px; background-image:url(images/layout/line1-2.png); }
.heart1-2:hover { background-position:center -55px; }
.heart1-3 { float:left;height:55px; width:100px; background-image:url(images/layout/line1-3.png); }
.heart1-3:hover { background-position:center -55px; }
.heart1-4 { float:left;height:55px; width:100px; background-image:url(images/layout/line1-4.png); }
.heart1-4:hover { background-position:center -55px; }
.heart1-5 { float:left;height:55px; width:100px; background-image:url(images/layout/line1-5.png); }
.heart1-5:hover { background-position:center -55px; }

.heart2-1 { float:left;height:55px; width:100px; background-image:url(images/layout/line2-1.png); }
.heart2-1:hover { background-position:center -55px; }
.heart2-2 { float:left;height:55px; width:100px; background-image:url(images/layout/line2-2.png); }
.heart2-2:hover { background-position:center -55px; }
.heart2-3 { float:left;height:55px; width:100px; background-image:url(images/layout/line2-3.png); }
.heart2-3:hover { background-position:center -55px; }
.heart2-4 { float:left;height:55px; width:100px; background-image:url(images/layout/line2-4.png); }
.heart2-4:hover { background-position:center -55px; }
.heart2-5 { float:left;height:55px; width:100px; background-image:url(images/layout/line2-5.png); }
.heart2-5:hover { background-position:center -55px; }

.heart3-1 { float:left;height:55px; width:100px; background-image:url(images/layout/line3-1.png); }
.heart3-1:hover { background-position:center -55px; }
.heart3-2 { float:left;height:55px; width:100px; background-image:url(images/layout/line3-2.png); }
.heart3-2:hover { background-position:center -55px; }
.heart3-3 { float:left;height:55px; width:100px; background-image:url(images/layout/line3-3.png); }
.heart3-3:hover { background-position:center -55px; }
.heart3-4 { float:left;height:55px; width:100px; background-image:url(images/layout/line3-4.png); }
.heart3-4:hover { background-position:center -55px; }
.heart3-5 { float:left;height:55px; width:100px; background-image:url(images/layout/line3-5.png); }
.heart3-5:hover { background-position:center -55px; }

.heart4-1 { float:left;height:48px; width:100px; background-image:url(images/layout/line4-1.png); }
.heart4-1:hover { background-position:center -48px; }
.heart4-2 { float:left;height:48px; width:100px; background-image:url(images/layout/line4-2.png); }
.heart4-2:hover { background-position:center -48px; }
.heart4-3 { float:left;height:48px; width:100px; background-image:url(images/layout/line4-3.png); }
.heart4-3:hover { background-position:center -48px; }
.heart4-4 { float:left;height:48px; width:100px; background-image:url(images/layout/line4-4.png); }
.heart4-4:hover { background-position:center -48px; }
.heart4-5 { float:left;height:48px; width:100px; background-image:url(images/layout/line4-5.png); }
.heart4-5:hover { background-position:center -48px; }

div#fadeshow1 {
	margin:6px;
}

div#fadeshow1 img {
	border:1px solid #000;
}
