/*
Theme Name: Kenneth Mansergh
Version: 1.0
Description: Custom website for Kenneth Mansergh
Author: Intervision Design
Author URI: http://www.intervision.com.au
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/





/************************************/
/************ START CSS *************/

body {
	background: #fff;
	color: #666;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 400;
}
a {
	color:#666;
	font-weight: 400;
}
a:hover,
a:active {
	color:#000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

/*a { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }*/
/* .round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }*/

/************************************/
/*************** MAIN ***************/


/* Header */

.website { display: block; position: relative; width: 100%; overflow: hidden;}

#logo { margin: 100px auto 15px auto; width: 100%; position: relative; text-align: center; z-index: 9;}

.text { width: 450px; margin: 0 auto; position: relative; z-index: 9;}
.text hr { max-width: 120px; margin: 0 auto; display: block; margin-bottom: 1em;}

.img1, .img2, .img3, .img4, .img5, .img6, .img7 { z-index: 1;}

.img1 { width: 250px; position: absolute; top: 100px; left: 50%; margin-left: -455px;}
.img2 { width: 250px; position: absolute; top: 390px; left: 50%; margin-left: -455px;}
.img3 { width: 250px; margin: 30px auto 220px auto;}
.img4 { width: 250px; position: absolute; top: 390px; left: 50%; margin-left: 205px;}
.img5 { width: 330px; position: absolute; top: 1030px; left: 50%; margin-left: -455px;}
.img6 { width: 330px; position: absolute; top: 1070px; left: 50%; margin-left: 125px;}
.img7 { width: 250px; margin: 20px auto;}

.copyright { text-align: center; font-size: 12px; color: #ccc; display: block; position: relative; z-index: 9; padding: 10px 0; color: #fff;}
.copyright a { color: #fff !important;}

/************************************/
/************** GRIDS ***************/

.container {
	margin:0 auto;
	width:1000px;
	display:block;
	padding: 0;
}

/* GRIDS TABLET */
@media (min-width: 768px) and (max-width: 999px) {
	
	.container { width: 768px; padding: 0 30px;}
	
}

/* GRIDS MOBILE */
@media (max-width: 767px) {
	
	.container { width: 100%; padding: 0 30px;}
	
	#logo { margin-top: 0;}
	
	.text { width: 100%;}
	
	.img1 { width: 150px; position: relative; top: 0; left: 0; margin: 0 auto;;}
	.img3 { width: 250px; margin: 30px auto;}
	.img7 { width: 150px; margin: 20px auto;}
	
}

/************************************/
/************** OTHER ***************/

/* SELECT & PLACEHOLDER */
::selection,
::-moz-selection { background: #f1f1f1; color:#333;}

::-webkit-input-placeholder { color:#999999;}
	 :-ms-input-placeholder { color:#999999;}
	 	 ::-moz-placeholder { color:#999999;}
		  :-moz-placeholder { color:#999999;}

/* FORMS */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
/*input[type="number"],*/
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background: #fff;
	border: 1px solid #D0D4D7;
	color: #000;
	font-size:14px ;
	padding: 10px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
/*input[type="number"]:focus,*/
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	background:#fff;
	border-color: #000;
	color: #000;
	outline: none !important;
}

input[type="button"],
input[type="submit"] {
	border: none !important;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 11px 20px;
	text-transform: uppercase;
	font-family: sans-serif;
	-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);
	   -moz-box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);
		-ms-box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);
		    box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);
}

input[type="button"]:hover,
input[type="submit"]:hover {
	color: #fff;
	background: #000;
	-webkit-box-shadow:inset 0 -70px 0 2px rgba(0,0,0,0.1);
	   -moz-box-shadow:inset 0 -70px 0 2px rgba(0,0,0,0.1);
		-ms-box-shadow:inset 0 -70px 0 2px rgba(0,0,0,0.1);
		    box-shadow:inset 0 -70px 0 2px rgba(0,0,0,0.1);
}

input[type="radio"],
input[type="checkbox"] {
margin: 0 !important;
*margin-top: 0 !important;
line-height: normal;
}

/* TEXT STYLING */

.text 	 { padding: 0;}
.text a {}
.text a:hover { text-decoration: underline;}
.text h6 { font-size:16px;}
.text h5 { font-size:18px;}
.text h4 { font-size:18px;}
.text h3 { font-size:24px;}
.text h2 { font-size:30px;}
.text h1 { font-size:36px;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
	padding-bottom: 15px;
	/*text-transform: none;*/
}
.text dt, .text strong, .text b { font-weight: normal !important; font-weight: 700;}

/************************************/
/************* END CSS! *************/