/*
Theme Name: AshWebMail
Theme URI: http://www.ashwebmail.com
Description: Custom WordPress theme for AshWebMail
Version: 1.0
Author: Derek Ashauer, ashwebmedia
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
html { background: #d5d3c5 url(_images/bg.gif) 0 0 repeat;}
body {
    background: transparent url(_images/bg2.jpg) 0 0 repeat-x;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 13px;
    color: #000;
    line-height: 18px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table, #wrapcentre ul {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #387097;
    text-decoration: underline;
}
a:hover, a:active {
    color: #6e9ec0;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#topbar {
	height: 35px;
	overflow: hidden;
}
	a#ashwebmedia {
		width: 183px;
		height: 35px;
		display: block;
		background: transparent url(_images/ashwebmedia.gif) 0 0 no-repeat;
		text-indent: -3000px;
	}
		a#ashwebmedia:hover { background: transparent url(_images/ashwebmedia.gif) 0 -35px no-repeat; }
		
	a#login {
		width: 99px;
		height: 35px;
		display: block;
		background: transparent url(_images/login.gif) 0 0 no-repeat;
		text-indent: -3000px;
	}
		a#login:hover { background: transparent url(_images/login.gif) 0 -35px no-repeat; }
	
	#topbar a { float: right; margin-left: 20px; display: inline; }

#top {
	height: 105px;
	overflow: hidden;
	background: transparent url(_images/top.gif) center top no-repeat;
}
	a#logo {
		width: 231px;
		height: 34px;
		display: block;
		background: transparent url(_images/logo.gif) 0 0 no-repeat;
		float: left;
		margin: 53px 0 0 0;
		text-indent: -3000px;
	}
	
	/*  MENU */
	#menu {
		background: url(_images/menu.gif) 0 0 no-repeat;
		width: 585px;		/* Width of entire image */ 
		height: 29px;		/* Height of buttons */
		margin: 58px 0 0 0;
		float: right;
	}
	#menu li {
		text-indent: -3000px;
	}
	#menu li, #menu a {
		height: 29px;		/* Each button must have the same height, define it here */ 
		display: block;
	}
	#menu li {
		float: left;
		list-style: none;
	}

	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-home 		{ width: 64px; }
	#menu-features 	{ width: 98px; }
	#menu-videos 	{ width: 134px; }
	#menu-designs 	{ width: 92px; }
	#menu-pricing	{ width: 80px; }
	#menu-signup 	{ width: 117px; }

	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-home a:hover		{ background: transparent url(_images/menu.gif) 0px -29px no-repeat; }
	#menu-features a:hover	{ background: transparent url(_images/menu.gif) -64px -29px no-repeat; }
	#menu-videos a:hover	{ background: transparent url(_images/menu.gif) -162px -29px no-repeat; }
	#menu-designs a:hover	{ background: transparent url(_images/menu.gif) -296px -29px no-repeat; }
	#menu-pricing a:hover	{ background: transparent url(_images/menu.gif) -388px -29px no-repeat; }
	#menu-signup a:hover	{ background: transparent url(_images/menu.gif) -468px -29px no-repeat; }
	

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#banner {
	height: 205px;
	background: transparent url(_images/banner.gif) right top no-repeat;
	border-bottom: 1px solid #c3cfd5;
	border-top: 1px solid #83adc5;
	padding: 33px 385px 0 0;
	margin: 0 0 31px 0;
}
	#banner h1 {
		height: 29px;
		text-indent: -3000px;
		background: transparent url(_images/banner-header.gif) 0 0 no-repeat;
		margin: 0;
	}
	#banner p.highlight {
		height: 20px;
		text-indent: -3000px;
		background: transparent url(_images/banner-highlight.gif) 0 0 no-repeat;
	}
	#banner p {
		font-size: 14px;
		color: #FFF;
		line-height: 18px;
	}
	a#banner-signup {
		width: 220px;
		height: 33px;
		display: block;
		background: transparent url(_images/banner-signup.gif) 0 0 no-repeat;
		float: left;
		text-indent: -3000px;
	}
		a#banner-signup:hover { background: transparent url(_images/banner-signup.gif) 0 -33px no-repeat; }
	a#banner-videos {
		width: 204px;
		height: 33px;
		display: block;
		background: transparent url(_images/banner-videos.gif) 0 0 no-repeat;
		float: left;
		text-indent: -3000px;
	}
		a#banner-videos:hover { background: transparent url(_images/banner-videos.gif) 0 -33px no-repeat; }

.intro {
	width: 243px;
	height: 221px;
	background: transparent url(_images/intro.jpg) 0 0 no-repeat;
	margin: 0 25px 30px 0;
	float: left;
	padding: 15px 20px 0 20px;
	display: inline;
}
	#intro3 { margin: 0; }
	
	.intro h1 {
		height: 42px;
		text-indent: -3000px;
		margin: 0 0 25px 0;
	}
	#intro1 h1 { background: transparent url(_images/intro1-header.gif) 0 0 no-repeat; }
	#intro2 h1 { background: transparent url(_images/intro2-header.gif) 0 0 no-repeat; }
	#intro3 h1 { background: transparent url(_images/intro3-header.gif) 0 0 no-repeat; }
	
	.intro p {
		color: #FFF;
		padding: 0 5px;
	}
	a.intro-more {
		width: 100px;
		height: 22px;
		display: block;
		background: transparent url(_images/intro-more.gif) 0 0 no-repeat;
		float: left;
		text-indent: -3000px;
	}
		a.intro-more:hover { background: transparent url(_images/intro-more.gif) 0 -22px no-repeat; }
	a.intro-demo {
		width: 100px;
		height: 22px;
		display: block;
		background: transparent url(_images/intro-demo.gif) 0 0 no-repeat;
		float: left;
		text-indent: -3000px;
	}
		a.intro-demo:hover { background: transparent url(_images/intro-demo.gif) 0 -22px no-repeat; }

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#main { background: transparent url(_images/main-bg.gif) 0 0 repeat-y; margin: 0 0 20px 0; }
#main-top { background: transparent url(_images/main-top.gif) 0 0 no-repeat; }
#main-bottom { background: transparent url(_images/main-bottom.gif) left bottom no-repeat; height: 1%; }

#header {
	padding: 30px 0 0 40px;
	float: left;
	width: 500px;
}
	#crumb, #crumb a {
		font-size: 11px;
		color: #999;
	}
	#header h1 {
		font-size: 32px;
		line-height: 36px;
		color: #112d40;
		font-weight: normal;
	}

#content {
	padding: 30px 40px;
	width: 540px;
	float: left;
}
	#content li {
		margin-left: 25px;
	}
	#content h2 {
		font-size: 18px;
		line-height: 22px;
		font-weight: normal;
		color: #000;
		margin-top: 25px;
	}
	#content p.highlight {
		font-size: 16px;
		line-height: 22px;
		color: #666;
	}
	#content h1 {
		font-size: 14px;
		text-transform: uppercase;
		color: #000;
		padding: 0 0 10px 0;
		margin: 40px 0 20px 0;
		border-bottom: 1px solid #F1F1F1;
	}
	#content dt {
		font-weight: bold;
	}
	#content dd {
		color: #666;
		font-style: italic;
		font-size: 12px;
		margin: 0 0 5px 0;
	}

#side {
	width: 255px;
	float: right;
	margin: 65px 20px 40px 0;
	display: inline;
}
	#side a.button {
		width: 255px;
		text-indent: -3000px;
		display: block;
		height: 60px;
	}
	a#button1 {
		height: 62px;
		background: transparent url(_images/button1.gif) 0 0 no-repeat;
	}
	a#button1:hover { background: transparent url(_images/button1.gif) 0 -62px no-repeat; }
	
	a#button2 { background: transparent url(_images/button2.gif) 0 0 no-repeat; }
	a#button2:hover { background: transparent url(_images/button2.gif) 0 -60px no-repeat; }
	
	a#button3 { background: transparent url(_images/button3.gif) 0 0 no-repeat; }
	a#button3:hover { background: transparent url(_images/button3.gif) 0 -60px no-repeat; }

	a#button4 { background: transparent url(_images/button4.gif) 0 0 no-repeat; }
	a#button4:hover { background: transparent url(_images/button4.gif) 0 -60px no-repeat; }

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	border-top: 1px solid #eae9e1;
	padding: 5px 0 0 0;
}
	#footer ul {
		padding: 10px 0 0 0;
	}
		#footer li {
			list-style: none;
			display: inline;
			padding: 0 15px 0 0;
		}
			#footer li.highlight { font-weight: bold; }

	#footer a:link, #footer a:visited {
		color: #58543c;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		text-decoration: underline;
	}

	#footer p {
		font-size: 11px;
		margin-top: 10px;
		color: #58543c;
	}

#newsletter {
	float: right;
	padding: 5px 0 0 0;
}
	#newsletter input {
		vertical-align: middle;
	}
	#newsletter input.input {
		width: 252px;
		padding: 7px;
		color: #615e47;
		font-size: 12px;
		background: transparent url(_images/newsletter-input.gif) 0 0 no-repeat;
		border: none;
	}