/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img, a {border: 0;outline: none;}

hr.clear {clear: both; visibility: hidden;}








/*	Media Queries
	------	*/
@media only screen and (max-width: 480px) {
	
	body, div#top, div#bot {width: 480px;}
	header {text-align: center;}
	header #hds .container p {font-size: 1em;}
	div.container {padding: 5px;width: 470px;}

	.contact-us {display: none;}

	div#intro-content {float: none;width: 480px;padding: 0;}
	img {display: none;}
	footer .col-2 {float: none; width: 480px;margin-bottom: 20px;}
	.last {float: none;}
	
	
	footer form#contact-form-mobile {padding: 10px;display: inline;}
	#contact-form-mobile p {margin: 10px;}
	#contact-form-mobile input[type=text], select, textarea {border: 2px solid #ddd;padding: 8px;font-size: 1em;color: #aaa; width: 90%;}
	#contact-form-mobile input[type=submit] {background: #cf5638; color: #fff;padding: 5px 10px;border: 1px solid #ddd;-webkit-border-radius: 20px;-moz-border-radius: 20px;font-size: .8em;}
	#contact-form-mobile input[type=submit]:hover {background: #486e70;cursor: pointer;}



}


@media only screen and (max-width: 400px) {
	
	body, div#top, div#bot {width: 320px;}
	header {text-align: center;}
	header #hds .container p {font-size: 1em;}
	div.container {padding: 5px;width: 310px;}

	.contact-us {display: none;}

	div#intro-content {float: none;width: 320px;padding: 0;}
	img {display: none;}
	footer .col-2 {float: none; width: 320px;margin-bottom: 20px;}
	.last {float: none;}
	
	
	footer form#contact-form-mobile {padding: 10px;display: inline;}
	#contact-form-mobile p {margin: 10px;}
	#contact-form-mobile input[type=text], select, textarea {border: 2px solid #ddd;padding: 8px;font-size: 1em;color: #aaa; width: 90%;}
	#contact-form-mobile input[type=submit] {background: #cf5638; color: #fff;padding: 5px 10px;border: 1px solid #ddd;-webkit-border-radius: 20px;-moz-border-radius: 20px;font-size: .8em;}
	#contact-form-mobile input[type=submit]:hover {background: #486e70;cursor: pointer;}


}











/*	styles
	------	*/
body {background: #eee;color: rgb(60,60,60);font-family: Georgia, Times New Roman, serif;font-size: 62.5%;}
.container {width: 960px; margin: 0 auto;}


header {}
header #hds {height: 38px; background:#80a1a6;margin-bottom: 4px;}
header #hds p {font-size: 1.2em; line-height: 38px; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em;color: #f5f5f5;}
header #hds p a {color: #3c565a; text-decoration: none;margin-right: 10px;text-indent: 32px; background: url(../images/hds_dove.png) 0 4px no-repeat;height: 28px;display: inline-block;}
header #hds p a:hover {color: #123235;background: url(../images/hds_dove_over.png) 0 4px no-repeat;}

header #title {height: 72px; background:#cf5638;}
header #title h1 {font-style: italic; color: #f5f5f5; font-size: 3.6em;line-height: 72px;float: left;}
header #title p {float: right;line-height: 4em;font-style: italic;}
header #title p a { text-decoration: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #9c3a22;color: #f4b8a9;border: 1px solid #82260f;padding: 5px 20px;}
header #title p a:hover {color: #f5f5f5;border: 1px solid #70200c;}

#top {background: url(../images/bg_top.png) 0 0 repeat-x; height: 520px;padding-top: 30px;border-bottom: 1px solid #ccc;}

#iphone {z-index: 10; position: relative;float: left;margin-top: 30px;}
#android {z-index: 20; position: relative;float: left; margin-left: -150px;margin-top: 60px;}

#intro-content {float: right; padding-top: 40px; width: 60%;}
h1 {font-style: italic; color: #486e70;font-size: 2.4em;margin-bottom: .5em;}
p {font-size: 1.8em; color: #444;}

#apps {margin: 30px 0 0;}
#apps li {list-style: none;margin: 20px 0;height: 78px;padding-left: 85px;position: relative;}
#apps li h2 {font-style: italic; color: #486e70;font-size: 2.4em;}
#apps li p {font-size: 1.8em;}
#apps li p a {color: #cf5638;text-decoration: none;}
#apps li p a:hover {text-decoration: underline;}
#glist {background: url(../images/glist_icon_75.png) 0 0 no-repeat;}
#tip {background: url(../images/tip_icon_75.png) 0 0 no-repeat;}
#yours {background: url(../images/blank_icon_75.png) 0 0 no-repeat;}



#bot {background: #eee;margin-top: 2px;min-height: 400px;}
footer {padding: 40px 0 0;}

.col-2 {width: 46%; float: left;padding-right: 2%;}
.col-3 {width: 24%; float: left;padding-right: 9%;}
.last {float: right;}
footer h1 {color: #3c565a;border-bottom: 1px solid #ddd;}
footer p {line-height: 1.6em;}


legend {font-style: italic;font-size: 2em;padding: 5px 15px;}
fieldset {border: 1px solid #ccc;background: #f4f4f4;}


form {padding: 10px;}
form p {margin: 10px;}
input[type=text], select, textarea {border: 2px solid #ddd;padding: 8px;font-size: 1em;color: #aaa; width: 90%;}
input[type=submit] {background: #cf5638; color: #fff;padding: 5px 10px;border: 1px solid #ddd;-webkit-border-radius: 20px;-moz-border-radius: 20px;font-size: .8em;}
input[type=submit]:hover {background: #486e70;cursor: pointer;}


#success {padding: 350px 20px 50px 20px;width: 300px; background: url(../images/thankyou.png) center 0 no-repeat;text-align: center;}
#successp {padding: 350px 20px 50px 20px;width: 300px; background: url(../images/thankyoup.png) center 0 no-repeat;text-align: center;}



/* mobile contact form */
#contact-form-mobile {display: none;}