/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-----LaYOUT-----*/

/*
* {
margin:0;
padding:0;
}*/

body{
font-family:helvetica, sans-serif;
margin:15px 0;
}

#dropwrap{
width:843px;
margin:0px auto 0 auto;
padding:0 5px;
background-image:url(nav/sitedrop.gif);
background-repeat:repeat-y;
}


#wrapper{
width:833px;
border-top:1px solid #f58426;
border-bottom:1px solid #f58426;
background-image:url(nav/header.gif);
background-repeat:no-repeat;
}


#contentwrapper{
overflow:auto;
width:100%;
background-color:#ffffff;
margin-bottom:20px;
}


#leftcontent{
float:left;
width:220px;
padding:40px 0 20px 10px;
text-align:right;
}


#rightcontent{
float:right;
width:510px;
padding:40px 30px 20px 0;
}


#footer{
width:833px;
background-color:#f58426;
text-align:center;
color:#fff;
}


#footer p{
color:#fff;
font-size:0.7em;
padding:0.8em 0 0.7em 0;
margin:0;
}

#footer img{
vertical-align:middle;
margin: 0 8px;
}

/*-------MeNU--------*/

#menu{
padding:120px 0 0 37px;
width:833px;
}

#menu ul{
list-style:none;
font-family:helvetica, sans-serif;
font-size:0.9em;
color:#fff;
font-weight:bold;
}

#menu ul li{
float:left;
text-align:center;
}

#menu ul li a, #menu ul li a:visited{
text-decoration:none;
display:block;
border-right:1px solid #fff;
padding:0.7em 0 0.4em 28px;
margin-right:30px;
}

#menu ul li a.itemone, #menu ul li a:visited.itemone{
color:#00aeef;
background: #fff url(nav/menu1.png) no-repeat;
background-position: 0 0;
}

#menu ul li a.itemtwo, #menu ul li a:visited.itemtwo{
color:#ec008c;
background: #fff url(nav/menu2.png) no-repeat;
background-position: 0 0;
}


#menu ul li a:hover.itemone {color:#3e3e3e; background-position: 0px -124px;}
#menu ul li a:hover.itemtwo{color:#3e3e3e; background-position: 0px -124px;}


/*-------FoNTS--------*/

p{color:#565656; font-size:0.8em; line-height:1.2em; margin-right:95px; margin-bottom:1em;}

h1, h2, h3, h4, h5, h6, h7 {}

h1{font-size:1.2em; margin-bottom:1em; color:#f58426;}
h2{font-size:1.0em; margin:1.4em 0 0.6em 0;}
h3{font-size:0.9em;}
h4{font-size:0.6em;}

#leftcontent h1{ font-size:1.2em; margin-bottom:0.2em; color:#f58426;}
#leftcontent h2{font-size:1em; margin:0 0 1.3em 0; color:#f58426;}

ul{margin: 0.6em 0 1.7em 0;}
li{margin:0 0 0.4em 0;}
ul,li{list-style:none; color:#565656; font-size:0.9em;}
ul li ul { margin: 0.6em 0 1em 0;}
ul li ul li{ padding-left:10px; font-size:1.1em;}


/*--- CoLOURS ---*/

.cyan{color:#00aeef;}
.magenta{color:#ec008c;}
.green{color:#6ba340;}
.purple{color:#791D7E;}
.orange{color:#f58426;}
.aqua{color:#00AE9E;}
.lime{color:#BED73B;}


/*------ FoRM-------*/

#contactform.input{width:350px;}
#contactform h4{color:#f58426; font-size:0.8em; margin:0.8em 0 0.4em 0;}
.button{display:block; margin-top:1em;}
#tinc_content{width:600px; margin:30px auto;}


/*------ MoBILE-------*/


/*@media (min-width:300px) and (max-width:600px) {*/
	@media (max-width:500px) {
	body{margin:15px 0 0 0;}
	#wrapper{width:auto;background:url('nav/logo-mob.png') no-repeat 18px 0px;border:0;}
/*	#menu{height:100px;padding:110px 0 0 11px;width:100%;text-align: right;}*/
	#menu{height:50px;padding:90px 0 0 18px;width:auto;text-align: center;border-bottom:1px solid #f58426;margin-bottom: 15px; }
	#menu ul li{float:left;text-align:center;padding-top:6px;}
/*	#menu ul{width:225px;margin:0 auto;}*/
	#leftcontent{float:none;width:auto;padding:20px 20px 20px 20px;text-align:left;border-bottom:1px solid #f58426;}
			#leftcontent h1{ font-size:1.6em; margin-bottom:0.2em; color:#f58426;}
#leftcontent h2{font-size:1.2em; margin:0 0 1.3em 0; color:#f58426;}
#leftcontent ul{font-size: 1em;}
#rightcontent{float:none;width:auto;padding:20px 20px 20px 20px;font-size: 1.2em;}
#rightcontent p {margin: 0;}
#footer{width:auto;font-size: 1.3em;height:46px;padding-top:7px;}
#dropwrap{width:auto;margin:0;padding:0;background-image:none;}
}


@media (min-width:501px) and (max-width:700px) {
		body{margin:15px 0px 0 0;}
		#wrapper{width:auto;background:url('nav/logo-mob.png') no-repeat 18px 0px;border:0;}
/*			#menu{height:100px;padding:50px 0 0 11px;width:auto;text-align: right;}
				#menu ul li{float:right;text-align:center;}*/
		#menu{height:50px;padding:90px 0 0 18px;width:auto;text-align: center;border-bottom:1px solid #f58426;margin-bottom: 15px; }
		#menu ul li{float:left;text-align:center;padding-top:6px;}
		#leftcontent{float:none;width:auto;padding:20px 20px 20px 20px;text-align:left;border-bottom:1px solid #f58426;}
		#leftcontent h1{ font-size:1.6em; margin-bottom:0.2em; color:#f58426;}
#leftcontent h2{font-size:1.2em; margin:0 0 1.3em 0; color:#f58426;}
#leftcontent ul{font-size: 1em;}
#rightcontent{float:none;width:auto;padding:20px 25px 20px 20px;font-size: 1.2em;}
#rightcontent p {margin: 0;}
#footer{width:auto;font-size: 1.3em;height:46px;padding-top:7px;}
#dropwrap{width:auto;margin:0;padding:0;background-image:none;}
}