/*  
Style: designthing
Version: 1.1
Author: Benjamin Dives
Author URI:  http://www.cargocultsolutions.com/
*/


/*Begin typography and colours */
* { margin: 0; padding: 0; }
html
{ 
	height:auto !important; 
	height:100%;
}

body 
{  
	height:auto !important;  
	height:100%; 
	background: #FFF; 
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; 	
	line-height:15px;
	margin: 0px; 
	padding: 0px; 
}

.content 
{	
	position: relative; 
	height:100%;
}

.box 
{

	margin: 0 auto;
}

.con {margin: 68px 0px 0px 0px; float: left; width: 632px;}
.con2 {margin: 0px 0px 0px 22px; float: left; width: 632px;}

.nudge {margin: 0 0px 0 20px;}
.bord {border:solid red 1px;}

#show {background:#ddd;}




/* Background
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.back {background: url(/media/img/background-white.png) no-repeat top center;
    width:100%;
	height: 100%;
	position: fixed;
	top: 0;
    z-index:-1;
    display: inline;
    }
   
.back-repeat {  background: transparent url(/media/img/back-thin.png) repeat top center;
    width:100%;
	height: 100%;
	position: fixed;
	top: 0;
    z-index:-2;
    display: inline;}


.test {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; }
.testbox{ width:100%; height:100%; position:relative; z-index:1;}




.back-home{ background:transparent url(/media/img/back-welcome.png) no-repeat center; display: inline; height: 1000px; width: 100%;position: fixed; top:0; z-index:-1;}
.back-do-i-need-designthing{ background:transparent url(/media/img/back-welcome.png) no-repeat center; display: inline; height: 1000px; width: 100%;position: fixed; top:0; z-index:-1;}

.back-templates{ background: transparent url(/media/img/back-templates.png) no-repeat center;  height: 1000px; width: 100%; position: fixed; right:0; top:0; z-index:-1; }
.back-features{ background: transparent url(/media/img/back-features.png) no-repeat center;  height: 1000px; width: 100%; position: fixed; right:0; top:0; z-index:-1; }
.back-gallery{ background: transparent url(/media/img/back-tools.png) no-repeat center;  height: 1000px; width: 100%;  margin: 0px; padding: 0px; position: fixed; top:0; z-index:-1; }
.back-custom-development{ background: transparent url(/media/img/back-tools.png) no-repeat center;  height: 1200px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }
.back-contact-us{ background: transparent url(/media/img/back-templates.png) no-repeat center;  height: 1200px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }


.back-what-does-it-do{ background: transparent url(/media/img/back-about.png) no-repeat center;  height: 1000px; width: 100%; position: fixed; right:0px; top:0px; z-index:-1; }
.back-who-is-it-for{ background: transparent url(/media/img/back-preflight.png) no-repeat center;  height: 1000px; width: 100%;  position: fixed; right:0; top:0; z-index:-1; }
.back-the-pain-of-customer-artwork{ background: transparent url(/media/img/back-save.png) no-repeat center;  height: 1000px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }
.back-free-greetings-card-designer{ background: transparent url(/media/img/back-christmas.png) no-repeat center;  height: 1200px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }
.back-brand-it-your-way{ background: transparent url(/media/img/back-branding.png) no-repeat center;  height: 1000px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }
.back-how-do-i-install-designthing{ background: transparent url(/media/img/back-tools.png) no-repeat center;  height: 1000px; width: 100%;  margin: 0px; padding: 0px; position: fixed; top:0; z-index:-1; }
.back-christmas{ background: transparent url(/media/img/back-christmas.png) no-repeat center;  height: 1200px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }


.back-our-guarantee-to-you{ background: transparent url(/media/img/back-hosting.png) no-repeat center;  height: 100%; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }
.back-buy{ background: transparent url(/media/img/back-buy.png) no-repeat center;  height: 1000px; width: 100%;  margin: 0px; padding: 0px; position: fixed; right:0; top:0; z-index:-1; }




/* Logo
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.logobox { background: url(/media/img/log.png) no-repeat;  float:left; width: 205px; height: 205px; margin:35px 0px 0px 0px; }
.logoboxnew { background: url(/media/img/log.png) no-repeat; }

	
	
/* Headerbar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header-bar {background: url(/media/img/header-christmas.png); height:193px; }

#header-testimonial {background: url(/media/img/header-testimonial.png); height:107px; }



.christmasheader {background: url(/media/img/header-christmas.png) no-repeat; float:left; width:750px; height:193px; }


/* Navigation 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {height: 35px;
	background:  url(/media/img/navigation.png);
	position:relative;
	border-bottom: solid 1px black;}

#nav li {display:inline;
	list-style:none;
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	}


#nav a:link,
#nav a:visited {
	height:35px;
	display:block;
	border-bottom: solid 1px black;
	}


#nav-home{left:0px; width:84px;}
#nav-do-i-need-designthing{left:85px; width:210px;}
#nav-features{left:295px; width:105px;}
#nav-gallery{left:400px; width:100px;}
#nav-custom-development{left:500px; width:180px;}
#nav-contact-us{left:680px; width:110px;}
#nav-blog{left:790px; width:70px;}


#nav-home a:hover{background: transparent url(/media/img/navigation.png) 0 -35px no-repeat; }
#nav-do-i-need-designthing a:hover{background: transparent url(/media/img/navigation.png) -85px -35px no-repeat;}
#nav-features a:hover{background: transparent url(/media/img/navigation.png) -295px -35px no-repeat;}
#nav-gallery a:hover{background: transparent url(/media/img/navigation.png) -400px -35px no-repeat;}
#nav-custom-development a:hover{background: transparent url(/media/img/navigation.png) -500px -35px no-repeat;}
#nav-contact-us a:hover{background: transparent url(/media/img/navigation.png) -680px -35px no-repeat;}
#nav-blog a:hover{background: transparent url(/media/img/navigation.png) -790px -35px no-repeat;}


/* Body Page tags */

body.home #nav-home {background: transparent url(/media/img/navigation.png) 0 -35px no-repeat; }
body.do-i-need-designthing #nav-do-i-need-designthing {background: transparent url(/media/img/navigation.png) -85px -35px no-repeat;}
body.features #nav-features {background: transparent url(/media/img/navigation.png) -295px -35px no-repeat;}
body.gallery #nav-gallery {background: transparent url(/media/img/navigation.png) -400px -35px no-repeat;}
body.custom-development #nav-custom-development {background: transparent url(/media/img/navigation.png) -500px -35px no-repeat;}
body.contact-us #nav-contact-us {background: transparent url(/media/img/navigation.png) -680px -35px no-repeat;}
body.blog #nav-blog {background: transparent url(/media/img/navigation.png) -680px -35px no-repeat;}


/* Headlines
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ir { text-indent: -5000px; }

h1.ir { margin: 15px 0px 0px 10px;
    background: transparent left top no-repeat;}
    
h1#about {background-image: url('/media/img/h1-about.png'); height: 28px;}
h1#features {background-image: url('/media/img/h1-1-2-3.png'); height: 110px;}
h1#features-preflight {background-image: url('/media/img/h1-features-preflight.png'); height: 28px;}
h1#features-hosting {background-image: url('/media/img/h1-features-hosting.png'); height: 28px;}
h1#features-tools {background-image: url('/media/img/h1-features-tools.png'); height: 28px;}
h1#features-templates {background-image: url('/media/img/h1-features-templates.png'); height: 28px;}
h1#features-install {background-image: url('/media/img/h1-features-install.png'); height: 28px;}
h1#features-save {background-image: url('/media/img/h1-features-save.png'); height: 28px;}
h1#features-branding {background-image: url('/media/img/h1-features-branding.png'); height: 28px;}
h1#faq {background-image: url('/media/img/h1-faq.png'); height: 28px;}
h1#christmas {background-image: url('/media/img/h1-christmas.png'); height: 56px;}


h1#home {background-image: url('/media/img/h1-home.png'); height: 110px;}
h1#contact-us {background-image: url('/media/img/h1-contact-us.png'); height: 110px;}
h1#custom-development {background-image: url('/media/img/h1-custom-development.png'); height: 110px;}

h1#do-i-need-designthing {background-image: url('/media/img/h1-do-i-need-designthing.png'); height: 110px; width:520px;}

h1#what-does-it-do {background-image: url('/media/img/h1-what-does-designthing-do.png'); height: 110px;}
h1#who-is-it-for {background-image: url('/media/img/h1-who-is-designthing-for.png'); height: 110px; width:520px;}
h1#the-pain-of-customer-artwork {background-image: url('/media/img/h1-the-pain-of-customer-art.png'); height: 110px;}
h1#brand-it-your-way {background-image: url('/media/img/h1-brand-it-your-way.png'); height: 110px; width:520px;}
h1#how-do-i-install-designthing {background-image: url('/media/img/h1-how-do-i-install-designt.png'); height: 110px;}
h1#free-greetings-card-designer {background-image: url('/media/img/h1-christmas.png'); height: 110px;}
h1#our-guarantee-to-you {background-image: url('/media/img/h1-our-guarantee-to-you.png'); height: 110px;}
h1#buy {background-image: url('/media/img/h1-buy.png'); height: 110px;}


h1#gallery {background-image: url('/media/img/h1-gallery.png'); height: 110px; width:520px;}


/* Contents
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#contain 
{	
	background-image: url('/media/img/transparent.png');

}


.main 
{	
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	position:relative;
}
	
.wide 
{ 	
	width: 350px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.wide h2 
{	
	font-size: 1.9em; 
	width: 500px;
}

.head-welcome 
{	
	width: 300px;
	float:left;
}

.twocolumn 
{ 
	float: left;
	width: 280px;
	padding: 20px 10px 10px 10px;
	margin-bottom: 15px;
}

.twocolumn p 
{
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}			
		
.twocolumn .film 
{ 
	position: relative;
	background: #000;
	height: 180px;
	padding: 0px 0px 0px 10px;
}

.twocolumn h2 
{
	color: #000; 
	font-size:18px; 
	font-weight: bold; 
	line-height: 24px;
	padding:0px 10px 5px 10px; 
	letter-spacing:-0.1px; 
}

.main .twocolumn li 
{	
	color: #ff3366; 
	font-size:16px; 
	font-weight: bold; 
	line-height:24px;
	list-style:disc; 
	padding:0px 10px 10px 10px; 
	width: 100%; 
}

/* Stuff */
#nifty 
{
	background: #ff3366;
}
                                  
.guarantee {background: url('/media/img/guarantee.png') no-repeat center; float:left; height: 45px; width:275px; margin:85px 0 0 15px;}

.film {float: left; margin:25px 0 0 25px;}

.price {width: 200px; text-align: center; padding:7px 0 0 80px ; display:inline-block; background: transparent url('/media/img/pricetag-sterling.png') no-repeat center; 
        height: 67px;}

.main .threecolumn {float:left;
		width: 182px;
		padding: 25px 8px 10px 10px;
		margin-bottom: 10px;
		}

.main .threecolumn .cell {height:10em;}

.main p {font: 11px  Verdana, Arial, Helvetica, sans-serif;
		line-height:15px;
		padding: 0px 10px 15px 10px;
		}


.main li {display:inline;
	list-style:none;
	padding-right:50px;
	margin:0;
	float:left;
	top:0;}

.main h3 {background: #ff3366; 
	color: #fff; 
	font-size:12px; 
	font-weight: bold; 
	padding:4px 7px 4px 10px; 
	margin-bottom:10px;}
	
.main h4 {background: #ff3366; color: #fff; font-size:0.85em; font-weight: bold; margin:0px 0px 0px 0px; float:left;}
.main h5 {color: #000; 
	font-size: 12px; 
	margin:0px 0px 5px 10px; 
	line-height:16px;
	font-weight: bold;
	}

.main p strong, a {color: #ff3366;}
	
/* Full */
.full 
{	
	width: 560px;
	float:left; 
	padding: 0px 10px 10px 20px;
	margin-bottom: 0px;
}

.full h2 
{
	color: #ff3366; 
	font-size:19px; 
	font-weight: bold; 
	padding:4px 7px 0px 0px; 
	margin-bottom:0px;
}

.full .img 
{
	width: 98%; 
	margin: auto 0;
}	

.full .featuresnavleft a 
{
	float:left; 
	background: url('/media/img/nav-left.png') no-repeat left 3px; 
	padding-left: 15px;
}

		



.featuresnavright {float: right; height:25px; position:relative; background: transparent url('/media/img/next-feature-pk.png') no-repeat right; width: 450px; margin-right:15px;}
.featuresnavright a:link,
.featuresnavright a:visited {
	height:20px;
	display:block;
	}
			


.try-it-now {height:130px; position:relative; background: transparent url('/media/img/try-it-now.png') no-repeat right; width: 500px;}
		
		
		
/* preflight css */
.preboxrow{width:600px; margin:0px 0px 80px 7px;}		
.prebox {width:185px; 
		float:left; 
		font-size:11px; 	
		line-height:13px;
		padding: 0px 15px 0px 0px; }
		
.prebox img{padding:2px 14px 50px 0px;
		float:left;}

.precaption{color:#000; padding: 0px 0px 5px 0px;}
.precapsub{color:#ff3366; padding: 0px 0px 5px 0px;}

.screen img {margin: 25px; width: 550px; border:1px solid #aaa;}

.caption {margin: 10px 10px 25px 0px; width:550px; text-align:center; 
		font: 11px Verdana, Arial, Helvetica, sans-serif; 
		line-height:13px;  }

		
.clear {clear:both;}


div#boxer{width: 18em;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000;}



/* Form Formatting */
form 
{ 
    padding: 10px;
}
form tr
{
    vertical-align: top;
}
form.wide th
{
    width: 6em;
}
form th
{
    padding-top: 4px;
}
form td
{
    font-size:12px;
}
form textarea, form input
{
    width: 95%;
    padding: 4px;
}
form textarea, form input, form select
{
    background: white;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1.0em;
}
form select
{
    margin-top: 4px;
}
form input[type='submit']
{
    width: auto;
}
form input[type='checkbox']
{
width:10px;
margin:5px 0px 0px 0px;
}


label {
	width: 100px;
	font-size: 11px;
	font-weight:normal;
	text-align: left;
	vertical-align:top;
	display: block;
	}


ul.errorlist
{
    margin: 0;
    padding: 0 0 0 0px;
    color: #ff3366;
    list-style-image: url("../img/error.png");
    font-weight: bold;
}
ul.errorlist li
{
    margin: 2px 0;
    font-size:11px;
    
}
ul.errorlist + input
{
    background: #fdd;
}
ul.errorlist + textarea
{
    background: #fdd;
}
form.errors
{

}
form p.errors
{
    color: #ff3366;
    font-weight: bold;
    font-size: 11px;
    padding:0 0 5px 0;
    margin:0px;
}

#BB_BuyButtonForm 
{
	width: 125px;
	padding: 0px;
	border: none;
	background: none;
	margin: 0px;
	float: left;
}

#BB_BuyButtonForm input
{
	padding: 0px;
	border: none;
	background: none;
}


#gallery-img img {width: 180px; height: 180px;}
#gallery-img-wide img{width: 240px; height: 180px;}
#gallery-img-narrow img{width: 140px; height: 180px;}


#contact-us img{ margin-top:36px; height:200px; width:200px;}

/* Sidebar 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#sidebar, #sidebar ul, #sidebar li #sidebar p{
	list-style:none;
	margin:0 0 10px 0;
	padding:0px;

	width: 230px;}


#sidebar a:link,
#sidebar a:visited {
	height:180px;
	display:block;
	font-style:bold;
	}


#guarantee {background: url('/media/img/sidebar-guarantee.png');height:110px;}
#christmas {background: url('/media/img/sidebar-christmas.png');height:230px;width:293px;}
#designthing-demo {background: url('/media/img/sidebar-designthing-demo.png'); height:111px;}
#designtips {background: url('/media/img/sidebar-designtips.png'); height:180px;}
#newsletter {background: url('/media/img/sidebar-newsletter.png'); height:180px;}
#gallery {background: url('/media/img/sidebar-gallery.png') no-repeat; height:144px;}

#designthing-form {padding: 0px;}


#links a {padding: 0px; height:12px;}


#sidebar p{
	padding:50px 70px 0 40px;
	font-size:12px;
	line-height:14px;
	}
#sidebar a{font-weight:bold; font-color:black;}



#sidebar-features {height: 280px;
	background:  url('/media/img/sidebar-features.png') ;
	position:relative;
}


#sidebar-features ul, 
#sidebar-features li { 
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	top:0;
	}


#sidebar-features a:link,
#sidebar-features a:visited {
	height:34px;
	width: 230px;

	display:block;

	}


#nav-what-does-it-do{left: 0px; top:0px;width:230px;}
#nav-who-is-it-for {left: 0px; top: 35px; width:230px;}
#nav-the-pain-of-customer-artwork {left:0px; top:68px; width:230px;} 
#nav-brand-it-your-way{top:103px;width:230px;}
#nav-free-greetings-card-designer{top:136px;width:230px;}
#nav-how-do-i-install-designthing{top:170px;width:230px;}
#nav-our-guarantee-to-you {top:204px;width:230px;}
#nav-buy{top:238px;width:230px;}

#nav-what-does-it-do a:hover{background: transparent url(/media/img/sidebar-features.png) -230px 0px no-repeat; }
#nav-who-is-it-for a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -34px no-repeat; }
#nav-the-pain-of-customer-artwork a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -68px no-repeat; }
#nav-brand-it-your-way a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -102px no-repeat; }
#nav-free-greetings-card-designer a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -136px no-repeat; }
#nav-how-do-i-install-designthing a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -170px no-repeat; }
#nav-our-guarantee-to-you a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -204px no-repeat; }
#nav-buy a:hover{background: transparent url(/media/img/sidebar-features.png) -230px -238px no-repeat; }

body#what-does-it-do #nav-what-does-it-do {background: transparent url(/media/img/sidebar-features.png) -230px 0px no-repeat; }
body#who-is-it-for #nav-who-is-it-for {background: transparent url(/media/img/sidebar-features.png) -230px -34px no-repeat; }
body#the-pain-of-customer-artwork #nav-the-pain-of-customer-artwork {background: transparent url(/media/img/sidebar-features.png) -230px -68px no-repeat; }
body#brand-it-your-way #nav-brand-it-your-way {background: transparent url(/media/img/sidebar-features.png) -230px -102px no-repeat; }
body#free-greetings-card-designer #nav-free-greetings-card-designer {background: transparent url(/media/img/sidebar-features.png) -230px -136px no-repeat; }
body#how-do-i-install-designthing #nav-how-do-i-install-designthing {background: transparent url(/media/img/sidebar-features.png) -230px -170px no-repeat; }
body#our-guarantee-to-you #nav-our-guarantee-to-you {background: transparent url(/media/img/sidebar-features.png) -230px -204px no-repeat; }
body#buy #nav-buy {background: transparent url(/media/img/sidebar-features.png) -230px -238px no-repeat; }






/* Bottom
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bottom {border-top: solid 1px black; margin-top:15px;}
#bottom li { display:inline; padding:15px; }
#bottom a{ font:no-underline; color:black;}



/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer	{width:643px; float: left;}
		


#foot { width: 643px;
		margin:0px;
		}
		

#foot-buy {width: 208px;
	height: 133px;
	background: url(/media/img/foot-buy.png);
	float:left;
	margin-right: 0px;
	}

#foot-demo {background: url(/media/img/foot-demo.png);
	float:left;
	width: 213px;
	height: 133px;
	margin-right: 0px;
	}		
		
#foot-faq {background: url(/media/img/foot-faq.png);
	float:left;
	width: 213px;
	height: 133px;
	}
		
#foot li{display:inline;
	list-style:none;
	padding:0;
	top:0;}
	
#foot a:link,
#foot a:visited {
	height:133px;
	display:block;
	}
	
#foot-buy a:hover{background: transparent url(/media/img/foot-buy-hover.png)0px 0px no-repeat;}
#foot-demo a:hover{background: transparent url(/media/img/foot-demo-hover.png)0px 0px no-repeat;}
#foot-faq a:hover{background: transparent url(/media/img/foot-faq-hover.png)0px 0px no-repeat;}