@charset "utf-8";
/* 					MAIN.CSS				 	*/
/* 			(C) 2010 Nicholas Creative 			*/

* {
	padding: 0; 
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #333;
	background: #fff url(../images/bg.gif) repeat-x; 
}

/* Tags */

a,		
a:visited 	{ color: #39c; text-decoration: underline; }
a:active,	
a:hover		{ color: #39f; text-decoration: none; }

img { border-width: 0px; }

p { padding-bottom: 15px; font-size: 1.2em; }

h1 {
	font-size: 2.4em;
	color: #fff;
	font-weight: normal;
	padding-bottom: 10px;
}

h2 {
	font-size: 2em;
	color: #0397d6;
	font-weight: normal;
	padding-bottom: 15px;
}

h3 {
	font-size: 1.45em;
	color: #104279;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 10px;
}

h4 {
	font-size: 1.7em;
	color: #fff;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 20px;
	padding-left: 14px;
}

h5 {
	font-size: 1.25em;
	color: #78f317;
	font-weight: normal;
	padding-bottom: 5px;
}

/* Common Styles */

.container { 
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;
  overflow: hidden;
}

ul.clean  {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

.clean li {
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: inherit;
	float: left;
}

.block li { display: block; }

.clear { clear: both; }

.right { float: right; }

.left { float: left; }

.hidden { display: none; }

.center { text-align:center; }

.bold { font-weight:bold; text-align:left; }


#tagline {
	width: 100%;
	height: 23px;
	padding-top: 5px;
	text-align: right;
	color: #7ac142;
	font-size: 1.2em;
}
/* Main Col */

#main-col {
	width: 700px;
	margin-right: 10px;
	float: left;
	background: #106aa6 url(../images/main-col-bg.jpg) no-repeat; 
}

#intro {
	width: 700px;
	height: 415px;
	margin-top: -28px;
	float: left;
	behavior: url(/css/iepngfix.htc);
	background: url(../images/intro-bg.png) top right no-repeat; 
}

#intro .inner {
	width: 670px;
	padding-left: 30px;
}

#contact {
	width: 215px;
	height: 23px;
	margin-top: 20px;
	float: left;
}
#contact li { padding-left: 10px; }

#nicholas-creative {
	width: 267px;
	height: 51px;
	margin-top: 20px;
	margin-bottom: 45px;
	float: left;
}

#copy {
	width: 400px;
	height: 250px;
	margin-bottom: 50px;
	color: #fff;
	float: left;
}

#office {
	width: 175px;
	height: 230px;
	margin-top: 170px;
	padding-right: 50px;
	float: right;
	font-size: 1.1em;
}

#content {
	width: 670px;
	float: left;
	padding: 25px 15px;
	background-color: #fff;
}

#content ul {
	margin-bottom: 15px;
}

#content li {
	width: 198px;
	height: 19px;
	line-height: 19px;
	padding-left: 25px;
	margin-bottom: 5px;
	font-size: 1.2em;
	background: url(../images/bullet-check.gif) 0 0 no-repeat;
}

/* Work */

.w {
	width: 280px;
	float: left;
	padding-bottom: 40px;
	padding-left: 40px;	
}

.w img { padding-bottom: 7px; }

.w { font-size: 1.1em; }


.ss {
	width: 156px;
	padding: 6px;
	padding-bottom: 5px;
	color: #666;
	float: left;
}

.ss a img {
	border: solid 1px #999 !important; 
	margin: 2px;
	float: left;
}

.ss a, 
.ss a:visited	{ text-decoration: none; }
.ss a:active, 
.ss a:hover		{ text-decoration: underline; }

.ss span  { 
	display: block; 
	float: left; 
	padding-bottom: 4px; 
	font-size: 1.1em; 
}

.ss span a, 
.ss span a:visited 	{ color: #666; }
.ss span a:active, 
.ss span a:hover 	{ color: #666; }

.ss span a, 
.ss span a:visited 	{ color: #666; text-decoration: none; }
.ss span a:active, 
.ss span a:hover 	{ color: #666; text-decoration: underline; }

/* Sidebar */

#sidebar {
	width: 270px;
	float: left;
}

/* Lead */

#lead {
	width: 270px;
	float: left;
	margin-top: 40px;
 	background: #7ac142 url(../images/lead-hd.gif) 0 0 no-repeat;
}

#lead .inner {
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#lead .bt {
	width: 270px;
	height: 20px;
	float: left;
 	background: #7ac142 url(../images/lead-bt.gif) 0 0 no-repeat;
}

#lead span { color: red; }

#bonus {
	width: 240px;
	height: 113px;
	padding: 5px;
	color: #fff;
	font-size: 1.1em;
	background: url(../images/bonus-bg.gif) 0 0 no-repeat;
}

#lead .floatedField	{
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}

#lead label	{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
	margin-bottom: 2px;
	display: block;
}

#lead .field	{
	margin-top: 8px;
}

#lead .field .phone	{
	float: left;
}

#lead .field span	{
	padding-top: 5px;
}

#lead .field span.symbols	{
	float: left;
	color: #333;
	margin: 5px;
}

#lead .submit {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	font-size: 1.1em;
}

#lead .privacy {
	width: 145px;
	float: left;
	height: 40px;
	line-height: 12px;
}

#lead .privacy img {
	float: left;
	padding-top: 3px;
	padding-right: 7px;
}

strong.inpt { 
	float: left;
	height: 29px;
	display: block;
	background: url(../images/field-bg.gif) top left no-repeat;
}

strong.inpt em {
	height: 21px;
	display: block;
	background: url(../images/field-bg-end.gif) top right no-repeat;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
}

.inpt input {
	height: 18px;
	border: 0;
}

/* Testimonial */

#testimonial {
	width: 270px;
	float: left;
	margin-top: 25px;
	background: url(../images/quote-start.gif) 0 0 no-repeat;
}

#testimonial .text {
	width: 240px;
	float: left;
	font-size: 1.1em;
	background: url(../images/quote-end.gif) bottom right no-repeat;
	line-height: 1.4em;
	padding: 15px;
}

#testimonial .name {  
	width: 195px;
	height: 50px;
	float: left;
	font-size: 1.1em; 
	color: #666; 
	padding-top: 12px;
	padding-left: 5px;
}

/* Footer */

#footer {
  min-height: 150px;
  height: auto !important;
  height: 150px;
  padding-top: 15px;
  margin-top: 25px;
  color: #acacac;
  background-color: #242424;
}

#footer .addr {
	float: left;
	padding-top: 15px;
	padding-right: 20px;
	color: #999;
}

/* Button Classes	*/

a.btn {
    background: url(../images/btn-rt.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-top: 0px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.btn span {
	/* Background left image */ 
	background: url(../images/btn-blank.gif) no-repeat; 
	display: block;
	text-decoration: none;
	line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 6px 0 7px 13px;
	color: #09f;
} 

a.btn:hover span { text-decoration: underline; }

a.btn span.accept {
	background: url(../images/btn-accept.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: green;
}

a.btn span.delete {
	background: url(../images/btn-delete.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: red;
}

a.btn span.search {
	background: url(../images/btn-search.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}

a.btn span.login {
	background: url(../images/btn-login.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}