/** hirad holding page css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */


/* ---------------------------- */
/*** main styles ***/

* { font-family: Trebuchet MS, Helvetica, sans-serif; }

html { background: url(../images/bg/bg-top.gif) left top repeat-x #63bc46; }
body { background: url(../images/bg-green-gradient.gif) 0px 237px repeat-x; }

.left { float: left; }
.right { float: right; }

a, button { outline: none; }
a:hover { text-decoration: none; }

div { position: relative; }

div.hr { background: url(../images/bg-dotted.gif) left top repeat-x; width: 100%; height: 1px; clear: both; margin-bottom: 20px; }
div.hr hr { display: none; }

/* ---------------------------- */
/*** setting up the page ***/

div#top { background: url(../images/bg-grass.jpg) center top repeat-x; height: 237px; }
div#top div.content,
div#main,
div#footer { width: 940px; margin: 0 auto; overflow: hidden; }
div#main { padding-top: 15px; }
div#footer { padding-bottom: 30px; }

/* ---------------------------- */
/*** top ***/

div#top img.right { margin-right: -1px; }

/* ---------------------------- */
/*** main ***/

div#main div.left-col { float: left; width: 438px; }
div#main div.right-col { float: right; width: 478px; }

div#main h1 { background: url(../images/header.png) left top no-repeat; width:422px; height: 39px; margin: 30px 0px 20px; }
div#main h1 span { display: block; text-indent: -9999px; }

div#main p { color: #ffffff; margin-bottom: 16px; line-height: 1.6em; }
div#main p strong { font-weight: bold; }
div#main p.large { background: url(../images/first-paragraph.png) left top no-repeat; width: 433px; height: 140px; }
div#main p.large span { display: block; text-indent: -9999px; }
div#main p.contact { background: url(../images/bg-contact.png) left top no-repeat; width: 396px; height: 64px; padding: 14px 0px 0px 80px; font-size: 1.2em; margin-bottom: 0px; }
div#main p.contact strong,
div#main p.contact a { color: #087342; font-weight: bold; }
div#main p a { color: #087342; }

div#main p.save-money { background: url(../images/saves-you-money.png) left top no-repeat; width: 188px; height: 356px; padding: 44px 10px 0px 240px; }

div#main form { width: 520px; margin: 0 auto; padding: 10px 0px 20px; }
div#main form ul {}
div#main form ul li { overflow: hidden; margin-bottom: 4px; padding: 2px 0px; }
div#main form ul li label { float: left; width: 180px; font-weight: bold; color: #ffffff; padding-top: 4px; }
div#main form ul li input.text { float: left; width: 300px; padding: 3px; }
div#main form ul li input.size2 { width: 100px; }
div#main form ul li input.size3 { width: 50px; }
div#main form ul li.radio input { width: auto; }
div#main form ul li.radio label.radio { width: 45px; }
div#main form ul li textarea { float: left; width: 300px; padding: 3px; }
div#main form ul li button { float: right; margin: 5px 30px 0px 0px; }

div#main div.right-col img { margin: 15px 0px; }

/* ---------------------------- */
/*** footer ***/

div#footer p { color: #ffffff; font-size: 1.2em; padding-top: 14px; }
div#footer p span { display: block; font-size: 0.9em; padding-top: 5px; }
div#footer p strong,
div#footer p a { color: #0a5130; }

div#footer img.right { margin-top: 13px; }