/*
Theme Name: Start up now
Description: Designed by David Alexandra, especially for <a href="http://startupnow.org.uk" target="_blank">startupnow.org.uk</a>.<br />Powered by <a href="http://frameworks.co.uk" target="_blank">Frameworks</a>.
Author: Sue Zhou
Author URI: http://frameworks.co.uk/
*/

* { padding:0; margin:0; }

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4d;
	background:#ebebec; 
}
#container {
	background:#ffffff;
	padding:0 20px;
	margin:0 auto;
	width:890px;
	overflow:auto;
}
#page {
	width:890px;
	border-top:5px solid #339935;
}

/* pre-define */
img { border:0; }
.post img { max-width:480px; }
p { margin-bottom:15px; }

h1 { font-size:38x; color:#ffffff; font-weight:normal; }
h2 { font-size:24px; color:#339935; font-weight:normal; }
h3 { font-size:12px; color:#339935; font-weight:normal; }
h4 { font-size:12px; color:#339935; font-weight:bold; }
h6 { font-size:9px; color:#ffffff; font-weight:normal; }

a { color:#4b4b4d; text-decoration:underline; }
a:hover { text-decoration:none; }
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
:focus { outline: 0 none; } /* for Safari */

ul {
	list-style-image:url(images/bullet_small.gif);
	*list-style-image:url(images/bullet_small4.gif);
}

.white, a.white { color:#ffffff; }
.green, .green a { color:#339935; }

.left10 { padding-left:10px; }
.left20 { padding-left:20px; }

/* layout */

#main { float:left; width:670px; _display:inline; }

#left {
	float:left;
	width:180px;
	margin:0 20px;
	_margin-right:0;
	display:inline;
}
#content { float:left; width:490px; _display:inline; }
#right {
	float:left;
	width:160px;
	margin-left:20px;
	display:inline;
}

#footer {
	clear:both;
	float:left;
	background:url(images/bg_footer.gif) no-repeat;
	width:890px;
	height:75px;
	padding-top:8px;
	padding-bottom:50px;
	margin-top:20px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
}
#footer a { color:#ffffff; }

/* styles */
#main ul { margin-left:20px; margin-bottom:10px; }

.banner {
	float:left;
	padding-bottom:20px;
}
.nobanner {
	float:left;
	width:670px;
	height:35px;
}
.quote {
	float:left;
	margin-top:25px;
}
a.top {
	float:left;
	clear:both;
	background:url(images/arrow_up.gif) center left no-repeat;
	padding-left:13px;
	margin-top:30px;
	margin-bottom:10px;
	color:#339935;
	font-size:10px;
	text-decoration:none;
}
a.top:hover { text-decoration:underline; }

/* header */
#header { float:left; }
#logo {
	float:left;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:45px;
	width:190px;
}
#header #logo { padding-left:30px; padding-bottom:15px; }

ul#topmenu {
	float:left;
	list-style:none;
	list-style-image:none;
	height:25px;
	margin-bottom:45px;
	margin-left:-50px;
}
ul#topmenu li {
	float:left;
	border-right:1px dotted #339935;
}
#topmenu a {
	float:left;
	display:block;
	color:#339935;
	text-decoration:none;
	padding:5px 10px;
	height:15px;
}
#topmenu a:hover, #topmenu li.active a {
	color:#ffffff;
	background:#339935;
}

/* home */
#banner_home {
	background:url(images/banner_home.gif) no-repeat;
	float:left;
	width:890px;
	height:240px;
	color:#ffffff;
	padding-bottom:15px;
}
#banner_home .text {
	float:left;
	width:260px;
	padding-top:15px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:15px;
}
#banner_home img {
	float:left;
	margin-top:15px;
}
#donate_pink {
	position:absolute;
	margin-left:820px;
	margin-top:-50px;
	*margin-left:-50px;
	z-index:3;
}
.box_green, .box_light, .box_dark, .box_grey {
	float:left;
	width:181px;
	height:236px;
	*height:250px;
	margin-left:15px;
	padding:10px;
	color:#ffffff;
	display:inline;
}
.box_green { background:url(images/box_green.gif) no-repeat; *background:url(images/box_green_ie.gif) no-repeat; }
.box_light { background:url(images/box_light.gif) no-repeat; *background:url(images/box_light_ie.gif) no-repeat; }
.box_dark { background:url(images/box_dark.gif) no-repeat; *background:url(images/box_dark_ie.gif) no-repeat; }
.box_grey { background:url(images/box_grey.gif) no-repeat; *background:url(images/box_grey_ie.gif) no-repeat; }


.box_1, .box_2, .box_3 {
	float:left;
	width:250px;
	height:248px;
	margin-left:20px;
	padding:10px;
	color:#ffffff;
	display:inline;
}

.box_1 { background:url(images/box_1.gif) no-repeat; }
.box_2 { background:url(images/box_2.gif) no-repeat; }
.box_3 { background:url(images/box_3.gif) no-repeat; }

/* submenu */
ul.submenu {
	list-style:none;
	*list-style-image:none;
	float:left;
	margin-left:10px;
	display:inline;
	margin-bottom:10px;
	width:170px;
}
ul.submenu li {
	line-height:18px;
	background:url(images/bullet.gif) left 4px no-repeat;
	padding-left:20px;
	*padding-left:0px;
}

.submenu a { color:#339935; text-decoration:none; }
.submenu a:hover { text-decoration:underline; }


/* success stories */
#sotories_list {
	float:left;
	margin-bottom:25px;
}
.story_green {
	float:left;
	width:235px;
	height:85px;
	background:url(images/bg_cs_large.gif) right bottom no-repeat;
	margin-bottom:15px;
}
.story_green img {
	float:left;
	width:80px;
	height:80px;
	padding-right:10px;
	*padding-right:5px;
}
.story_green .text {
	padding-top:15px;
	color:#ffffff;
	font-weight:bold;
}
.story_green a {
	color:#ffffff;
	font-weight:normal;
}


.story_blue {
	width:160px;
	height:70px;
	background:url(images/bg_cs_small.gif) right no-repeat;
	margin-bottom:10px;
}
.story_blue img {
	float:left;
	width:70px;
	height:70px;
	padding-right:8px;
	*padding-right:3px;
}
.story_blue .text {
	padding-top:5px;
	color:#ffffff;
	font-weight:bold;
}
.story_blue a {
	color:#ffffff;
	font-weight:normal;
	font-style:italic;
}

/* our people */
.people { margin-bottom:30px; }
.people img { float:left; padding-right:18px; }

/* our office */
.map_description {
	float:left;
	width:160px;
	height:400px;
	margin-top:30px;
}
/* press & event blog */

.blog .post {
	margin-bottom:20px;
	border-bottom:1px dotted #339935;
}
.blog .entry {
	padding-top:20px;
	padding-bottom:5px;
}

h3 em { font-weight:lighter; }

#succss_right_img {
	float:left;
	padding-top:150px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#succss_right_img {
	padding-top:144px;
}
}

.current_page_item { font-weight:bold; }