/*
Copyright (c) 2009, Daniel Lauding!
version: 1.0.0
http://daniel.lauding.se
*/

html {
	background:#26476e url(../images/bg.jpg) no-repeat top center;
	}

body {
	background:transparent url(../images/bg_light.png) no-repeat top center;
	font:62.5% Georgia,serif;
	color:#4a4a4a;
	}
	
a {outline:none;color:#000;}
a:visited{color:#000;}
a:active{color:#000;}

a:hover {text-decoration:underline;}

h2 {
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	font-size:2.5em;
	color:#000;
	}

p {line-height:1.5em;}

strong{font-weight:bold;color:#4a4a4a;}

span.stronger {font-weight:bolder;}

.alignleft{float:left;margin:0 10px 10px 0;}
.alignright{float:right;}

.clearer{clear:both;float:none;}

/* --- THE WHOLE BODY --- */

div#controlc {
	width:840px;
	margin:0 auto;
	font-size:1.4em;
	}

div#controlc div#header div#logo {padding:60px 16px 50px;}

div#controlc div#header div#nav {
	background:transparent url(../images/bg-home-nav.png) no-repeat top center;
	overflow:hidden;
	height:90px;
	line-height:8em;
	padding:0 35px 0 16px;
	}

div#controlc div#content {
	min-height:378px;
	height:378px;	
	overflow:hidden;
	padding:0 45px;
	z-index:1;
	}

div#controlc div#content div.main {
	float:left;
	}

div#controlc div#content div.secondary {
	background:transparent url(../images/bg-sidebar.png) no-repeat 0px 0;
	width:204px;
	float:right;
	min-height:378px;
	height:378px;
	padding:95px 0 0;
	}

div#controlc div#footer {
	background:transparent url(../images/bg-footer.png) no-repeat bottom center;
	height:174px;
	position:relative;
	}

div#controlc div#copyright {
	overflow:hidden;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	font-size:0.85em;
	padding:10px 16px;
	}

/* --- BUTTONS AND STUFF --- */

a.btn-download {}

a.btn-download-large {
	margin:30px 20px 0;
	display:inline-block;
	}

a.btn-features {
	margin:30px 0 0;
	display:inline-block;
	}
	
a.btn-send-it{}

a.btn-try-it-for-free{}

/* --- BODY#HOME DEPARTMENT --- */

body#home div#controlc div#content {
	background:transparent url(../images/bg-home-content.png) no-repeat top center;
	padding:0px 0 0 45px;
	}

body#home div#controlc div#content div.main h2 {
	width:460px;
	margin:0 0 20px;
	}

body#home div#controlc div#content div.main {
	padding:50px 0 0;
	width:560px;
	}
	
/* --- BODY#FEATURES DEPARTMENT --- */
	
body#features div#controlc div#content {
	background:transparent url(../images/bg-features-content.png) no-repeat top center;
	padding:20px 30px 0 45px;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	font-size:1em;
	color:#000;
	min-height:459px;
	height:459px;
	position:relative;
	z-index:0;
	}
	
body#features div#controlc div#content div.main{float:none;}
	
body#features div#controlc div#content div.main img.features{position:absolute;right:0;top:160px;}
	
body#features div#controlc div#content div.main h2 {
	width:460px;
	margin:0 0 8px;
	color:#38689d;
	font:normal 1.8em "Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	}
	
body#features div#controlc div#content div.main p{margin:0 0 5px;}
	
body#features div#controlc div#content div.main div.object ul{width:430px;}
	
body#features div#controlc div#footer a.btn-try-it-for-free {position:absolute;left:39%;bottom:65px;}
	
body#features div#controlc div#footer {
	background:transparent url(../images/bg-footer.png) no-repeat bottom center;
	height:90px;
	position:relative;
	}
	
/* --- BODY#DOWNLOAD DEPARTMENT --- */

body#download div#controlc div#content {
	background:transparent url(../images/bg-download-content.png) no-repeat top center;
	padding:20px 30px 0 45px;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	color:#000;
	min-height:330px;
	height:330px;
	position:relative;
	}
	
body#download div#controlc div#content div.main{float:none;}

body#download div#controlc div#content div.main h2 {
	width:460px;
	margin:0 0 8px;
	color:#38689d;
	font:bold 1.8em "Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	}
	
	body#download div#controlc div#content div.main h2 span{font-weight:normal;}
	
body#download div#controlc div#content div.main p{text-align:center;width:560px;margin:30px auto 0;display:block;font-size:1.3em;color:#3f3f3f;}
	
body#download div#controlc div#content div.main a.btn-try-it-for-free{position:absolute;left:38%;top:210px;}
body#download div#controlc div#content div.main a.btn-purchase-it-now{position:absolute;left:38%;top:335px;}


body#download div#controlc div#footer {
	background:transparent url(../images/bg-footer.png) no-repeat bottom center;
	height:70px;
	position:relative;
	z-index:0;
	}
	
	/* --- BODY#PURCHASE DEPARTMENT --- */

body#purchase div#controlc div#content {
	background:transparent url(../images/bg-purchase-content.jpg) no-repeat top center;
	padding:20px 30px 0 45px;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	color:#000;
	min-height:450px;
	height:450px;
	position:relative;
	}

body#purchase div#controlc div#content div.main{float:none;}

body#purchase div#controlc div#content div.main h2 {
	width:460px;
	margin:0 0 8px;
	color:#38689d;
	font:bold 1.8em "Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	}

	body#purchase div#controlc div#content div.main h2 span{font-weight:normal;}

body#purchase div#controlc div#content div.main p{text-align:center;width:560px;margin:30px auto 0;display:block;font-size:1.3em;color:#3f3f3f;}

body#purchase div#controlc div#content div.main a.btn-purchase-it-now{position:absolute;left:37%;top:420px;}

body#purchase div#controlc div#footer {
	background:transparent url(../images/bg-footer.png) no-repeat bottom center;
	height:40px;
	position:relative;
	}
	
/* --- BODY#CONTACT DEPARTMENT --- */

body#contact div#controlc div#content {
	background:transparent url(../images/bg-contact-content.png) no-repeat top center;
	padding:20px 30px 0 45px;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	color:#000;
	height:1%;
	position:relative;
	}

body#contact div#controlc div#content div.main{float:none;}

body#contact div#controlc div#content div.main h2 {
	width:460px;
	margin:0 0 8px;
	color:#38689d;
	font:bold 1.8em "Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	}

body#contact div#controlc div#content div.main p{text-align:center;width:760px;margin:30px auto 0;display:block;font-size:1.3em;color:#3f3f3f;}

body#contact div#controlc div#content div.main p.send{margin:0 auto;width:30px;text-align:left;}

body#contact div#controlc div#footer {
	background:transparent url(../images/bg-footer.png) no-repeat bottom center;
	height:60px;
	position:relative;
	z-index:0;
	}

/* --- HEADER DEPARTMENT --- */

div#controlc div#header div#nav ul li a:hover {
	text-decoration:underline;
	}

div#controlc div#header div#nav a.btn-download {
	display:block;
	margin:40px 0 0;
	float:right;
	}

div#controlc div#header div#nav ul {
	font-size:1.3em;
	}

	div#controlc div#header div#nav ul li {
		float:left;
		margin:0 10px 0 0;
		height:89px;
		}

	div#controlc div#header div#nav ul li a {
		font-weight:normal;
		padding:0 10px 0;
		color:#fff;
		text-decoration:none;
		}

div#controlc div#header div#nav ul li.home {padding:0 18px;}

div#controlc div#header div#nav ul li.home.selected {
	background:transparent url(../images/bg-nav-home-selected.png) no-repeat right 23px;
	padding:0 18px 0 9px;
	}

div#controlc div#header div#nav ul li.selected {
	background:transparent url(../images/bg-nav-selected.png) repeat-x left 23px;
	}

	div#controlc div#header div#nav ul li.selected a {font-weight:bold;}

/* --- MAIN --- */

div.object {overflow:hidden;margin:0 0 10px;}
div.object ul{margin:0 0 0 20px;}
div.object ul li{list-style-type:disc;list-style-position:outside;margin:0 0 3px;}

/* --- SECONDARY --- */

body#home div#controlc div#content div.secondary ul{margin:0 0 0 -1px;}

body#home div#controlc div#content div.secondary ul li a {
	display:block;
	background:transparent url(../images/bg-tab-unactive.png) no-repeat top left;
	height:53px;
	margin:0 0 6px;
	font:normal 1.3em georgia;
	padding:0;
	line-height:2.5em;
	text-decoration:none;
	color:#6f5200;
	padding:0 0 7px 70px;
	}

body#home div#controlc div#content div.secondary ul li:hover{text-decoration:underline;}
body#home div#controlc div#content div.secondary ul li a.selected {text-decoration:none;}
body#home div#controlc div#content div.secondary ul li a.selected:hover{text-decoration:none;}

body#home div#controlc div#content div.secondary ul li a#tab-1 {
	background:transparent url(../images/bg-tab1-unactive.png) no-repeat top left;
	}
	
body#home div#controlc div#content div.secondary ul li a#tab-1.selected {
	background:transparent url(../images/bg-tab1-active.png) no-repeat top left;
	}
	
body#home div#controlc div#content div.secondary ul li a#tab-2 {
	background:transparent url(../images/bg-tab2-unactive.png) no-repeat top left;
	}

body#home div#controlc div#content div.secondary ul li a#tab-2.selected {
	background:transparent url(../images/bg-tab2-active.png) no-repeat top left;
	}
	
body#home div#controlc div#content div.secondary ul li a#tab-3 {
	background:transparent url(../images/bg-tab3-unactive.png) no-repeat top left;
	}

body#home div#controlc div#content div.secondary ul li a#tab-3.selected {
	background:transparent url(../images/bg-tab3-active.png) no-repeat top left;
	}

/* --- COPYRIGHT --- */

div#controlc #copyright a {color:#a8e5ff;}
div#controlc #copyright p {float:left;color:#a8e5ff;}

div#controlc #copyright ul {float:right;}
	div#controlc #copyright ul li {float:left;margin:0 4px 0 0;}
	div#controlc #copyright ul li a {padding:0 0 0 4px;}
	
    #first {
    }

    #second {
    }

    #third {
    }

/* --- CONTACT --- */

form#contactform {}

form#contactform legend {display:none;}

form#contactform ol {width:630px;margin:30px auto 0;}

form#contactform ol li {overflow:hidden;margin:0 0 15px;font-size:1.6em;}

	form#contactform ol li label {
		float:left;
		text-align:right;
		width:180px;
		margin:0 20px 0 0;
		padding:4px 0 0;
		}
	
	form#contactform ol li input {
		background:transparent url(../images/bg-field.png) no-repeat scroll left top;
		border:0 none;
		display:block;
		padding:8px 9px 5px 0px;
		text-indent:8px;
		width:285px;
		overflow:hidden;
		font-size:80%;
	}
	
	form#contactform ol li#message{background:transparent url(../images/bg-textarea.png) no-repeat scroll 201px top;}
	
	form#contactform ol li textarea {
		background:transparent;
		border:0 none;
		font-size:70%;
		height:125px;
		line-height:1.2em;
		padding:10px;
		width:275px;
		resize:none;
		}
		
#gallery{z-index:999;}