/*
	Name: Ian Olsson
	Date: November 2009
	Description: Global Style Sheet
	Version: 1.0
	*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/
body {
	background: #f1f1f1;
	color: #444;
	font-size: 68.8%; /* Base font size: 16px */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h1 {font-size: 1.9em}
h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.545em}	/* 17px */
h4 {font-size: 1.364em}	/* 15px */
h5 {font-size: 1.182em}	/* 13px */
h6 {font-size: 1em}		/* 11px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;}
h1 {line-height: 1.364em}
h2 img, h3 img, h4 img, h5 img, h6 img {display: block;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #034a66; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
p a.vcf{text-decoration: none}
p a.vcf img{margin-bottom: -6px}
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em; line-height: 1.727em; font-size: 1.182em}
.toppara{font-size: 2.3em; padding-bottom: 12px; margin-bottom: 8px;  line-height: 1.3; margin-top: 12px; font-family: Georgia, "Times New Roman", Times, serif}
p.quote{float: right; width: 30%; color: #0075A3; font-size: 1.4em; line-height: 1.2em; margin-left: 12px;background-image: url('../images/quotebottom.jpg'); padding: 6px 6px 30px 6px; 
background-position: bottom center;  
background-repeat: repeat-x}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
#footer p{font-size: 1em}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

#content ul li{font-size: 1.2em}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 960px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
#header {padding: 15px 0 0 0;}

	/* Logo */
	#logo {
		background: url('../images/logo-ian-olsson.gif') no-repeat;
		float: left;
		height: 52px;
		margin: 15px 0 20px 0;
		width: 227px;text-indent: -9999em;
	}
	
	/*#logo a {
		display: block;
		height: 100%;
		
		width: 100%;
	}*/
	
	/* Top Menu */
	#header .nav {
		float: right;
		list-style: none;
		margin: 0;
	}
	
	#header .nav li {
		border-right: 1px solid #444;
		float: left;
		height: 1.1em;
		line-height: 1.1;
		margin: 0 .5em 10px 0;
		padding: 0 .5em 0 0;
	}
	#header .nav li:last-child {border: 0; margin: 0; padding: 0;}
	
	#header .nav a:link, #header .nav a:visited {color: #444; float: left; text-decoration: none; margin-top: -1px;}
	#header .nav a:hover, #header .nav a:active {color: #034a66;}
	
	/* Contact Info */
	#header .contact {
		clear: right;
		color: #0a76a0;
		float: right;
		font-size: 1.273em;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 20px 0;
		text-align: right;
	}
	#header .contact strong {display: block;}
	#header .contact a:link, #header .contact a:visited {color: #0a76a0; text-decoration: none;}
	#header .contact a:hover, #header .contact a:active {text-decoration: underline;}
	
	/* Main Menu */
	#header #menu {
		background: #fff url('../images/bg-menu.jpg') repeat-x bottom;
		border: 1px solid #dcdcdc;
		clear: both;
		float: none;
		font-size: 1.091em;
		overflow: hidden;
		padding: 0 10px;
		width: 940px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#header #menu li {
		background: url('../images/bg-men-sep.jpg') no-repeat bottom right;
		border: 0;
		height: auto;
		margin: 0;
		padding: 0 2px 0 0;
	}
	
	#header #menu li a:link, #header #menu li a:visited {
		color: #0a4361;
		display: block;
		float: left;
		height: 38px;
		line-height: 38px;
		padding: 0 25px;
	}
	#header #menu li a:hover, #header #menu li a:active {background: #0a76a0; color: #fff;}
	
	#header #menu li.active a:link, #header #menu li.active a:visited {
		background: #444;
		color: #eeeff0;
	}

/* Body
-----------------------------------------------*/
#body {padding: 20px 0 50px 0;}
.internal #body {padding: 40px 0 50px 0;}
	/* Content */
	#content {
		color: #082f3e;
		float: left;
		display: inline;
		margin-left: 170px;
		position: relative;
		width: 490px;
	}
	
	#content h3 {font-size: 1.636em; font-weight: normal;}
	
	.title {
		color: #0075A3;
		font-size: 1.455em;
		left: -155px;
		position: absolute;
		width: 140px;
		background-image: url('../images/arrow.jpg'); background-repeat: no-repeat; background-position: 120px 27px;
	}
	.titlelist {
		color: #0075A3;
		font-size: 1em;
		left: -190px;
		position: absolute;
		width: 170px;
	margin-top: 60px	
	}
	.titleian {
		color: #0075A3;
		font-size: 1em;
		left: -190px;
		position: absolute;
		margin-top: 60px	
	}
	.titleian2 {
		color: #0075A3;
		font-size: 1em;
		left: -190px;
		position: absolute;
		margin-top: -10px	
	}
	.titlelist li{list-style: none; padding: 0 40px 0 0 ; margin:2px 0 0 0; text-align: right; color: #0075A3; font-style:italic }
	
	/* Sidebar */
	#sidebar {
		float: right;
		text-align: right;
		width: 250px;
	}
	
	#sidebar * {text-align: left;}
	#sidebar a img {margin-bottom: 30px;}
		
		/* Modules */
		.firstmod {margin-top: 66px}
		#sidebar .module h3 {margin-bottom: 0;}
		#sidebar .module ul {
			background: #fff;
			border: 1px solid #B7B7B7;
			font-size: 1.091em;
			list-style: none;
			margin: 0 0 30px 0;
			padding: 20px 20px 35px 20px;
			
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
		}
		
		#sidebar .module li {
			background: url('../images/icons/ico-bullet.gif') no-repeat 0 8px;
			padding: 3px 0 3px 15px;
		}
		
		#sidebar .module a:link, #sidebar .module a:visited {color: #444; text-decoration: none;}
		#sidebar .module a:hover, #sidebar .module a:active {text-decoration: underline;}
		
		/*you are here*/
		#sidebar .module ul li.active2 a{text-decoration: underline; color: #0075A3}
		
		/* Contact */
		#sidebar fieldset {
			margin: 0;
			overflow: hidden;
			padding: 0 0 0 20px;
			width: 230px;
		}
		
		#sidebar fieldset p {padding-right: 40px;}
		
		#sidebar fieldset label {display: block;}
		
		#sidebar fieldset input {width: 187px;}
		
		#sidebar fieldset input.button {margin-top: 20px; width: auto;}

/* Footer
-----------------------------------------------*/
#footer {
	background: #181818 url('../images/bg-footer.jpg') repeat-x top;
	color: #fff;
	padding: 0 0 30px 0;
}

#footer a:link, #footer a:visited {color: #5aa9c8; text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: underline;}

#footer h2 {margin-bottom: 30px;}
#footer h3 {
	border-bottom: 1px solid #3E3D3D;
	line-height: 15px;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

#footer strong {color: #5aa9c8; font-weight: normal;}

#footer ul {list-style: none; margin: 0;}
#footer p {margin-bottom: .5em;}

	/* Top Link */
	#top {
		background: #272727 url('../images/bg-top-tab.gif') no-repeat;
		clear: both;
		display: block;
		height: 26px;
		line-height: 26px;
		margin: 0 0 20px 0;
		padding-left: 13px;
		text-align: center;
		width: 100px;
	}
	
	/* Columns */
	#footer .col {
		float: left;
		margin: 0 20px 60px 0;
		overflow: hidden;
		width: 310px;
	}
	
	#footer .col a img {margin: 0 10px 0 0; vertical-align: middle;}
	
		/* Blog */
		#footer .col.blog {width: 300px;}
		#footer .col.blog li {
			border-bottom: 1px solid #3E3D3D;
			margin: 0 0 5px 0;
			padding: 0 0 10px 0;
		}
		
		/* Social */
		#footer .col.social {font-size: 1.091em; font-weight: bold;}
		#footer .col.social h3 {margin-bottom: 20px;}
		#footer .col.social li {margin-bottom: 13px;}
		
		/* About */
		#footer .col.about {margin: 0;}
		
	/* Nav */
	#footer .nav {clear: both; margin: 0 auto 5px auto; text-align: center;}
	#footer .nav li {
		background: url('../images/bg-foot-men-sep.gif') no-repeat center right;
		display: inline;
		font-size: 1.091em;
		padding: 0 10px 0 0;
	}
	#footer .nav li:last-child {background: none; padding: 0;}
	
	#footer .nav li a:link, #footer .nav li a:visited {color: #fff;}
	
	/* Copyright */
	#footer .copy {font-size: 1.091em; text-align: center; width: 100%;}
	#footer .copy a:link, #footer .copy a:visited {color: #fff;}
	
/* Sections
===============================================*/
/*** Homepage ***/
	/* Welcome */
	#welcome {
		background: url('../images/bg-welcome.jpg') no-repeat top left;
		float: left;
		margin: 0 0 10px -34px;
		min-height: 331px;
		text-align: right;
		width: 354px;
	}
	
	#welcome p.text {
		background: url('../images/welcome-text.gif') center center;
		height: 141px;
		text-align: left;
		text-indent: -9999em;
		margin: 50px 0 40px 120px;
		width: 189px;
	}
	
	#welcome a img {margin: 0 50px;}
	
	/* Work List */
	#work {
		float: right;
		font-size: 1.273em;
		margin: 0 0 30px 0;
		overflow: hidden;
		padding-top: 40px;
		width: 640px;
	}
	#work h2 {line-height: 21px; margin: 0 0 9px 4px;}
	#work ul {list-style: none; margin: 0 0 0 -30px; width: 660px;}
	#work li {
		float: left;
		display: inline;
		line-height: 1;
		margin: 0 0 15px 35px;
		text-align: right;
		width: 185px;
	}
	
	#work li a img {border: 7px solid #fff; display: block;}
	#work li a:hover img, #work li a:active img {border-color: #49AACB;}
	
	#work a:link, #work a:visited {color: #000; text-decoration: none;}
	#work a span {margin-right: 7px;}
	
	/* Columns */
	#home-cols {
		background: url('../images/bg-home-cols-end.gif') no-repeat bottom left;
		clear: both;
		margin: 0 0 50px 0;
		overflow: hidden;
		padding: 0 0 5px 0;
		position: relative;
		width: 960px;
		
	}
	
	#home-cols p{font-size: 1em}
	
	
	#home-cols .wrap {
		background: url('../images/bg-home-cols.gif');
		overflow: hidden;
		width: 960px;
	}
	
	#home-cols .col {
		background: url('../images/bg-cols2.jpg') no-repeat top left;
		float: left;
		font-size: 1.091em;
		margin: 0 20px 0 0;
		padding-top: 40px;
		width: 310px;
	}
	
	#home-cols .col h2 {margin-bottom: 0;}
	
	#home-cols .col .module {
		background: url('../images/bg-module.jpg') repeat-x top;
		margin: 0 1px;
		padding: 25px 40px 30px 40px;
		text-align: center;
	}
	#home-cols .col.hire .module {background: none; padding: 25px 0px 0px 30px; }
	#home-cols .col.hire .module #slideshow{width: 248px; height: 153px}
	
	#home-cols .col .btn {
		bottom: 25px;
		display: block;
		position: absolute;
		margin-left: 51px;
	}
	
		/* Order */
		#home-cols .col.order {width: 300px;}
		
		/* Hire */
		#home-cols .col.hire {background-position: top right; margin: 0;}
		#home-cols .col.hire .module {background: none;}
		
		/*Gift list buttons*/
		ul.giftbuttons{margin-bottom: 36px; margin-left: 60px}
		ul.giftbuttons li{list-style: none; float: left;  margin-bottom: 36px; margin-right: 40px}
		ul.giftbuttons li a{text-decoration: none}
		ul.giftbuttons li a img{display: block; text-decoration: none}
		ul.giftbuttons li form #paypalbut {display: block; text-decoration: none}
		ul.giftbuttons li form{padding: 0; margin: 0}
/*Testimonials*/
.testimonial {clear: right; padding-left: 36px; padding-bottom: 20px; border-bottom: 1px solid #ccc; background-image: url('../images/icons/speech.gif'); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 20px}
.testimonial p.toppara em{font-style: normal; font-size: .5em; color: #333; font-family: Verdana, Geneva, sans-serif}
.testimonial p.toppara{line-height: .8em; padding-right: 0; font-size: 1.9em}
.testimonial p{ padding-right: 170px; line-height: 1.4em; font-size: 1em}
.testimonial a{clear: both; display: block}
.testimonial img{float: right}

	/*Slideshow*/
	/* Slideshow 
		#slideshow {
			border: 1px solid #F2EEEE;
			margin: 0 0 21px 0;
			overflow: hidden;
			position: relative;
			height: 318px;
			width: 847px;
		}

		.rotate {position: relative}
		.rotate-content {position: absolute;top:50px;left:75px;width: 230px}
		.rotate-content h3 {color:#F84094;font-size: 2.2em}
		.rotate-content p{margin: 25px 0 12px 0}
		.rotate-content a:link, .rotate-content a:visited {	
			color:#353535;
			background:transparent url(../images/icons/ico-bullet.gif) no-repeat scroll 0 4px;
			padding-left:10px;
		}
		#slideshow #numbers {margin: 0;padding: 0;list-style-type: none;position: absolute;z-index: 10px;top:293px;left:10px}
		#slideshow #numbers li {float:left;margin-right: 3px;}
		#slideshow #numbers li a:link, #slideshow #numbers li a:visited{background: #f9f9f9; display:block;border:1px solid black;padding:2px 4px;width: 14px;height: 16px;text-align: center;color:black}
		#slideshow #numbers li a:hover, #slideshow #numbers li a:active, #slideshow #numbers li a.active:link, #slideshow #numbers li a.active:visited {
			color:white;
			background: black;
			text-decoration: none
		}*/
		
/*Packages with buy now buttons*/	

.packages {clear: both; padding-bottom: 60px; border-bottom: 1px solid #ccc; margin-bottom: 36px}
.packages .buy{float: right; }
.packages .cost{text-align: right;  padding-bottom: 0; margin-bottom: 0px; font-size: 1.6em; margin-top: -48px}

		
		/*slideshow*/
		#slideshow{height: 219px; overflow: hidden}
		#nav{display: block; background-color: #000; padding: 12px 0 0 17px; margin:0; height: 30px; text-align: center }
		#nav a { background: #f1f1f1; text-decoration: none; margin: 0 5px; padding: 4px 4px;  }
#nav a.activeSlide { background: #0075a3; color: #fff }
#nav a:focus { outline: none; }
/*portfolio header image*/
.your-wedding{background-image: url('../images/wedding-photos-hdr.gif'); background-position: top center; background-repeat: no-repeat; padding-top: 37px}
.portfolio {background-image: url('../images/portfolio.gif'); background-position: top center; background-repeat: no-repeat; padding-top: 37px}

/*login form*/

.login {margin: 120px auto 0 auto; width: 600px; text-align: center; padding-top: 140px; background-image: url('../images/logo-ian-olsson.gif'); background-position: center 30px; background-repeat: no-repeat; border: 1px solid #ccc; background-color: #f1f1f1; 

border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}
		
.imgleft{float: left; margin: 6px 12px 12px 0}		
.border{padding-bottom:20px; border-bottom: 1px solid #ccc;}