/*  
Theme Name: Skint
Theme URI: http://skint.com/
Description: 
Version: 1.0

*/



body{
	line-height:1;
	}
	*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	/*quotes:none;*/
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
/*	content:'';
	content:none;*/
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */



/* Container
*********************************************************/
.container{
width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}
		
		
/* Colours

Sky blue:	#39c
Pink:		#f39
Dark blue:	#425366
Grey:		#666

*/


/* Body
*********************************************************/

	
body{
	line-height:1.6;
	font-family: Arial, sans-serif;
	font-size: 100%;
	background-color: #63981F;
	background-image: url(images/newbackground.jpg);
	background-position: 50% 0;
	background-repeat: repeat-x;
	}
	
	
a{
	color:#39c;
	font-weight:inherit;
	text-decoration:none;
	}
	a:hover{
		color:#f39;
		text-decoration:underline;
		}
		
p{
	font-size:75%;
	clear:left;
	color:#333;
	margin:0 0 15px
	}
	
h1{
	font-size:250%;
	color:#425366;
	letter-spacing:-1px;
	}
h2{
	font-size:160%;
	color:#f39;
	letter-spacing:-1px;
	}
	h2.big{
		font-size:220%;
		}
		h2.cash{
	font-size:250%;
	color:#425366;
	letter-spacing:-1px;
	}
h3{
	font-size:130%;
	color:#425366;
	letter-spacing:-1px;
	}
h4{
	font-size:130%;
	color:#f39;
	letter-spacing:-1px;
	}
h5{
	font-size:120%;
	color:#425366;
	letter-spacing:-1px;
	}
h6{
	font-size:120%;
	color:#f39;
	letter-spacing:-1px;
	}
h1,
h2,
h3,
h4,
h5,
h6{
	line-height:1.1;
	margin:0 0 15px;
	clear:left;
	font-weight:bold;
	}
	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a{
		}
		h1 a:hover,
		h2 a:hover,
		h3 a:hover,
		h4 a:hover,
		h5 a:hover,
		h6 a:hover{
			text-decoration:none;
			}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small{
		float:right;
		}
	
h1.breadcrumb{
	color:#ccc;
	}
	h1.breadcrumb a{
		color:#aaa;
		}
		h1.breadcrumb a:hover{
			text-decoration:underline;
			}
	h1.breadcrumb em,
	h1.breadcrumb em a{
		color:#ccc;
		font-weight:bold;
		font-style:normal;
		}
	h1.breadcrumb strong,
	h1.breadcrumb strong a{
		color:#555;
		white-space:nowrap;
		}
	
.post h3{
	margin-bottom:5px;
	}

small{
	font-size:67.5%;
	}
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	}
	
hr{
	background-color:#ccc;
	color:#ccc;
	border:none;
	margin:15px 0;
	height:1px;
	}

table{
	font-size:75%;
	color:#777;
	margin:1px 1px 15px;
	width:98%;
	text-align:center;
	}
	th{
		color:#333;
		font-weight:bold;
		border:1px solid #ccc;
		}
	td{
		border:1px solid #ccc;
		padding:5px;
		}
	
blockquote{
	margin:0 0 15px 0;
	padding:13px 15px 1px;
	background:#eee;
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px; */
	border:1px solid #ddd;
	}
	blockquote p{
		margin:0 0 12px;
		}


.alignleft{
	float:left;
	margin:0 15px 15px 0;
	}
.alignright{
	float:right;
	margin:0 0 15px 15px;
	}
.aligncenter{
	display:block;
	margin:15px auto;
	}



#header{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1000;
	}
	#quickcontact{
		font-size:12px;
		color:#39c;
		margin:20px 0 25px;
		float:right;
		letter-spacing:0.5px;
		clear:none;
		}
		#quickcontact a{
			color:#fff;
			text-decoration:none;
			}
			#quickcontact a:hover{
				text-decoration:underline;
				}
	#qualify{
	margin:0;
	float:right;
	clear:right;
	padding-top: 20px;
		}
		#qualify a{
	display:block;
	width:250px;
	height:0px;
	overflow:hidden;
	background-color: #D72D8C;
	background-image: url(images/button-qualify.jpg);
	background-repeat: no-repeat;
	padding-top: 55px;
			}
			#qualify a:hover{
				background-position:0 -55px;
				}
	#logo{
		float:left;
		margin:20px 0 10px;
		clear:none;
		}
		#logo a{
	width:194px;
	height:0;
	padding-top:93px;
	overflow:hidden;
	float:left;
	display:block;
	margin:0;
	background-image: url(images/skint-logo-2.png);
	background-repeat: no-repeat;
			}
		
	#mainnav{
	width:960px;
	margin:0;
	float:left;
	clear:both;
	display:block;
	height:68px;
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
		}
		#mainnav li{
			float:left;
			display:block;
			padding-top:21px;
			text-align:center;
			margin-right:3px;
			font-size:24px;
			}
			#mainnav li a:hover{
				text-decoration:none;
				}
			#mainnav1{
	width:180px;
	background-image: url(images/padlock-blue.png);
	background-repeat: no-repeat;
	background-position: 155px 30px;
	padding-right: 20px;
				}
				
				.apply 	#mainnav1{	background-image: url(images/padlock-pink.png);}
			#mainnav2{
				width:230px;
				}
	.apply #mainnav{
	background-image: url(images/nav-apply.png);
	background-repeat: no-repeat;
		}
	.how #mainnav{
	background-image: url(images/nav-how.png);
	background-repeat: no-repeat;
		}
		.apply #mainnav1 a,
		.how #mainnav2 a{
			color:#f39;
			}
			
			
	#sidenav{
		position:absolute;
		top:142px;
		right:5px;
		}
		#sidenav li{
			float:left;
			display:block;
			}
			#sidenav li a{
				color:#fff;
				font-weight:bold;
				padding:12px 25px;
				text-align:center;
				float:left;
				display:block;
				background:url(images/sidenav-sep.jpg) no-repeat 0 50%;
				}
			#sidenav #sidenav1 a{
				background:none;
				}
.home #sidenav1 a,
	.charges #sidenav2 a,
	.faqs #sidenav3 a,
	.blog #sidenav4 a,
	.contact #sidenav5 a{
		color:#425366;
		}

iframe{
	overflow-x:hidden;
	overflow-y:hidden;
	} 
	
	#main {position:relative;}

#main .container{
	background:#fff;
	padding:30px 30px 0;
	width:900px;
/*	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;*/
	}
	
	#maincontent{
	width:600px;
	float:left;
	overflow:hidden;
		}
		
.apply #maincontent{
	width:900px;
	float:none;
	overflow:hidden;
		}
		
		
		#maincontent ul{
			margin:5px 0 15px 25px;
			list-style:disc;
			font-size:75%;
			color:#333;
			}
			#maincontent li{
				margin:2px 0;
				}
				#maincontent li ul{
					font-size:100%;
					list-style:circle;
					margin:2px 0 2px 10px;
					color:#555;
					}
					
		#maincontent ol{
			margin:5px 0 15px 25px;
			list-style:decimal;
			font-size:75%;
			color:#333;
			}

#maincontent a.applyhere {
	
	margin-top:20px;

display: block;

width: 164px;

height: 0pt;

padding-top: 36px;

overflow-x: hidden;

overflow-y: hidden;

background-color: transparent;

background-image: url(images/button-apply.jpg);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

}

#maincontent a.applyhere:hover

{

background-position: 0pt -36px;

}

	
	#sidebar{
		width:290px;
		margin:0 0 0 10px;
		float:left;
		overflow:hidden;
		}
		#sidebar h1,
		#sidebar h2,
		#sidebar h3,
		#sidebar h4,
		#sidebar h5{
			margin:15px 0;
			}
		#sidebar ul li{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
			}
		#sidebar ul li,
		.sidebox{	
			padding:0 20px;
			background:#e6eaed;
		/*	-moz-border-radius:5px;
			-webkit-border-radius:5px; */
			width:250px;
			float:left;
			clear:both;
			display:block;
			}	
			
				#text-1 .sidebox {
	background-color: #374052;	font-size: 90%; 
			}	
			
				#text-1 .sidebox.secured a {
	display: block;
	margin-bottom: 6px;
	margin-left: 140px;
}
			
			#text-1 .sidebox h2 {
	color: #ffffff;
	margin-top: 4px;
	padding-left: 20px;
	background-image: url(images/padlock-white.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}	
		#sidebar ul li.widget_text{			
			padding:0;
			background:none;
		/*	-moz-border-radius:0;
			-webkit-border-radius:0; */
			}
		#sidebar ul ul li{
			padding:0;
			margin:0 0 0 20px;
			list-style:disc;
			color:#666;
			}
			
				#sidebar ul li.widget_text#text-6  {font-size: 90%; }
			#sidebar ul li.widget_text#text-6 h2 {font-size: 140%;}
			
				#sidebar ul li.share
		{
	background:#e6eaed;
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px; */
	width:250px;
	float:left;
	clear:both;
	display:block;
	height: 25px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
			}
				
				

	.sidebutton{
		width:260px;
		height:97px;
		padding:15px;
		display:block;
		float:left;
		font-size:180%;
		color:#fff;
		font-weight:bold;
		line-height:1.3;
		}
		.sidebutton:hover{
			color:#fff;
			}
		.sidebutton.dark{
			background:url(images/box-dark.jpg) no-repeat;		
			}
		.sidebutton.light{
			background:url(images/box-light.jpg) no-repeat;		
			}
		.sidebutton small{
			display:block;
			font-size:13px;
			color:#425366;
			line-height:2;
			}

	#maincontent #howmuch{
		float:left;
		width:600px;
		margin:10px 0 20px;
		list-style:none;
		}
		#maincontent #howmuch li{
			float:left;
			clear:none;
			margin:0;
			display:block;
			}
		#maincontent #howmuch li a{
			float:left;
			display:block;
			clear:none;
			width:184px;
			height:0;
			padding-top:65px;
			overflow:hidden;
			margin:0 15px 15px 0;
			}
			#maincontent #howmuch li a:hover{
				background-position:0 -65px;
				}
			#howmuch .button100{
				background-image:url(images/button-100.jpg);				
				}
			#howmuch .button200{
				background-image:url(images/button-200.jpg);				
				}
			#howmuch .button400{
				background-image:url(images/button-400.jpg);				
				}
			#howmuch .button600{
				background-image:url(images/button-600.jpg);				
				}
			#howmuch .button800{
				background-image:url(images/button-800.jpg);				
				}
			#howmuch .button1000{
				background-image:url(images/button-1000.jpg);				
				}

	#maincontent #steps{
		float:left;
		width:600px;
		margin:10px 0;
		list-style:none;	
		}
		#maincontent #steps li{
			width:130px;
			margin:0;
			height:110px;	
			padding:125px 25px 20px;
			background-color:#e6eaed;
			background-repeat:no-repeat;
			background-position:50% 15px;
			float:left;
			margin-right:20px;
		/*	-moz-border-radius:5px;
			-webkit-border-radius:5px; */
			text-align:center;
			}
			#maincontent #steps li strong{
				display:block;
				text-transform:uppercase;
				color:#666;
				font-size:150%;
				}
			#maincontent #steps li em{
				display:block;
				color:#39c;
				line-height:1.2;
				font-weight:bold;
				font-style:normal;
				font-size:180%;
				}
				
			#steps #step1{
				background-image:url(images/icon-step1.jpg)			
				}
			#steps #step2{
				background-image:url(images/icon-step2.jpg)			
				}
			#steps #step3{
				background-image:url(images/icon-step3.jpg)			
				}
				
				#steps #step3 a {display:inline;}


#footer{
	padding:10px 0;
	clear:both;
	}
	#footer .container{
		padding:5px 0 0;	
		}
		#footer p{
			font-size:11px;
			color:#eaeaea;
			margin-bottom:5px;
			}
			#footer p a{
				color:#fff;
				}
				#footer p a:hover{
	color:#FFFF00;
					}
		#footer p.left{
		/*	float:left;
			clear:none;
			width: 600px;*/ text-align: center;
			}
		#footer p.right{
			float:right;
			clear:none;
			}
	


.widget{
	margin-bottom:25px !important;
	float:left;
	width:290px;
	display:block;
	clear:both;
	}
	.widget ul,
	.widget form{
		margin-bottom:0 !important;
		}
	.widget h2{
		margin-bottom:5px !important;
		}


/*form{
	margin:0 0 25px;
	float:left;
	position:relative;
	}*/
	form.login{
		}
	form.contact{
		}
	form p{
		margin:0 0 15px 0;
		}
	fieldset{
		}
	legend{
		}
	.error{
		display:block;
		background:#ffc;
		color:#f00;
		border:1px solid #fcc;
		font-weight:bold;
		float:left;
		text-align:center;
		width:100%;
		margin:0 0 15px;
		padding:5px 0;
		}
				
	.text input,
	.text textarea{
	 	clear:left;
		display:block;
		float:left;
		width:573px;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		}
		.text:hover input,
		.text:hover textarea,
		.text:focus input,
		.text:focus textarea{
			border:1px solid #39c;
			}
	.text select{
	 	clear:left;
		display:block;
		float:left;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		}
	.text label,
	.submit label,
	.select label{
		float:left;
		display:block;
		clear:left;
		font-size:1.2em;
		font-weight:bold;
		color:#999;
		}
		label.required:after {
			color:#f39;
			content:" *";
			font-weight:bold;
			}
	.forgot{
		display:block;
		float:left;
		width:200px;
		font-size:.95em;
		color:#666;
		margin:-3px 0 12px 170px;
		}
	.submit input{
		display:block;
		float:left;
		padding:5px 10px !important;
		background:#39c;
		border:none;
		font-family:Arial,sans-serif;
		text-transform:uppercase;
		font-size:150%;
		font-weight:bold;
		color:#fff;
		width:auto;
		cursor:pointer;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		}
		.submit input:hover{
			background:#000;
			}
	.check input{
		display:block;
		clear:both;
		float:left;
		margin:0 5px 15px 160px;
		cursor:pointer;
		}
	.check label{
		display:block;
		float:left;
		margin:-3px 0 10px 0;
		cursor:pointer;
		width:450px;
		}
		
		.girl {background-image: url(images/girl.png);
	background-repeat: no-repeat;
	height: 500px;
	width: 300px;
	top: 300px;
	z-index: 2000;
	background-position: right top;
	left: 930px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	visibility: visible;
	display: block;}
		
		.home .girl {
	background-image: url(images/girl.png);
	background-repeat: no-repeat;
	height: 500px;
	width: 300px;
	top: 300px;
	z-index: 2000;
	background-position: right top;
	left: 930px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	visibility: visible;
	display: block;
}

.sidebarstrapline {
	color:#5E94C9;
	font-size:1.2em;
}


/*  FORM STYLING  */

.captureform  {
	/*width: 580px;*/
}

.captureform .panel {
	background-color: #fafafa;
	/*padding: 15px;
	margin-bottom: 15px; */
	padding-top: 5px;
	float: left;
	clear: left;
	width: 870px;  
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-right: 15px;
	padding-left: 15px;
}

.captureform h2 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing:0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

.captureform h2 span.bluetext {
	color: #5C93C7;
}

.captureform p {
clear:both; font-size:13px; padding-bottom: 5px; margin: 0px;
}

.captureform p.bluetext {
	color: #5C93C7;
}

.captureform p.submit {
padding-left: 360px; margin-bottom: 10px;
}

.captureform label {
/*width:150px; float:left;*/display:block; 
}

.captureform label.nin {position: relative; width: 200px;}

.captureform p span.submit { float: right;}


.captureform input {
	border: 1px solid #cccccc;
	background-color: #FFFFFF; padding: 2px; width: 150px;
}

.captureform p.checkbox input {
	 width: auto; padding: 0px; border: none;
}

.captureform select {
	border: 1px solid #cccccc;	background-color: #FFFFFF;
}

.captureform input.button {
	color: #FFFFFF;
	background-color: #374052;
	padding: 10px;
	
}

.captureform input.button:hover {
	background-color: #D72987; cursor: pointer;
}

#rotator {
	width: 500px;
	overflow: hidden;
	position: absolute;
	left: 230px;
	top: 30px;
	height: 100px;
}

#rotator div {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	
	margin-bottom:100px;
}


.clearfloats {
	display: block;
	clear: both;
	height: 0px;
	width: 100%;
	overflow: hidden;
}

div.fldRow {
	clear: both;
}

div.fldRow div {
	float: left;
	width: 160px;
	padding-bottom: 5px;
	clear:none;
	padding-right: 5px;
	padding-left: 5px;	font-size: 12px;
}

div.fldRow div label {display:block; font-size: 12px;	width: 140px;}

div.fldRow div input {
	width: 150px;
	
}

.contactform p {font-size: 1.0em; clear: both;}

.contactform p.pink {color: #f39; font-size: 75%;}

.contactform p label {
	display: block;
}

.contactform p textarea, .contactform p input {
	 	clear:left;
		display:block;
		float:left;
		width:300px;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		}
		
		.contactform p select{
	 	clear:left;
		display:block;
		float:left;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		width: 200px; 
		}

.contactform p.submit { font-size: 75%;}

.contactform p.submit input{
		display:block;
		float:left;
		padding:5px 10px !important;
		background:#39c;
		border:none;
		font-family:Arial,sans-serif;
		text-transform:uppercase;
		font-size:150%;
		font-weight:bold;
		color:#fff;
		width:auto;
		cursor:pointer;
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; */
		}
		
		input.errorhighlight {border: solid 1px #ff0000;}

select.errorhighlight {border: solid 1px #ff0000;}

textarea.errorhighlight {border: solid 1px #ff0000;}

p.errorhighlight {color: #ff0000;}

.textwidget strong {color: #666666;}

.apply .sidebartext {position:relative;}

.applysecured {
	background-color: #374052;
	font-size: 90%;

	width: 250px;
	display: block;
	padding: 10pt;
	position: absolute;
	left: 622px;
}

	.applysecured a {
	display: block;
	margin-bottom: 6px;
	margin-left: 140px;
}
			
.captureform .applysecured h2 {
	color: #ffffff;
	margin-top: 4px;
	padding-left: 20px;
	background-image: url(images/padlock-white.png);
	background-repeat: no-repeat;
	background-position: left 3px; font-size: 150%; font-weight: bold;
	padding-bottom: 6px;
}