/* @override 
	http://localhost:8500/thatprintthing/skin/main.css
	http://localhost:8500/thatPrintThing/skin/main.css
*/

/*Clear defaults - inspired from Badboy.ro
----------------*/

:link,:visited {
	text-decoration: none;
}

ul,ol,dl {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
	font-weight: normal;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

i {
	display: none;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(imgs/bgdtoprepeatx.png) repeat-x top left; 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
}

#container, #moduleWrap {
	width: 960px;
}

#container {
	margin: 0px auto;
	display: block;
}

#logo {
	float: left;
	width: 192px;
	display: block;
}

#logo a {
	width: 192px;
	text-indent: -9999px;
}

#headerNav {
	width: 700px;
	height: 140px;
	float: right;
	display: block;
	background: url(imgs/beta.gif) no-repeat top right;
}

#headerNav ul {
	margin-top: 60px;
	float: right;
}

#headerNav ul li {
	display: inline;
	float: left;
	margin: 0px 10px;
	color: #fff;
}

#sloganArea {
	float: left;
	width: 418px;
	margin-left: 25px;
}

#sloganArea p {
	text-align: left;
	margin-bottom: 10px;
	color: #fff;
	text-indent: -9999px;
}

#introWrap { 	
	float: right; 
	width: 460px;
	margin-right: 20px;
	text-align: left;
	color: #fff;
}

#introWrap h1 { 
	font-weight: bold; 
	font-style: italic; 
	font-size: 120%;
}

#introWrap p { 	
	font-size: 90%;
	margin-top: 10px; 
}

#introWrap p strong { 	
	font-size: 105%; 
	font-style: italic; 
}

#bluearea {
	width: 960px;
	float: left;
	clear: both;
}

#slideWrap {
	background: url(imgs/slide1.gif) no-repeat bottom right;
	width: 600px;
	height: 326px;
	float: right;
}

/* @group Modules */

#moduleWrap {
	float: left;
	margin-left: 16px;
}

#moduleWrap ul {
}

#moduleWrap ul li a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 150px;
}

#moduleWrap ul #mPhoto a {
	width: 120px;
	background: url(imgs/modules.jpg) no-repeat -25px -20px;
}

#moduleWrap ul #mPhoto a:hover {
	background: url(imgs/modules.jpg) no-repeat -25px -190px;
}

#moduleWrap ul #mWed a {
	width: 120px;
	background: url(imgs/modules.jpg) no-repeat -185px -20px;
}

#moduleWrap ul #mWed a:hover {
	background: url(imgs/modules.jpg) no-repeat -185px -190px;
}

#moduleWrap ul #mOut a {
	width: 120px;
	background: url(imgs/modules.jpg) no-repeat -345px -20px;
}

#moduleWrap ul #mOut a:hover {
	background: url(imgs/modules.jpg) no-repeat -345px -190px;
}

#moduleWrap ul #mLit a {
	width: 115px;
	background: url(imgs/modules.jpg) no-repeat -505px -20px;
}

#moduleWrap ul #mLit a:hover {
	background: url(imgs/modules.jpg) no-repeat -505px -190px;
}

#moduleWrap ul #mVeh a {
	width: 110px;
	background: url(imgs/modules.jpg) no-repeat -680px -20px;
}

#moduleWrap ul #mVeh a:hover {
	background: url(imgs/modules.jpg) no-repeat -680px -190px;
}

#moduleWrap ul #mDig a {
	width: 115px;
	background: url(imgs/modules.jpg) no-repeat -845px -20px;
}

#moduleWrap ul #mDig a:hover {
	background: url(imgs/modules.jpg) no-repeat -845px -190px;
}

#moduleWrap ul #mWeb a {
	width: 110px;
	background: url(imgs/modules.jpg) no-repeat -1030px -20px;
}

#moduleWrap ul #mWeb a:hover {
	background: url(imgs/modules.jpg) no-repeat -1030px -190px;
}

#moduleWrap ul #mGre a {
	width: 120px;
	background: url(imgs/modules.jpg) no-repeat -1200px -20px;
}

#moduleWrap ul #mGre a:hover {
	background: url(imgs/modules.jpg) no-repeat -1200px -190px;
}


/* features */

#featWrap {
	float: left;
	margin-left: 16px;
}

#featWrap ul {
}

#featWrap ul li a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 122px;
}

#featWrap ul #ptSys a {
	width: 105px;
	background: url(imgs/sysfeatures.jpg) no-repeat -6px 0px;
}

#featWrap ul #ptSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -6px -141px;
}

#featWrap ul #ecSys a {
	width: 115px;
	background: url(imgs/sysfeatures.jpg) no-repeat -95px 0px;
}

#featWrap ul #ecSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -95px -141px;
}

#featWrap ul #odaSys a {
	width: 100px;
	background: url(imgs/sysfeatures.jpg) no-repeat -205px 0px;
}

#featWrap ul #odaSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -205px -141px;
}

#featWrap ul #pgSys a {
	width: 105px;
	background: url(imgs/sysfeatures.jpg) no-repeat -300px 0px;
}

#featWrap ul #pgSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -300px -141px;
}

#featWrap ul #sslSys a {
	width: 95px;
	background: url(imgs/sysfeatures.jpg) no-repeat -400px 0px;
}

#featWrap ul #sslSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -400px -141px;
}

#featWrap ul #sdSys a {
	width: 105px;
	background: url(imgs/sysfeatures.jpg) no-repeat -490px 0px;
}

#featWrap ul #sdSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -490px -141px;
}

#featWrap ul #odfSys a {
	width: 100px;
	background: url(imgs/sysfeatures.jpg) no-repeat -590px 0px;
}

#featWrap ul #odfSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -590px -141px;
}

#featWrap ul #caSys a {
	width: 105px;
	background: url(imgs/sysfeatures.jpg) no-repeat -690px 0px;
}

#featWrap ul #caSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -690px -141px;
}

#featWrap ul #seoSys a {
	width: 100px;
	background: url(imgs/sysfeatures.jpg) no-repeat -790px 0px;
}

#featWrap ul #seoSys a:hover {
	background: url(imgs/sysfeatures.jpg) no-repeat -790px -141px;
}

/* @end */

#twopoundstrip {
	height: 48px;
	width: 1000px;
	float: left;
}

#twopoundstrip img {
	margin-top: 3px;
}

/* @group slider */

#modulesContainer { 	
	width: 960px;
	padding-top: 20px;
	margin-left: 15px;
	color: #fff;
	text-align: left;
	float: left;
	background: url(imgs/topbgd.png) no-repeat center top;
}


#modulesheader { 	
	float: left;
	width: 960px;
	height: 136px;
	background: url(imgs/modulesheader.gif) no-repeat left top; 
	text-align: left;
	color: #fff;
	margin-left: 15px;
}


#pricingheader { 	
	float: left;
	width: 960px;
	height: 100px;
	background: url(imgs/pricing-awesome.gif) no-repeat center top; 
	text-align: left;
	color: #fff;
	margin-left: 15px;
}

#priceslide { 	
	float: left;
	margin-left: 30px; 
}

#featuresheader { 	
	float: left;
	width: 960px;
	height: 100px;
	background: url(imgs/featuresheader.gif) no-repeat center top; 
	text-align: left;
	color: #fff;
	margin-left: 15px;
}

#modulesheader h2{ 	
	margin-left: 400px;
	padding-top: 50px; 
	font-weight: bold; 
	font-style: italic; 
}

#modulesheader p { 	
	margin-left: 400px;
	width: 540px;
	padding-top: 3px;
	font-size: 80%;
}



#createdByDesigners { 	
	width: 900px;
	height: 70px;
	margin-left: 30px;
	float: left;
	text-indent: -9999px; 
	background: #fff url(imgs/createdbydesigners.gif) no-repeat center top;
}

#slider {
	width: 900px;
	height: 326px;	
    position: relative;
    margin-left: 30px;
    float: left;
}

.scroll {
	width: 900px;
	height: 326px;	
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

#sliderSystem {
	width: 900px;
	height: 326px;	
    float: right;
    position: relative;
}
.scrollSystem {
	width: 900px;
	height: 326px;	
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {

}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
}

ul.navigation a {
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}


.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.scrollContainer #photo { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/PHOTO-MODULES.gif) no-repeat left top; 
}
.scrollContainer #wedding { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/WEDDING-MODULES.gif) no-repeat left top; 
}
.scrollContainer #outdoor { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/OUTDOOR-MODULES.gif) no-repeat left top; 
}
.scrollContainer #litho { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/LITHO-MODULES.gif) no-repeat left top; 
}
.scrollContainer #vehicle { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/VEHICLE-MODULES.gif) no-repeat left top; 
}
.scrollContainer #digital { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/DIGITAL-MODULES.gif) no-repeat left top; 
}
.scrollContainer #photo { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/PHOTO-MODULES.gif) no-repeat left top; 
}
.scrollContainer #web { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/WEB-MODULES.gif) no-repeat left top; 
}
.scrollContainer #greetings { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/GREETING-MODULES.gif) no-repeat left top; 
}

.scrollContainer #designer-front { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/ONLINE-DESIGNER-FRONT.gif) no-repeat left top; 
}

.scrollContainer #ecomm-features { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/ECOMMERCE-FEATURES.gif) no-repeat left top; 
}

.scrollContainer #cust-account { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/CUSTOMER-ACC-PAGES.gif) no-repeat left top; 
}

.scrollContainer #designer-admin { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/ONLINE-DESIGNER-ADMIN.gif) no-repeat left top; 
}

.scrollContainer #payment-gateways { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/PAYMENT-GATEWAYS.gif) no-repeat left top; 
}
.scrollContainer #print-tools { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/PRINT-TOOLS.gif) no-repeat left top; 
}

.scrollContainer #site-design { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/SITE-DESIGN-TOOLS.gif) no-repeat left top; 
}

.scrollContainer #ssl { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/SSL-CERTIFICATES.gif) no-repeat left top; 
}



.scrollContainer #seo { 
	width: 900px;
	height: 326px;	
	background: url(imgs/slides/SEO.gif) no-repeat left top; 
}


.scrollContainer #designer-front .odfwrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

.scrollContainer #designer-admin .odawrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

.scrollContainer #ecomm-features .efwrap, .scrollContainer #site-design .ptwrap, .scrollContainer #seo .cawrap, .scrollContainer #ssl .cawrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

.scrollContainer #cust-account  .cawrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

.scrollContainer #payment-gateways  .pgwrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

.scrollContainer #print-tools  .ptwrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 360px;
}

#sites .ptwrap { 	
	color: #fff; 
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 200px;
}



#photo .phowrap, #wedding .wedwrap, #outdoor .outwrap, #greetings .grewrap, #vehicle .vicwrap, #litho .litwrap, #digital .digwrap, #web .webwrap { 	
	color: #fff; 
	float: right;
	width: 540px;
	text-align: left;
	margin-right: 30px;
	margin-top: 20px;
}

.scrollContainer h2 { 	
	font-size: 120%;
	font-weight: bold; 
	margin-bottom: 10px; 
	font-style: italic;
	margin-top: 10px;
}
.scrollContainer p { 	
	font-size: 70%; 
	margin-bottom: 10px;
}

ul.capul { 	
	font-style: italic; 
	text-transform: uppercase; 
	font-size: 80%;
}



/* @end */

#page { 	
	clear: both;
	width: 960px; 
}

#footer { 	
	height: 100px;
	clear: both;
	width: 960px;
	padding: 0px;
	font-size: 70%; 
	margin-top: 40px; 
}

#linksWrap { 	
	float: left;
	margin-top: 50px; 
	width: 960px;
	height: 220px;
	text-align: center;
}

#linksWrap a { 	
	margin: 10px; 
}

#signupWrap { 	
	float: left; 
	width: 720px;
	height: 231px;
	background: url(imgs/pre-registerbgd.gif) no-repeat center top;
}

#signupWrap form {	
	width: 500px;
	text-align: left; 
	margin: 100px auto 0; 
	height: 130px; 
}

#signupWrap form label { 	
	color: #fff; 
	text-align: left;
	width: 90px;
	float: left;
	
}

#signupWrap h2 { 	
	color: #fff;
	font-size: 150%;
	margin: 130px auto 0;
}

#signupWrap form #email, #signupWrap form #name, #signupWrap form #comp { 	
	width: 400px; 
	float: left;
	display: inline;
}

#signupWrap form #name { 	
	width: 400px; 
	float: left;
	margin-bottom: 3px;
}

#signupWrap form .finp { 	
	margin-top: 6px; 
	float: left;
}

#signupWrap form .finp input { 	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none; 
	height: 18px;
}

#signupWrap form #subsignup { 	
	background: url(imgs/signupbut.gif) no-repeat center center;
	width: 83px;
	height: 30px;
	text-indent: -9999px; 
	border-style: none; 
	float: right;
	margin-top: 6px;
	margin-right: 10px;
}

#followus { 	
	float: right; 
	width: 240px;
}