/* FILE: STYLE.CSS   CREATED: 09-02-10   BY: EDD TURTLE   EDTURTLE.CO.UK */



@font-face {
    font-family: 'Contra';
    src: url('fonts/contra.eot');
    src: local('Contra Regular'), 
         local('Contra'), 
         url('fonts/contra.ttf') format('truetype'),
         url('fonts/contra.svg#font') format('svg'); }


/* ------------------ RESET ----------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height:1;}
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;}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

.clear {clear:both;}

img { -ms-interpolation-mode: bicubic; }

/* ------------------ END RESET ----------------------- */



body {
	padding: 40px 0 0 0;
	margin: 0;
	background: #036 url(images/bg_header.jpg) top left repeat-x;
	/* DEFAULTS */
	color: #FFF;
	font: 13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
	text-align:center;}

a:link, a:visited {
	color:#FFF;
	text-decoration:underline;}
    a:hover, a:focus, a:active {
	color:#CCF;
	text-decoration:none;
	text-shadow:0px 0px 2px #FFF;}

header, footer, section, aside, nav, article, #content { 
	display:block;
	text-align:left;
	border:0px solid #666;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Contra', Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-weight:normal;
	color:#FFF;
	padding:0 0 10px 0;
	text-shadow:1px 1px 1px #000;}
    h1 { font-size:32px; }
    h2 { font-size:32px; }
    h3 { font-size:30px; }
    h4 { font-size:26px; }
    h5 { font-size:22px; }
    h6 { font-size:18px; }

p { 
	padding: 0 0 10px 0;
	line-height:18px;
	text-align:left;}

.all {
	width:100%;
	background: url(design/bg_footer.jpg) bottom left repeat-x;}



header {
	margin:0 auto;
	padding: 20px 0 0 0;
	width:980px;
	text-align:center;
	margin:0 auto;}
    header #moon { float:right; }
    header a img { padding-top:20px; }
    header a img:hover { padding-top:18px; padding-bottom:2px; }

#content {
	margin:0 auto;
	width:980px;}

nav {
	margin:0 auto;
	padding: 0 0 20px 0;
	width:980px;
	height:40px;}
    nav ul li {
	list-style:none;
	display:inline;}
    nav ul li a {
	background:url(http://www.edturtle.co.uk/centre/famfam-icons/star.png) center 26px no-repeat;
	font: 18px Tahoma, Geneva, Verdana, sans-serif;
	display:block;
	float:right;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	padding: 0 14px;}




    nav ul li a:link, nav ul li a:visited {
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
    nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
	color:#FFF;
	text-decoration:none;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}



section { 
	width:440px;
	padding: 20px;
	float:left;}
    section.testimonial { 
	width:400px;  }
    section.aboutme { width:490px; }
    section.social { width:430px; }
    section.network { width:490px; }


    section .center { 
	width:100%;
	text-align:center;}

    section.testimonial a img { 
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
    section.testimonial a img:hover { 
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    section.testimonial blockquote p { 
	font:italic 18px Georgia, Serif;}

    section.testimonial img {
	width:330px;}

    section.social ul { 
	margin:0;
	padding:0;
	height:78px;
	width:95%;}
    section.social ul li { 
	display:inline;}
    section.social ul li a { 
	display:block;
	float:left;}
    section.social ul li a img { 
	width:50px;
	margin-right:5px;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
    section.social ul li a img:hover {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

    section.network ul { 
	margin:0;
	padding:0;}
    section.network ul li { 
	display:inline;}
    section.network ul li a { 
	display:block;
	float:left;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
    section.network ul li a:hover { 
	display:block;
	float:left;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    section.network ul li a img { 
	border:2px solid #000;
	margin: 9px 9px 0 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}


/* ------------------ CONTACT LAYOUT ----------------------- */

#contactform {
	background:#E5ECFF url(design/grad-box.png) top center repeat-x;
	border:3px solid #668CFF;
	padding: 20px;
	width:380px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;}
    #contactform .m1 { /* Thankyou Green */
	background:#99FF66 url(favicon.ico) 14px center no-repeat;
	border:1px solid #2B8000;
	width:350px;
	height:200px;
	line-height:200px;
	margin:10px 0;
	padding: 10px 4px 10px 4px;
	font-size:13px;
	display:block;
	text-align:center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;}
    #contactform .m2 { /* Error Red */
	background:#FF8080 url(favicon.ico) 10px center no-repeat;
	border:1px solid #CC0000;
	width:330px;
	padding: 10px 4px 10px 30px;
	margin:8px 0 14px 0;
	font-size:13px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;}
    #contactform h2 {color:#000;}
    #contactform label {
	font-size:12px;
	color:#333;
	display:block;
	width:100%;
	page-break-after:always;}
    #contactform label.error {color:red;}
    #contactform input[type="text"] {
	width:320px;
	padding:5px 7px;
	margin:5px 0 9px 0;
	border:1px solid #333;
	color:#333;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;}
        #contactform input[type="text"]:focus {
		opacity:1.0;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    #contactform textarea {
	width:320px;
	min-height:150px;
	padding:5px 7px;
	margin:4px 0 7px 0;
	border:1px solid #333;
	color:#333;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;}
        #contactform textarea:focus {
		opacity:1.0;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    #contactform input[type="submit"] {
	padding:8px 24px;
	font-size:13px;}
.contactextra {
	width:250px;
	padding:40px 0 0 0;}

/* ------------------ END CONTACT LAYOUT ----------------------- */


footer {
	background: url(design/footer_bg.png) top center no-repeat;
	margin:35px auto 0 auto;
	padding:25px 0 120px 0;
	width:980px;
	min-height:200px;}

    footer section {
	width:275px;
	padding:5px 25px;
	display:block;
	float:left;}

    footer .footer-left {
	width:310px;}
    footer .footer-left img {
	border:2px solid #000;
	float:left;
	width:60px;
	margin: 0 10px 2px 0;}

    footer .footer-center li {
	display:inline;}
    footer .footer-center li a {
	display:block;
	padding:10px 5px 10px 0;
	float:left;}
    footer .footer-center li a img{
	width:48px;}


    footer .footer-right {
	width:240px;}
    footer .footer-right h4 {	
	text-align:left;}
    footer .footer-right article {
	padding:5px 0 4px 0;
	text-align:center;}
    footer .footer-right a {
	text-decoration:none!important;
	font-size:16px;
	text-align:center;
	padding: 3px 0 0 0;
	width:100%;
	display:block;
	margin:0 auto;}
    footer .footer-right a img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
        footer .footer-right a img:hover {
		opacity:1.0;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.right {
	float:right;
	margin:0 0 50px 10px; }
.left { 
	float:left;
	margin:0 10px 10px 0; }

.picture { 
	border:2px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }

.me { width:100px; }