/* 
Visionary Scope
---------------
Version: 1.7
Updated: 27/04/10
Authors: Stephen Speakman & Brendan Clarke
*/

/* Define custom fonts */
@font-face {
	font-family: Titillium;
	src: url('../includes/font/TitilliumMaps/TitilliumMaps-1wt.otf');
}

@font-face {
	font-family: Titillium2;
	src: url('../includes/font/TitilliumMaps/TitilliumMaps-250wt.otf');
}

/* HTML styles */
body {
	font-family: Titillium, Helvetica, Arial;
	background-color: #f3f3f3;
	margin: 0;
	text-align: center;
}

a {
	text-decoration: underline;
	color: #ff0079;
}

a:hover {
	color: #000;
}

h1 {
	margin-top: 0;
	font-size: 24px;
	color: #a2a2a2;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
}

h2 {
	margin-top: 0;
	color: #999;
	border-bottom: 1px dotted #cbcbcb;
	margin-bottom: 10px;
	font-size: 20px;
	text-shadow: #fff 0 1px 0;
}

p {
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #585858;
}

/* Quotes (for Testimonials) */
blockquote {
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-shadow: #fff 0 1px 0;
	background-color: #f2f2f2;
	padding: 10px;
	color: #727272;
	width: 650px;
	margin-bottom: 0;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}

.quotesource {
	width: 660px;
	padding: 5px;
	margin-top: 0;
	background-color: #e5e5e5;
	margin-left: 40px;
	font-size: 12px;
	text-align: right;
	color: #656565;
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 20px;
}

/* Define HTML document */
#document {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: left;
}

/* Container */
#container {
	background-color: #fff;
	border: 1px solid #d4d4d4;
	width: 850px;
	float: left;
	margin-right: auto;
	margin-top: 35px;
	margin-left: auto;
	padding-bottom: 20px;
}

/* Header (logo & navigation) */
#header {
	width: 850px;
	float: left;
	margin-top: 35px;
	margin-bottom: 45px;
}
	
	/* Logo */
	#logo {
		float: left;
		width: 275px;
		height: 55px;
		background: url(../images/logo.jpg) no-repeat;
		margin-left: 45px;
	}
	
	/* Navigation */
	#navigation {
		float: right;
		width: 340px;
		margin-right: 45px;
}
	
	#navigation a {
		text-decoration: none;
		color: #fffeff;
		font-size: 14px;
	}
	
	#navigation a:hover {
	border-bottom: 1px dotted #fefefe;
	}
	
	#navigation ul {
		list-style-type: none;
		padding-left: 0;
	}
	
	li.nav {
		background-image: url(../images/nav.jpg);
		height: 24px;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		font-family: Titillium2, Helvetica, Arial;
		padding-top: 3px;
	}
	
	li.navstart {
		background-image: url(../images/nav-left.jpg);
		width: 10px;
		height: 27px;
		float: left;
	}
	
	li.navend {
		background-image: url(../images/nav-right.jpg);
		width: 10px;
		height: 27px;
		float: left;
	}

/* Feature area */
#feature {
	height: 158px;
	width: 760px;
	background: url(../images/background.png) top left no-repeat;
	float: left;
	margin-left: 45px;
	margin-bottom: 25px;
}

/* Content */
#contentcontainer {
	width: 760px;
	margin-left: 45px;
}

	#content {
		background: url(../images/content.jpg) no-repeat;
		padding: 20px;
		float: left;
		font-size: 14px;
		width: 719px;
}

#portfolio {
    width: 739px;
    font-size: 14px;
    float: left;
}

#portfolio .item {
    background: url(../images/content.jpg) no-repeat;
    padding: 20px;
    min-height: 250px;
	width: 720px;
}

.portfolioitem {
    filter:alpha(opacity=40);
     -moz-opacity:0.4;
     -khtml-opacity: 0.4;
     opacity: 0.4;
     border: 1px solid #999999;
}

	/* Content item (for columns/widgets) */
	#contentitem {
		float: left;
		width: 325px;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 10px;
		display: block;
}
	
		.contentimage {
			width: 64px;
			height: 64px;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		
		.contenttext, .contenttext p {
			float: left;
			width: 245px;
			font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #7f7f7f;
			text-shadow: #fffffe 0 1px 0;
}
		
		.contenttext p {
			margin-top: 0;
			margin-bottom: 15px;
		}

		.contenttext ul {
			margin-bottom: 5px;
			float: left;
			margin-top: 0;
			list-style-type: circle;
}
		a.readmore {
			float: right;
			color: #f74282;
			font: 14px Titillium2, Helvetica, Arial;
			text-decoration: none;
			margin-right: 5px;
		}
		
		.price, p.price {
			float: right;
			color: #ff0079;
			font: 17px Titillium2, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-shadow: #ff8cc2 0 0 3px;
			text-align: right;
}

/* Contact Form */
#contactform {
	width: 450px;
	margin-top: 15px;
	padding: 10px;
	/* Following adds rounded edges... */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fafafa;
	border: 5px solid #e7e7e7;
	float: left;
}

label {
	width: 70px;
	color: #999;
	font: normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #fff 0 1px 0;
	margin-top: 3px;
	display: block;
}

label strong {
	font-weight: normal;
	font-style: normal;
}

label.error, .error, .error label {
	font-size: 10px;
	font-style: italic;
	color: #ff429b;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	padding-top: 0;
}

#contactform input {
	background-color: #fffffe;
	color: #999;
	border: 1px solid #b1b1b1;
	padding: 1px;
	font-size: 12px;
	width: 445px;
}

#contactform textarea {
	width: 445px;
	background-color: #fffffe;
	color: #999;
	border: 1px solid #b1b1b1;
	padding: 1px;
	font-size: 12px;
}

#contactform input.button {
	width: 100px;
	position: relative;
	color: #ff0079;
	text-shadow: #fff 0 1px 0;
	border-style: none;
	padding: 6px;
	background-color: #e5e5e5;
	/* Following adds rounded edges... */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	float: right;
}

#contactform div {
	margin-top: 5px;
}

#othercontact {
	width: 200px;
	float: right;
	padding: 5px 10px;
	/* Following adds rounded edges... */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #f2f2f2;
	margin-top: 15px;
	border: 1px solid #dcdcdc;
}

#othercontact p {
	color: #7f7f7f;
	text-shadow: #fff 0 1px 0;
}

/* Gallery Plugin */
#gallerymodule {
	width: 760px;
	float: left;
	height: 207px;
	overflow: hidden;
}

#gallerymod {
	background-image: url(../images/gallery-background.jpg);
	padding: 10px 15px;
}

.gallerymodcontent {
	width: 172px;
	height: 112px;
	border: 1px solid #818181;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
}

.gallerymodcontent img {
	width: 170px;
	height: 110px;
	border: 1px solid #bebebe;
}

.galbutton {
	width: 725px;
	text-align: right;
}

.galbutton img {
	border-style: none;
	margin-top: 5px;
}

/* Misc Plugins/Fixes */
#jFlowSlide{ background:#DBF3FD; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0;  width:610px; background:#3AB7FF; }
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }

/* Footer */
#footer {
    margin-top: 15px;
    text-align: center;
    font-family: Tahoma, sans-serif;
    font-size: 10px;
	color: #b1b1b1;
}