@charset "utf-8";

/************************************/
/* @author: 	Richard Najdowski 	*/
/* @version: 	0.1 				*/
/************************************/

/* sections */
.section {
	background: url(../images/core/sec_middle.gif) left top repeat-y;
	width: 556px;
	margin-bottom: 18px;
}

.section .bg-top {
	background: url(../images/core/sec_top.gif) left top no-repeat;
}

.section .bg-base {
	background: url(../images/core/sec_base.gif) left bottom no-repeat;
	min-height: 50px;
	padding: 6px;
	padding-top: 8px;
	padding-bottom: 15px;
}


/* headings */
h2 {
	margin-bottom: 12px;
	padding-bottom: 1px; /* aligns dotted line */
}

h2 .icon {
	width: 43px;
	height: 36px;
	float: left;
	position: absolute;
	background: url(../images/icons/house.png) left top no-repeat;
	margin-left: 3px;
	margin-top: -1px;
}


/* content */
.section .content {
	margin: 0 9px;
}

/* home */
.home-top {
	color: #333;
}
.home-top h3 {
	color: #333;
	font-size: 1em;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 10px;
}

.home-top .last .icon {
	width: 156px;
	float: left;
	margin-top: 4px;
	margin-left: 6px;
}

.home-top .last .desc {
	float: left;
	width: 335px;
	margin-left: 10px;
}


/* inner */
.inner {
	background: url(../images/core/step_bg_middle.gif) left top repeat-y;
	width: 526px;
	margin-bottom: 8px;
}

.inner .bg-top {
	background: none;
}

.inner .bg-base {
	background: url(../images/core/step_bg_base.gif) left bottom no-repeat;
	padding-bottom: 3px;
}





/* steps */
.step .icon {
	float: left;
	width: 56px;
}

.step .desc {
	float: left;
	width: 425px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.inner p {
	margin-bottom: 5px;
}


/* home lower */
.home-base ul {
	list-style: none;
}

.home-base li {
	background: url(../images/core/list_bg.gif) left top no-repeat;
	width: 330px;
	height: 29px;
	font-weight: bold;
	/*margin-bottom: 4px;*/
	
	padding-left: 35px;
	padding-top: 6px;
}

.home-base li.double {
	background: url(../images/core/list_bg_large.gif) left top no-repeat;
	height: 48px;
}


.home-base .picture {
	float: right;
	margin-bottom: 91px;
}



/* benefits */
.benefits .pictures {
	width: 156px;
	padding-left: 5px;
	padding-right: 20px;
	float: left;
}

.benefits .pictures img {
	margin-bottom: 12px;
}

.benefits ul {
	float: left;
	width: 320px;
	margin-top: -4px;
}
.benefits li {
	list-style-image: url(../images/core/bullet.gif);
	margin-bottom: 15px;
}

.benefits li p {
	padding-top: 4px;
}


/* contact */
.contact .pictures {
	width: 156px;
	padding-left: 5px;
	padding-right: 20px;
	float: left;
}

.contact .pictures img {
	margin-bottom: 12px;
}

.contact p {
	margin-bottom: 15px;
}

.contact-form {
	width: 327px;
	background: url(../images/core/contact_bg_middle.gif) left top repeat-y;
	float: left;
	margin-bottom: 30px;
}

.contact-form .bg-top {
	background: url(../images/core/contact_bg_top.gif) left top no-repeat;
	padding-top: 4px;
}

.contact-form .bg-base {
	background: none;
}

.contact-form label {
	width: 90px;
	text-align: right;
	float: left;
	padding-bottom: 10px;
	clear: left;
}

.contact-form .text {
	margin-left: 5px;
	width: 210px;
	padding: 0 2px;
}

.contact-form .btn-submit {
	float: right;
	margin-bottom: 10px;
}







/* about */
.about, .about a {
	color: #333;
}
.about .content .bg-base {
	padding-left: 25px;
	padding-right: 55px;
	padding-top: 15px;
}

.about p {
	margin-bottom: 20px;
}

.about ul {
	/*width: 320px;*/
	margin-top: -4px;
	margin-left: 27px;
}
.about li {
	list-style-image: url(../images/core/bullet.gif);
	margin-bottom: 15px;
}

.about li p {
	padding-top: 4px;
	margin-bottom: 0px;
}

	



/* faq */
.faq .pictures {
	width: 156px;
	padding-left: 5px;
	padding-right: 20px;
	float: left;
}

.faq .pictures img {
	margin-bottom: 12px;
}

.faq ol {
	float: left;
	width: 310px;
	/*margin-top: 25px;*/
	margin-top: 10px;
	margin-left: 20px;
}
.faq li {
	/*list-style-image: url(../images/core/bullet.gif);*/
	margin-bottom: 10px;
}

.faq li p {
	padding-top: 4px;
}

.faq a {
	color: #365196;
}


.faq-lower .content .bg-base {
	padding-left: 10px;
}

.faq-lower h4 {
	padding-top: 10px;
	padding-bottom: 15px;
}

.faq-lower p {
	margin-bottom: 18px;
	margin-left: 3px;
	width: 485px;
}




/* sections */
.promo {
	background: url(../images/promos/promo_bg_middle.gif) left top repeat-y;
	width: 273px;
	/*margin: 50px;*/
	font-size: 1em;
}

.promo .bg-top {
	background: url(../images/promos/promo_bg_top.gif) left top no-repeat;
}

.promo .bg-base {
	background: url(../images/promos/promo_bg_base.gif) left bottom no-repeat;
	min-height: 50px;
	padding: 6px;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 4px;
}

.promo h2 {
	
}


/* promo inner */
.promo .inner {
	background: url(../images/promos/inner_bg_middle.gif) left top repeat-y;
	width: 250px;
	margin-bottom: 8px;
	margin-left: 7px;
}

.promo .inner .bg-top {
	background: url(../images/promos/inner_bg_top.gif) left top no-repeat;
	padding-top: 2px;
}

.promo .inner .bg-base {
	background: url(../images/promos/inner_bg_base.gif) left bottom no-repeat;
	padding-bottom: 3px;
	padding-left: 12px;
}

.promo .inner p {
	margin-bottom: 10px;
}


/* promo one */
.promo-form {
	text-align: right;
	width: 182px;
}

.promo-form label {
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	vertical-align: top;
	float: left;
}

.promo-form .input-text {
	width: 110px;
	margin-bottom: 12px;
}

.promo-form .btn-submit {
	margin-bottom: 10px;
}

.promo .arrow {
	float: right;
	margin-top: 5px;
}

.promo .number, .promo .number-or {
	color: #666699;
	font-weight: bold;
	font-size: 2.5em;
}

.promo .number-or {
	font-size: 2.2em;
}





#form-01 .promo {
	float: left;
}

#form-01 .img-or {
	float: left;
}




/* forms */
#forms {
	/*border: 1px solid red;*/
}

#forms .picture {
	float: left;
	width: 276px;
}

#forms .entry {
	float: left;
	background: url(../images/forms/bg_middle.gif) left top repeat-y;
	width: 556px;
	margin: 0;
	padding: 0;
}

#forms h2 .heading {
	float: left;
	font-weight: normal;
	color: #669966;
	font-size: 1.45em;
	margin-left: 8px;
}

#forms h2 .last {
	font-size: 1.36em;
}

#forms h2 .contact {
	font-size: 1.25em;
}

#forms h2 .arrow {
	background: url(../images/forms/arrow_trans.png) left top no-repeat;
	width: 29px;
	height: 35px;
	float: left;
	margin-left: 15px;
	margin-top: 3px;
}

#forms h3 {
	margin-top: 10px;
	padding-top: 1px;
	margin-bottom: 13px;
}

#forms .entry .bg-top {
	background: url(../images/forms/bg_top.gif) left top no-repeat;
	padding-top: 2px;
}

#forms .entry .bg-base {
	background: url(../images/forms/bg_base.gif) left bottom no-repeat;
	padding: 5px;
	padding-bottom: 10px;
}


#forms .content {
	margin-left: 5px;
}

/* form intro */
#forms .intro {
	background: url(../images/forms/intro_bg_middle.gif) left top repeat-y;
	width: 526px;
	margin-bottom: 14px;
}

#forms .intro .bg-top {
	background: url(../images/forms/intro_bg_top.gif) left top no-repeat;
	/*padding-top: 2px;*/
}

#forms .intro .bg-base {
	background: url(../images/forms/intro_bg_base.gif) left bottom no-repeat;
	padding: 5px 10px;
	padding-bottom: 3px;
}

#forms p {
	margin-bottom: 25px;
}

#forms p.last {
	margin-bottom: 15px;
}


.item {
	background: url(../images/forms/item_bg_middle.gif) left top repeat-y !important;
	width: 526px;
	margin-bottom: 8px;
}

.item .bg-top {
	background: url(../images/forms/item_bg_top.gif) left top no-repeat !important;
	padding-top: 2px;
}

.item .bg-base {
	background: url(../images/forms/item_bg_base.gif) left bottom no-repeat !important;
	padding-bottom: 3px;
}

.radio .bg-base {
	min-height: 50px;
}


.item label {
	float: left;
	width: 220px;
	text-align: right;
}

.radio label {
	width: 330px;
}

.item .fields {
	float: right;
	margin-left: 10px;
	width: 285px;
}

.radio .fields {
	width: 170px;
}

.item .text {
	width: 270px;
	padding: 0 2px;
}


.exit {
	width: 512px;
	padding-left: 5px;
}

.exit .note {
	float: left;
	width: 370px;
}

.exit .arrow {
	width: 36px;
	height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: url(../images/forms/arrow_trans_right.png) left top no-repeat;
	float: left;
}

.exit .next {
	float: right;
}

.exit .btn-submit {
	margin-top: 5px;
}





