/* 
	Title:		Master styles for TripEdge website @ http://tripedge.co.uk
	Author: 	Robert Wheeler - robert@tripedge.co.uk
	Note:		If you are reading this - 'Thanks', I'm glad my work has you interested :)
*/

* {margin:0;padding:0;}
body {background:url(/i/bg.jpg) top center RGBA(255,255,255,1) no-repeat;font-family:Helvetica, Verdana, Arial, Sans-serif;color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;}
li {list-style-type:none;}
p {font-size:14px;}
em {color:#009;font-weight:900;}
span.amp {font-family: Baskerville, Palatino, "Book Antiqua", serif;font-style: italic;}
a  {text-decoration:none;}
br.clear {clear:both;clear:all;}

header {
		background:RGBA(255,255,255,1);
		height:60px;
		width:930px;
		margin:0 auto;
		text-align:center;
		padding:0 15px;
		-moz-border-radius-bottomleft:15px;
		-moz-border-radius-bottomright:15px;
		-webkit-border-bottom-left-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-o-border-bottom-left-radius:15px;
		-o-border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		border-bottom-right-radius:15px;
		}
h1 {
		background:url(/i/tripedge.gif) no-repeat;
		text-indent:-9999px;
		width:128px;
		height:48px;
		margin:5px auto 0 auto;
		text-align:left;
		float:left;
		}
		
header nav {
		float:right;
		text-align:right;
		padding-top:23px;
		font-size:16px;
		font-weight:100;
		}

header nav li {
		display:inline;
		list-style-type:none;
		padding:0 10px;
		border-right:1px solid #DDD;
		}

header nav li.last {
		border-right:none;
		}
		
			
section {
		background:RGBA(255,255,255,1);
		width:930px;
		margin:0 auto;
		text-align:center;
		padding:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		-o-border-radius:15px;
		border-radius:15px;
		min-height:600px;
		}

section article {
		width:565px;
		float:left;
		padding:0 10px;
		}

section h2 {
		text-align:left;
		color:#009;
		font-style:italic;
		font-size:32px;
		line-height:2;
		font-weight:100;
		}

section p {
		text-align:left;
		line-height:1.5;
		font-size:16px;
		font-weight:100;
		padding-bottom:15px;
		}

#breadcrumbs {
		margin-top:10px;
		text-align:left;
		line-height:1;
		font-size:12px;
		font-weight:100;
		color:#666;
		}

div.box {
		margin-top:10px;
		padding-right:10px;
		float:right;
		}

div.inner {
		color:#000;
		width:280px;
		text-align:left;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
		background:#efefef;
		border:10px solid #DDD;
		}

.grad {
	    background: #000099;
	    background: -moz-linear-gradient(top, #0033CB, #000099);
	    background: -webkit-gradient(linear, left top, left bottom, from(#0033CB), to(#000099));
	    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0033CB', EndColorStr='#000099', GradientType=0);
		text-shadow:2px 2px 2px #000;
	  	}

div.inner h3 {
		color:#fff;
		font-style:italic;
		padding:10px;
		margin:0;
		font-weight:100;
		}

div.inner p {
		text-align:left;
		line-height:1.5;
		margin-top:0;
		padding:10px;
		font-size:15px;
		}

div.inner img {
		border:0;
		padding:0;
		margin:0;
		}

div.inner h4 {
		background:#efefef;
		text-align:right;
		margin-top:0;
		padding:5px 0;
		font-size:12px;
		font-weight:100;
		border:0;
		}

div.inner h4 a {
		color:#666;
		}
	
.group div.box {
		margin:10px 0 0 0;
		padding:5px;
		float:left;
		}

.icon {
		display:inline;
		vertical-align:bottom;
		}


footer {
		height:60px;
		background:RGBA(255,255,255,1);
		width:930px;
		margin:0 auto;
		text-align:center;
		padding:15px;
		-moz-border-radius-topleft:15px;
		-moz-border-radius-topright:15px;
		-webkit-top-left-radius:15px;
		-webkit-top-right-radius:15px;
		-o-top-left-radius:15px;
		-o-top-right-radius:15px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
		}
	
footer li {
		line-height:2;
		font-size:14px;
		display:inline;
		padding:10px;
		}

p.small {
		font-size:11px;
		color:#666;
		line-height:1.5;
		}
				
.button {
	   display: inline-block;
	   zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	   *display: inline;
	   vertical-align: top;
	   margin: -7px 2px;
	   outline: none;
	   cursor: pointer;
	   text-align: center;
	   text-decoration: none;
		font: 14px/100% Arial, Helvetica, sans-serif !important;
	   font-weight: bold !important;
	   padding: .4em /*2em*/ .55em;
	   text-shadow: 0 1px 1px #555;
	   border-radius: .5em;
	   -o-border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: .5em; 
	   box-shadow: 0 1px 2px rgba(0,0,0,.2);
	   -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
    	text-decoration: none;
}

.button:active {
    	position: relative;
    	top: 1px;
}

.medium {
    	font-size: 16pt !important;
}

.button.small {
    	font-size: 10pt !important;
}

a.button:hover {
		color: #fff;
}	

a.button {
		text-decoration: none !important;
}

.orange {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.green {
		color: #e8f0de;
		border: solid 1px #538312;
		background: #64991e;
		background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
		background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
		background: #538018;
		background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
		background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
		color: #a9c08c;
		background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
		background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

#postcard {
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
		border:1px solid #000;
		background:url(/i/postcard.gif) top left no-repeat #fff;
		color:#333;
		width:592px;
		min-height:420px;
		margin:70px auto;
		text-align:center;
		-moz-box-shadow:rgba(51,51,51,0.8) 15px 15px 20px;
		-webkit-box-shadow:rgba(51,51,51,0.8) 15px 15px 20px;
		-o-box-shadow:rgba(51,51,51,0.8) 15px 15px 20px;
		box-shadow:rgba(51,51,51,0.8) 15px 15px 20px;
		}

#postcard:hover {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		}

#postcard div#form {
		float:left;
		width:330px;
		height:400px;
		margin:0px 0 10px 10px;
		}

#postcard fieldset {
		border:0;
		margin:0;
		padding:0;
		}

#postcard form {
		width:370px;
		padding:0px;
		font-size:14px;
		font-weight:100;
		text-align:left;
		}

#postcard form h3 {
		font-size:22px;
		margin-top:20px;
		margin-bottom:0;
		padding-bottom:15px;
		font-weight:100;
		letter-spacing:-1px;
		font-style:italic;
		color:#009;
		text-align:left;
		}

#postcard form label {
		font-size:16px;
		font-weight:100;
		margin-bottom:16px;
		padding-right:10px;
		}

#postcard form select {
		font-size:14px;
		font-weight:100;
		margin-bottom:10px;
		}

#postcard form input {
		font-size:14px;
		font-weight:100;
		margin-bottom:10px;
		}

#postcard form select:focus {
		background:#FFC;
		}

#postcard form input:focus {
		background:#FFC;
		}

#postcard #text {
		float:right;
		width:230px;
		height:400px;
		margin:90px 10px 10px 0;
		}

#postcard #text h2 {
		margin-top:15px;
		margin-bottom:0;
		padding-bottom:5px;
		background:url(/i/bar.gif) 0% 60% repeat-x;
		}

#postcard #text h2 b {
		color:#009;
		font-style:italic;
		background:#fff;
		padding:0px 5px;
		font-family:Verdana;
		font-weight:100;
		font-size:13px;
		}

#postcard #text p {
		text-align:left;
		margin-top:0px;
		padding:1px 0px 0 0px;
		line-height:1.4em;
		font-size:10px;
		font-family:Verdana;
		color:#000;
		margin-bottom:0;
		}

#postcard #text p small {
		font-size:10px;
		padding-top:15px;
		}
	
#forms {
		width:280px;
		margin:20px 0 10px 10px;
		}

#forms fieldset {
		border:0;
		margin:0;
		padding:0;
		}

#forms form {
		width:370px;
		padding:0px;
		font-size:14px;
		font-weight:100;
		text-align:left;
		}

#forms form h3 {
		font-size:22px;
		margin-top:20px;
		margin-bottom:0;
		padding-bottom:15px;
		font-weight:100;
		letter-spacing:-1px;
		font-style:italic;
		color:#009;
		text-align:left;
		}

#forms form label {
		font-size:12px;
		font-weight:100;
		margin-bottom:16px;
		padding-right:10px;
		}

#forms form select {
		font-size:12px;
		font-weight:100;
		margin-bottom:10px;
		}

#forms form input {
		font-size:12px;
		font-weight:100;
		margin-bottom:10px;
		}

#forms form select:focus {
		background:#FFC;
		}

#forms form input:focus {
		background:#FFC;
		}
optgroup option {
		padding-left:20px;
}