* {
	margin: 0;
	padding: 0
}
header, nav, footer, section, aside, article, figure {
  display: block
}
html {
	background: #f5f0ed url('./img/top-bg.png') no-repeat top center;
}
body {
	font-size: 100%;
	font-family: Arial;
	line-height: 1.5em;
	color: #180f1b;
}

header#header {
	
}
div#whoweare,
div#introduction {
	margin-top: 20px;
}
	header#header {
		width: 960px;
		margin: 0 auto;
	}
		header#header h1 {
		 width: 227px;
		 height: 32px;
		 background: url('./img/crealup.png') no-repeat top center;
		 text-indent: -9600px;
		 margin: 90px 0 20px 0;
		 float: left;
		}
		header#header h1 a, header#header h1 a:link, header#header h1 a:visited {
		 width: 227px;
		 height: 32px;
		 display: block
		}
		header#header nav {
			margin-left: 750px;
			padding-top: 30px;
		}
			header#header nav ul {
				list-style: none;
			}
				header#header nav ul li {
					display: block;
					float: left;
				}
				header#header nav ul li a, header#header nav ul li a:visited, header#header nav ul li a:link {
					background: url('./img/nav-link-bg.png');
					text-indent: -9600px;
					display: block;
					padding: 8px;
					outline: none;
				}
				header#header nav ul li.current a, header#header nav ul li.current a:link, header#header nav ul li.current a:visited,
				header#header nav ul li a:active, header#header nav ul li a:focus, header#header nav ul li a:hover {
					background: url('./img/nav-hoveractive-bg.png');
				}
		#shownav {
			position: fixed;
			top: 0;
			background: #3dc6f2 url('./img/chevron-down.png') no-repeat 96% 8px;
			color: #fff;
			padding: 2px 26px 2px 5px;
			margin-left: 750px;
			cursor: pointer;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius: 5px;
		}
#home-link a strong, #home-link a:link strong, #home-link a:visited strong {
	width: 22px;
	height: 115px;
}
	#home-link a strong, #home-link a:link strong, #home-link a:visited strong {
		background: url('./img/menu-welcome.png') no-repeat top left;
		display: block;
		width: 22px;
		height: 115px;
	}
header#header li.what a, header#header li.what a:visited, header#header li.what a:link {
	width: 22px;
	height: 63px;
}
	header#header li.what a strong, header#header li.what a:visited strong, header#header li.what a:link strong{
		background: url('./img/menu-what.png') no-repeat top left;
		width: 22px;
		height: 63px;
		display: block;
	}
header#header li.who a, header#header li.who a:visited, header#header li.who a:link {
	width: 22px;
	height: 53px;
}
	header#header li.who a strong, header#header li.who a:visited strong, header#header li.who a:link strong{
		background: url('./img/menu-who.png') no-repeat top left;
		width: 22px;
		height: 53px;
		display: block;
	}
header#header li.how a, header#header li.how a:visited, header#header li.how a:link {
	width: 22px;
	height: 52px;
}
	header#header li.how a strong, header#header li.how a:visited strong, header#header li.how a:link strong{
		background: url('./img/menu-how.png') no-repeat top left;
		width: 22px;
		height: 52px;
		display: block;
	}
header#header li.questions a, header#header li.questions a:visited, header#header li.questions a:link {
	width: 27px;
	height: 125px;
}
	header#header li.questions a strong, header#header li.questions a:visited strong, header#header li.questions a:link strong{
		background: url('./img/menu-questions.png') no-repeat top left;
		width: 27px;
		height: 125px;
		display: block;
	}

/* contact page */
#contact-area {
	background-color: rgba(78,191,228, 0.75);
	background-color: rgb(78,191,228);
	width: 100%;
	position: absolute;
	top: 0px
}
#contact-internal {
	background-color: rgba(56,197,243,0.85);
	width: 920px;
	padding: 0 20px 20px 20px;
	margin: 0 auto;
}
	#contact-teaser {
		padding: 5px 20px;
		color: #fff;
		clear: left;
		width: 920px;
		margin: 0 auto;
		position: relative;
		background-color: rgba(56,197,243,0.85);
	}
		#contact-teaser p {
			display: inline;
		}
		#contact-teaser a, #contact-teaser a:link, #contact-teaser a:visited {
			color: #fff;
			font-weight: bold;
		}
		#slidedowncontact {
			background: url('./img/chevron-down.png') no-repeat 96% 6px;
			padding: 2px 22px 4px 2px;
			background-color: #10b5eb;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#slideupcontact {
			background: url('./img/chevron-up.png') no-repeat 96% 6px;
			position: absolute;
			right: 20px;
			bottom: 3px;
			padding: 2px 22px 2px 7px;
			background-color: #10b5eb;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			display: none;
		}
	#contact-internal h2 {
		color: #fff;
		padding-top: 20px;
		margin-left: 0;
		font-size: 2.5em
	}
	#quickcontact {
		width: 440px;
		margin-right: 40px;
		float: left;
		border: none;
	}
		#quickcontact fieldset {
			border: none;
		}
		#quickcontact .submitdiv {
			text-align: right;
		}
			#cancelenquiry-btn, #submitenquiry-btn {
				border: none;
				font-size: 1.1em;
				font-weight: bold;
				padding: 2px
			}
			#cancelenquiry-btn {
				background-color: #ccc;
			}
			#submitenquiry-btn {
				background-color: #fefefe;
			}
			
		#sender-area {
			width: 450px;
			float: left;
		}
		#message-row {
			width: 450px
		}
		#quickcontact fieldset label {
			display: block;
			color: #fff;
			font-weight: bold;
			margin-top: 20px;
		}
		.formfields input, .formfields textarea {
			border: 2px solid #e1f6fd;
			padding: 3px;
			width: 195px; /* 225 / 205*/
		}
		#quickcontact fieldset textarea {
			height: 100px;
			width: 440px; /* 470 / 450*/
		}
	#other-contact {
		float: left;
		width: 440px
	}
		#other-contact h4 {
			font-size: 1.5em;
			font-weight: normal;
			color: #fff
		}
			#other-contact h4 span {
				display: block
			}
		#notcontacts {
			margin: 20px 0;
		}
	/*
	#contact-area p {
		height: 20px;
		width: 960px;
		margin: 0 auto;
		color: #fff
	}
	*/
div#content {
	width: 100%;
	margin: 0 auto;
}
#content-divider {
	width: 960px;
	margin: 0 auto;
	background-color: 5px solid #3ec7f3;
	color: 5px solid #3ec7f3;
	border: none;
	border-top: 5px solid #3ec7f3;
	margin-bottom: 20px
}

footer#footer {
	width: 100%;
	background: #0a1222 url('./img/intermedio-bg.gif') repeat-x top left;
	padding: 20px 0;
	margin-top: 40px
}
	footer#footer div {
		width: 960px;
		text-align: center;
		margin: 0 auto;
		color: #fff;
	}
	footer#footer a, footer#footer a:link, footer#footer a:visited {
		color: #fff;
		text-decoration: underline
	}
/* welcome page */
div#introduction {
	width: 960px;
	margin: 0 auto;
	margin-top: 22px;
}
	div#introduction p#strong-intro {
		margin-bottom: 50px;
		color: #655a56
	}
		#strong-intro strong {
			font-size: 5.8em;
			line-height: .7em
		}
	div#intro-about-crealup {
		width: 460px;
		float: left;
		margin-right: 40px;
	}
	div#introduction h2 {
		width: 329px;
		float: left;
		display: block;
		background: url('./img/ill-man-pointing.png') no-repeat;
		min-height: 150px;
		padding: 0 0 0 129px;
		margin : 0;
	}

#strenghts4 {
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	background: #fff;
}
	#strenghts4 div#inner-strenghts4 {
		width: 960px;
		margin: 0 auto;
		padding: 20px 0
	}
		#strenghts4 div#inner-strenghts4 div {
			height: 125px;
			margin-left: 40px;
			float: left;
			width: 210px;
		}
		#strenghts4 div#inner-strenghts4 div:first-child {
			margin-left: 0;
		}
		#strenghts4 #str-bespokeapps {
			background: url('./img/ill-compass2.png') no-repeat center bottom;
		}
		#strenghts4 #str-supereasy {
			background: url('./img/ill-watering-can.png') no-repeat center bottom;
		}
		#strenghts4 #str-pricesquotes {
			background: url('./img/ill-cash-r2.png') no-repeat center bottom;
		}
		#strenghts4 #str-allquestions {
			background: url('./img/ill-mystery-object.png') no-repeat center bottom;
		}
		
		#strenghts4 h3 a, #strenghts4 h3 a:link, #strenghts4 h3 a:visited {
			font-size: .85em;
			color: #99d70c;
			text-align: center;
			display: block;
			height: 125px;
			width: 210px;
		}
		#strenghts4 .mainfeathover {
			cursor: pointer;
			background-color: rgba(0,176,234,0.48);
		}
/* who we are */
div#whoweare {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
}
	div#whoweare #bigbutsmall {
		width: 460px;
		float: left;
		margin-right: 40px;
	}
		div#whoweare #bigbutsmall h2 {
		}
			div#whoweare #bigbutsmall h2 span{
				font-style: italic;
				font-weight: normal;
				color: #000;
				font-size: .8em;
			}
		.big-contact-btn {
			background: url('./img/big-contact-btn.png') no-repeat top left;
			color: #fff;
			padding: 12px 0;
			width: 276px; /*276px */
			height: 29px; /*53px */
			text-align: center;
			display: block;
			font-size: .85em;
			line-height: 110%;
			text-decoration: none
		}
		.big-contact-btn strong {
			font-size: 1.4em;
		}
	div#whoweare #keyfeatures {
		width: 460px;
		float: left;
	}
		div#whoweare #keyfeatures ul {
			list-style: none;
		}
			div#whoweare #keyfeatures ul li {
				margin-bottom: 5px;
				padding-bottom: 5px;
				background: url('./img/occhiello-li-bg.png') no-repeat 0 4px;
				padding-left: 18px;
				border-bottom: 1px solid #f2ecea
			}
/* what we do */
div#whatwedo {
	margin-top: 40px;
}
	div#whatwedo #whatwedo-intro {
		padding: 20px 0;
		margin: 0 auto;
		width: 100%;
		background: #0a1222 url('./img/intermedio-bg.gif') repeat-x top left;
		margin-bottom: 20px
	}
		div#whatwedo #whatwedo-intro div {
			width: 755px;
			margin: 0 auto;
			background: url('./img/ill-rose-winds.png') no-repeat 30px 0;
			padding-left: 205px;
		}
			div#whatwedo #whatwedo-intro p {
				color: #fff
			}
				div#whatwedo #whatwedo-intro p strong {
					font-size: 1.5em;
					margin-bottom: 20px;
					display: block;
					font-weight: normal
				}
	div#whatwedo #whatwedo-area {
		width: 960px;
		margin: 0 auto;
	}
		div#whatwedo #whatwereallydo {
			width: 710px;
			margin-right: 40px;
			float: left;
		}
		div#whatwedo #integratedweb {
			width: 210px;
			float: left;
			font-size: 1.5em;
		}
	#dobreakdown {
		margin-left: -40px;
		margin-top: 20px;
		width: 1000px;
	}
		#dobreakdown div {
			width: 190px; /* 210 */
			height: 180px; /* 180 */
			overflow: hidden;
			float: left;
			margin-left: 40px;
			margin-bottom: 40px;
			padding: 10px;
			background-color: #f2ecea;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
			#dobreakdown div h4 {
				font-style: italic;
				color: #99d70c;
				font-size: 1.3em;
				margin-bottom: 10px;
			}
		#dobreakdown div ul {
			list-style: none
		}

/* how we do work */
div#howwework {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
}

	#website-prices {
		width: 710px;
		border: 5px solid #b09d94;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: left;
		margin-right: 40px
	}
		#website-prices caption {
			display: none;
		}
		#website-prices thead {
		}
		#website-prices thead th {
			border-left: 1px solid #b09d94
		}
			#website-prices thead th#desc-col {
				text-indent: -9600px;
				letter-spacing: -9600px;
				border-left: none;
			}
			#website-prices thead th.site-head-desc {
				text-align: center;
				width: 115px
			}
			#website-prices tbody tr {
			}
			#website-prices tbody tr.oddrow {
				background-color: #f2ecea;
			}
				#website-prices tbody td {
					text-align: center;
					padding: 2px;
					border-left: 1px solid #b09d94;
					color: #3dc6f2;
					font-weight: bold;
					font-size: .8em
				}
				#website-prices tbody td.feature {
					text-align: left;
					border-left: none;
					color: #000;
					font-weight: normal;
				}
				#website-prices tbody td.tick {
					text-indent: -9600px;
					letter-spacing: -9600px;
					background: url('./img/price-table-tick.png') no-repeat center center;
				}
				#website-prices tbody td.cross {
					text-indent: -96000px;
					letter-spacing: -90600px;
					background: url('./img/price-table-cross.png') no-repeat center center;
				}
			#website-prices tbody tr#quoterow {
			}
				#website-prices tbody tr#quoterow td {
					border-top: 1px solid #b09d94;
					padding: 5px 2px;
					text-align: center !important;
				}
					tr#quoterow td a, tr#quoterow td a:link, tr#quoterow td a:visited {
						background: url('./img/get-quote.png') no-repeat top left;
						color: #fff;
						display: block;
						height: 25px;
						width: 80px;
						text-align: center;
						font-size: .9em;
						padding-top: 2px;
						font-weight: bold;
						margin: 0 auto
					}
			#website-prices tbody tr#price-row {
				
			}
				#website-prices tbody tr#price-row td {
					border-bottom: 1px solid #b09d94;
					color: #000;
					font-weight: bold;
					font-size: 1.2em
				}
					#website-prices tbody tr#price-row td em {
						font-weight: normal;
						font-size: .7em;
					}
				#website-prices tbody tr#price-row td.feature {
					text-indent: -9600px;
					letter-spacing: -9600px;
				}
		#website-prices .free-col {
			filter: alpha(opacity=45);
			-moz-opacity:0.45;
			-khtml-opacity: 0.45;
			opacity:0.45;
			width: 90px !important;
		}
		
	#website-prices thead tr th,
	#price-row td,
	#quoterow td {
		background-color: #f2ecea
	}
	
#priceinformation {
	background: url('./img/ill-man-up-pointing.png') no-repeat top left;
	width: 210px;
	padding-top: 160px;
	float: left;
}
/* questions page */
#gotquestions {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
}
	#questionshere {
		list-style: none;
		width: 460px;
		float: left;
		height: 300px;
		overflow: auto
	}
	#answers {
		margin-left: 500px
	}
		#questionshere li {
		
		}
		#questionshere li h4 {
			background-color: #f2ecea;
			margin-bottom: 2px;
			padding: 2px;
			font-weight: normal;
			cursor: pointer;
			font-family: Arial;
		}
/* Style */
h2 {
	font-size: 1.7em;
	margin-bottom: 20px;
}
h2.sectiontitle {
	font: normal normal 2.5em 'Droid Serif', Arial, sans-serif;
	color: #99d70c;
	font-weight: bold;
	line-height: 100%
}
h3 {
	font-family: 'Droid Serif', Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 20px;
}
h3.colored-title {
	font-style: normal
}

h3.orange {
	color: #f9601c;
}
h3.grey {
	color: #413835
}
h4 {
	font-family: 'Droid Serif', Arial, sans-serif;
	font-weight: bold;
}
a, a:link, a:visited {
	text-decoration: none !important;
}
br.clear {
	clear: left;
}

div#whoweare #bigbutsmall p,
#whatwedo-area p {
	margin-bottom: 20px;
}

/* easy quote */
#quoteformsection {
	width: 960px;
	margin: 0 auto
}

	#quoteintro {
		width: 710px;
		background: url('./img/ill-man-with-eye.png') no-repeat top right;
		padding-right: 250px;
		margin-bottom: 40px
	}
#mainquote-form {
		border: 5px solid #b09d94;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #fff;
		padding: 20px;
		width: 680px; /* 710 */
		float: left;
}
#quoteform-info {
	width: 230px;
	height: 500px;
	float: left;
}
	#quoteform-info #slideinfo {
		padding-top: 10px;
		background: url('./img/quote-jump-next.png') no-repeat 0 10px;
		padding-left: 25px;
		position: relative;
	}
	#slideinfo h5 {
		font-size: 1.5em;
		color: #655a56
	}
	
	#mainquote-form  fieldset {
		border: none;
	}
		#mainquote-form h3 {
			cursor: pointer;
			background: url('./img/easyquote-section-numbering.png') no-repeat top left;
			color: #3dc6f2;
			padding: 9px 0;
			font-size: 1.4em
		}
			#mainquote-form h3 em {
				color: #fff;
				font-style: normal;
				padding: 0 11px;
				font-size: 1.5em;
			}
		#mainquote-form .next-btn {
			text-align: right;
		}
		#mainquote-form .next-btn a, #mainquote-form .next-btn a:link, #mainquote-form .next-btn a:visited{
			background-color: #3dc6f2;
			padding: 5px;
			color: #fff;
			border: 1px solid #b09d94;
			font-weight: bold;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#slideinfo {
		
		}
		
		#slideinfo div.form-row {
			width: 204px;
			background-color: transparent;
		}
    	#slideinfo div.form-row div.input-area input,
			#slideinfo div.form-row div.input-area textarea {
				width: 200px !important;
				background-color: #fff !important;
			}
			#row_clientEmail div.input-area input {
				font-size: .9em;
				padding: 4px 0;
			}
		#submit-quote {
			text-align: right;
		}
			#submit-quote input {
				background-color: #3dc6f2;
				padding: 5px 3px;
				color: #fff;
				border: 2px solid #b09d94;
				width: 165px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				font-weight: bold;
				font-size: 1.2em;
				cursor: pointer
			}
		div.form-row {
      margin: 0 0;
			overflow: hidden; /* clear float hack */
			width: 662px; 			/* important for IE < 7*/
			background-color: #fff;
			padding: 10px 0;
    }
		div.form-row-over {
			background-color: #ccc;
		}
      div.form-row div.label-area {
        float: left;
        width: 250px;
        text-align: left;
        margin-right: 10px;
        color: #000;
      }
			.oneline div.label-area {
				float: left !important;
				display: inline;
				width: auto !important;
			}
        div.form-row div.label-area label {
          font-size: 1em;
          font-weight: bold;
          display: block;
					color: #444;
        }
				.oneline div.label-area label {
					display: inline !important;
				}
        div.form-row div.label-area span {
          font-size: x-small;
          color: #444;
        }
				div.form-row div.input-area {
					margin-left: 0px;
					float: left;
					width: 392px;
				}
				.oneline div.input-area {
					margin-left: 0px !important;
					display: inline !important;
					float: none !important;
				}
        div.form-row div.input-area input,
        div.form-row div.input-area select,
        div.form-row div.input-area textarea,
        .recaptchatable #recaptcha_response_field {
          border: 2px solid #b09d94;
          background-color: #e8deda !important;
          font-size: 1.3em;
					display: inline;
					width: 382px
        }
        .recaptchatable #recaptcha_response_field {
          font-size: 1.3em !important;
          border: 1px solid #d0cece !important;
        }
        div.form-row div.full-input input,
        div.form-row div.full-input select,
        div.form-row div.full-input textarea {
        	width: 99%;
        }
      div.form-row div.form-row br {
				clear: left;
				font-size: 1px;
				line-height: 1px;
				height: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
      }
      
      
      
      div.form-row-v div.label-area {
        float: none;
        width: 100%;
      }
				div.form-row-v div.input-area {
					margin-left: 0px;
					width: 100%;
				}
      div.form-row-v div.form-row br {
				clear: none;
				display: none;
      }
      
      
      
      
      
      
      
		div.form-row-2 {
			float: left;
			width: 50%;
		}
    div.form-row-2 input {
      width: 100px !important;
    }
		div.form-row-3 {
			float: left;
			width: 33%;
		}
      div.form-row-2 div.label-area, 
      div.form-row-3 div.label-area {
        float: left;
        width: 200px;
        text-align: right;
        margin-right: 10px;
        color: #000;
      }
			div.form-row-2 div.input-area,
			div.form-row-3 div.input-area {
				margin-left: 200px;
			}
			
			
			div.input-area input.text-line {
				
			}
			div.input-area textarea {
				font-family: Calibri, Arial, sans-serif;
				width: 100%;
				height: 100px;
			}
			
			.default-hide {
				display: none;
			}
div.area-radio div div, div.area-checkboxes div div {
	margin-right: 15px;
	margin-bottom: 5px;
	background-color: #e8deda;
	padding: 2px 5px;
	cursor: pointer;
}
div.area-radio div div {
	float: left;
}
div.area-radio input,
div.area-checkboxes input {
	border: none !important;
	width: auto !important;
}

.long-label div.label-area {
	float: none;
	width: 100%;
	text-align: left;
	margin-right: 10px;
	color: #000;
}
.long-label div.input-area {
	margin-left: 5px;
}
	.long-label div.label-area label {
		padding: 5px;
	}