/*
Theme Name: Travel Hand
Theme URI: http://www.travelhand.co.uk/
Description: Wordpress custom template for Travel Hand.
Version: 1.0
Author: Destroy All Monsters
Author URI: http://www.destroyallmonsters.biz/
*/


/* RESET STYLES */
/* Tables still need 'cellspacing="0"' in the markup. */
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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
:focus {
	outline:0;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}



body {
	color:#444;
	background:#fff url("/wp-content/themes/travelhand/img/body.gif") repeat-y center 0;
	font:normal 1em/1.4 Tahoma,Arial,Helvetica,sans-serif;
	text-align:center;
}
a {
	color:#426ba8;
	background-color:transparent;
}
a:hover {
	color:#fff;
	background-color:#426ba8;
	text-decoration:none;
}
strong {
	color:#000;
	background-color:transparent;
	font-weight:bold;
}
em {
	color:#000;
	background-color:transparent;
	font-style:italic;
}



#header-wrap {
	position:absolute;
	z-index:999;
	top:23px;
	left:50%;
	width:320px;
	margin-left:-480px;
	text-align:left;
}
#header h1 a {
	color:#426ba8;
	background-color:transparent;
	font:normal 36px/1.1 "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration:none;
	text-transform:lowercase;
	text-shadow:#aaa 0 2px 2px;
}
#header h2 {
	margin-top:20px;
	color:#000;
	background-color:transparent;
	font:bold 18px/1.1 Tahoma,Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	text-shadow:#aaa 0 2px 2px;
}



#content-wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#content {
	position:relative;
	width:580px;
	padding:110px 0 1em 380px;
}
#content h1 {
	margin-bottom:1em;
	color:#426ba8;
	background-color:transparent;
	font:normal 1.8em/1.4 "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	text-shadow:#aaa 0 2px 2px;
}
#content h2 {
	margin-bottom:1em;
	color:#426ba8;
	background-color:transparent;
	font:normal 1.2em/1.4 "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-shadow:#aaa 0 2px 2px;
}
#content p {
	margin-bottom:1em;
	font-size:0.8em;
}
#content ul {
	margin:0 0 1em 1.5em;
	font-size:0.8em;
	list-style-type:square;
}
#content ol {
	margin:0 0 1em 5em;
	font-size:0.8em;
	list-style-type:lower-alpha;
}



#pictures {
	position:absolute;
	top:180px;
	left:50%;
	width:340px;
	margin-left:-481px;
	text-align:left;
}
#pictures .picture-wrap {
	position:relative;
	width:320px;
	padding:0 5px 0 0;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/picture-wrap.png") no-repeat right bottom;
}
#pictures .picture-wrap .bl {
	position:absolute;
	left:0;
	bottom:0;
	width:10px;
	height:5px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/picture-wrap.png") no-repeat left bottom;
}
#pictures .picture-wrap .tr {
	position:absolute;
	top:0;
	right:0;
	width:5px;
	height:10px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/picture-wrap.png") no-repeat right top;
}
#pictures .picture-caption {
	padding-right:20px;
	text-align:right;
	text-shadow:#aaa 0 2px 2px;
}



#nav-site-wrap {
	position:absolute;
	top:19px;
	left:0;
	width:100%;
	height:60px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/nav-site.png") no-repeat center 0;
}
#nav-site {
	width:590px;
	margin:0 auto;
	padding-left:370px;
	text-align:left;
}
#nav-site ul li {
	float:left;
}
#nav-site ul li a {
	position:relative;
	height:43px;
	padding:17px 11px 0 11px;
	color:#fff;
	background-color:transparent;
	font-size:13px;
	text-decoration:none;
	text-transform:lowercase;
	text-shadow:#333 0 2px 1px;
	display:block;
	float:left;
}
#nav-site ul li a .bl, 
#nav-site ul li a .br {
	display:none;
}
#home #nav-site ul li#nav-site-home a,
#howitworks #nav-site ul li#nav-site-howitworks a, 
#servicesandprices #nav-site ul li#nav-site-servicesandprices a,
#guarantees #nav-site ul li#nav-site-guarantees a,
#portfolio #nav-site ul li#nav-site-portfolio a, 
#aboutus #nav-site ul li#nav-site-aboutus a,
#contactus #nav-site ul li#nav-site-contactus a {
	color:#000;
	background-color:#e8f1f0;
	text-shadow:#333 0 1px 1px;
}
#home #nav-site ul li#nav-site-home a .bl, 
#home #nav-site ul li#nav-site-home a .br, 
#howitworks #nav-site ul li#nav-site-howitworks a .bl, 
#howitworks #nav-site ul li#nav-site-howitworks a .br, 
#servicesandprices #nav-site ul li#nav-site-servicesandprices a .bl, 
#servicesandprices #nav-site ul li#nav-site-servicesandprices a .br, 
#guarantees #nav-site ul li#nav-site-guarantees a .bl, 
#guarantees #nav-site ul li#nav-site-guarantees a .br, 
#portfolio #nav-site ul li#nav-site-portfolio a .bl, 
#portfolio #nav-site ul li#nav-site-portfolio a .br, 
#aboutus #nav-site ul li#nav-site-aboutus a .bl, 
#aboutus #nav-site ul li#nav-site-aboutus a .br, 
#contactus #nav-site ul li#nav-site-contactus a .bl, 
#contactus #nav-site ul li#nav-site-contactus a .br {
	display:block;
}
#nav-site .bl {
	position:absolute;
	top:0;
	left:-4px;
	width:13px;
	height:60px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/nav-site-bl.png") no-repeat 0 0;
}
#nav-site .br {
	position:absolute;
	top:0;
	right:-4px;
	width:13px;
	height:60px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/nav-site-br.png") no-repeat 0 0;
}



#nav-help-wrap {
	width:960px;
	min-height:100px;
	margin:0 auto;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/nav-help.gif") no-repeat right 0;
	text-align:left;
}
#nav-help {
	width:580px;
	padding:10px 10px 0 370px;
	text-align:right;
}
#nav-help ul {
	font-size:0.8em;
}
#nav-help ul li {
	margin-right:5px;
	padding-right:10px;
	border-right:1px solid #426ba8;
	display:inline;
}
#nav-help ul li a {
	text-decoration:none;
	text-transform:lowercase;
}
#nav-help ul li#nav-help-sitemap {
	margin-right:0;
	padding-right:0;
	border:0;
}



#contactus #content {
	padding-top:122px;
}
#contactus #content h1 {
	position:absolute;
	top:122px;
	left:0;
	width:320px;
	text-align:right;
}
#contactus #content h2 {
	font-size:1.8em;
	text-transform:lowercase;
}
#contactus #content p {
	position:absolute;
	top:185px;
	left:0;
	width:320px;
	text-align:right;
}
#contactus #contactaddress {
	position:absolute;
	top:290px;
	left:0;
	width:320px;
	text-align:right;
}
#contactus #contactaddress h2 {
	margin-bottom:0;
}
#contactus #contactaddress p {
	position:static;
	font:normal 1.1em/1.4 "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-shadow:#aaa 0 2px 2px;
}
#contactus #contactaddress p strong {
	color:#426ba8;
	background-color:transparent;
}



#content div.wpcf7-response-output {
	margin:0 0 20px 0;
	padding:5px;
	width:470px;
	font-size:0.8em;
}
#content div.wpcf7-validation-errors {
	border:1px solid #c00;
	color:#c00;
	background-color:#fae5e5;
}
#content div.wpcf7-mail-sent-ok {
	border:1px solid #398f14;
	color:#398f14;
	background-color:#d7e9d0;
}
#content span.wpcf7-not-valid-tip {
	/*
	Opera
	top:2px;
	*/
	top:-5px;
	left:0;
	width:183px;
	padding:2px;
	border:1px solid #c00;
	color:#c00;
	background:#fae5e5;
	font-size:12px;
}
#content img.ajax-loader {
	position:absolute;
	bottom:0;
	right:0;
}



#contactform {
	position:relative;
	width:487px;
	height:265px;
	margin-bottom:20px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/contactform.jpg") no-repeat 0 0;
	font-size:12px;
}
#contactform div.formrow {
	position:absolute;
	top:0;
	left:0;
}
#contactform div.formrow input, 
#contactform div.formrow textarea {
	border:1px solid #fff;
	font:normal 12px/1.2 Tahoma, Arial,Helvetica,sans-serif;
}







#contactform div.contact-message {
	top:74px;
	left:39px;
}
#contactform div.contact-message span {
	padding-bottom:4px;
	width:192px;
	display:block;
}
#contactform div.contact-message textarea {
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	width:188px;
	height:132px;
}
#contactform div.contact-name {
	top:124px;
	left:246px;
}
#contactform div.contact-name input {
	width:120px;
	height:23px;
}
#contactform div.contact-telephone {
	top:164px;
	left:246px;
}
#contactform div.contact-telephone input {
	width:122px;
	height:23px;
}
#contactform div.contact-email {
	top:204px;
	left:246px;
}
#contactform div.contact-email input {
	width:154px;
	height:23px;
}
#contactform div.contact-submit {
	position:absolute;
	top:188px;
	left:449px;
	width:89px;
	height:70px;
}
#contactform div.contact-submit button {
	width:89px;
	height:70px;
	border:0;
	color:#fff;
	background-color:transparent;
}
#contactform div.contact-message span.wpcf7-not-valid-tip {
	top:-22px;
	width:185px;
	height:150px;
}
#contactform div.contact-name span.wpcf7-not-valid-tip {
	left:-68px;
}
#contactform div.contact-telephone span.wpcf7-not-valid-tip {
	left:-67px;
}
#contactform div.contact-email span.wpcf7-not-valid-tip {
	left:-34px;
}




/*
Opera
#contactform div.contact-message span.wpcf7-not-valid-tip {
	top:-20px;
}
*/





#callbackform {
	position:relative;
	width:487px;
	height:205px;
	margin-bottom:20px;
	color:#444;
	background:transparent url("/wp-content/themes/travelhand/img/callbackform.jpg") no-repeat 0 0;
	font-size:12px;
}
#callbackform div.formrow {
	position:absolute;
	top:0;
	left:0;
}
#callbackform div.formrow input, 
#callbackform div.formrow textarea {
	border:1px solid #fff;
	font:normal 12px/1.2 Tahoma, Arial,Helvetica,sans-serif;
}
#callbackform div.callback-name {
	top:39px;
	left:43px;
}
#callbackform div.callback-name input {
	width:195px;
	height:30px;
}
#callbackform div.callback-telephone {
	top:80px;
	left:43px;
}
#callbackform div.callback-telephone input {
	width:196px;
	height:30px;
}
#callbackform div.callback-email {
	top:122px;
	left:43px;
}
#callbackform div.callback-email input {
	width:228px;
	height:30px;
}
#callbackform div.callback-time {
	top:40px;
	left:348px;
}
#callbackform div.callback-time span {
	width:126px;
	padding-bottom:4px;
	display:block;
}
#callbackform div.callback-time input {
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	width:122px;
	height:54px;
	font-size:24px;
	text-align:center;
}
#callbackform div.callback-submit {
	position:absolute;
	top:126px;
	left:449px;
	width:89px;
	height:70px;
}
#callbackform div.callback-submit button {
	width:89px;
	height:70px;
	border:0;
	color:#fff;
	background-color:transparent;
}
#callbackform span.wpcf7-not-valid-tip {
	top:6px;
	width:259px;
}
#callbackform div.callback-time span.wpcf7-not-valid-tip {
	top:-20px;
	width:121px;
	height:72px;
}
#callbackform div.callback-name span.wpcf7-not-valid-tip {
	left:-68px;
}
#callbackform div.callback-telephone span.wpcf7-not-valid-tip {
	left:-67px;
}
#callbackform div.callback-email span.wpcf7-not-valid-tip {
	left:-34px;
}
#contactus .ui-widget, 
#contactus .ui-widget .ui-widget {
	font:normal 0.8em/1.2 Tahoma,Arial,Helvetica,sans-serif;
}




/*
#callbackform div.callback-message {
	top:74px;
	left:39px;
}
#callbackform div.callback-message span {
	margin-bottom:4px;
	display:block;
}
#callbackform div.callback-message textarea {
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	width:188px;
	height:132px;
}
#callbackform div.callback-name {
	top:124px;
	left:246px;
}
#callbackform div.callback-name input {
	width:120px;
	height:23px;
}
#callbackform div.callback-telephone {
	top:164px;
	left:246px;
}
#callbackform div.callback-telephone input {
	width:122px;
	height:23px;
}
#callbackform div.callback-email {
	top:204px;
	left:246px;
}
#callbackform div.callback-email input {
	width:154px;
	height:23px;
}
*/