@import url(reset.css);

html{text-shadow:rgba(0,0,0,0.01) 0 0 0;}
/*
** sIfr **/
.sIFR-flash {visibility: visible !important;}
.sIFR-replaced {visibility: visible !important;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}
h1#title {visibility: hidden;}
h2#subtitle {visibility: hidden;}

img.left	{float: left; margin:0 25px 25px 0;}
img.right	{float: right; margin:0 0 25px 25px;}
.hr{border-bottom:1px solid #ccc; margin-bottom: 35px;}
.clear		{clear:both;}

body { font: normal 14px/1.5em Arial, sans-serif; color: #555; background: #bbbbbb; }
.container { width: 931px; margin: 0 auto;}
a { text-decoration: none; color: #000; font-weight: bold;}
a:hover { text-decoration: underline;}
p { margin-bottom: 2em;}
ul,ol		{ margin-left:25px; }
li			{ list-style-type:disc; }
.menu li	{ list-style-type:none; }
.minheight	{ min-height: 655px;}

h1 { float: left; margin-right: 15px; }
h1 a { display: block; height: 71px; width: 160px; text-indent: -9999px; background: url(../img/parade_logo.png) no-repeat; }
a#logo { float: left; margin-right: 15px; display: block; height: 71px; width: 160px; text-indent: -9999px; background: url(../img/parade_logo.png) no-repeat; }

#header { overflow: hidden; margin-bottom: 20px; padding-top: 60px; }
#header li { line-height: 71px; font-size: 18px; margin: 0 15px; }
#header li a { border-bottom: 3px solid #fff; color: #777; padding-bottom: 2px; }
#header li a:hover { color: #000; }
#header li a.active { text-decoration: none; border-bottom: 3px solid #fff; font-weight: bold; color: #333; }
#header li a.current { text-decoration: none; border-bottom: 3px solid #fff; font-weight: bold; color: #333; }


#wrapper { background-color: #FFF; padding-bottom: 30px; overflow: hidden;}

ul.menu { list-style-type: none; }
ul.menu li { float: left; }
ul.menu a { color: #555; font-weight: normal;}
ul.menu a:hover { text-decoration: none; border-bottom: 3px solid #222; }

#header h2 { float: right; margin-top: -60px; }
#header h2 a { display: block; width: 88px; height: 120px; text-indent: -9999px; background: url(../img/try_it.png) #000 no-repeat 0 bottom; margin-left: -88px; position: absolute; z-index: 2; }
/*#header h2 a:hover { padding-top: 30px; margin-bottom: -30px; } */

h1#title { float:none; font: normal 46px/60px DaxlinePro-Medium, "Helvetica Neue", Helvetica, sans-serif; color: #000; margin-top: 50px; margin-bottom: 0; text-align: left;}
h2#subtitle { font: normal 32px/40px DaxlinePro-Light, "Helvetica Neue", Helvetica, sans-serif; color: #000; margin-top: -15px; margin-bottom: 0; text-align: left;}

#banner { clear: both; height: 280px; text-indent: -9999px; background: url(../img/instant.gif) no-repeat center center; }
#designerbanner { clear: both; height: 280px; text-indent: -9999px; background: url(../img/snap.gif) no-repeat center center; margin-bottom: 15px; }

.cols { overflow: hidden; }
.span3 { width: 283px; float: left; }
.span3.middle { margin: auto 41px; }

img.icons { margin-right: 25px; margin-top: 30px; float: left; }
#main_content.feature { width: 525px; }


.span3 a { display: block; font-size: 13px; line-height: 18px; color: #8f8f8f; font-weight: normal;}
.span3 strong, h2 { display: block; font: bold 17px/1 Arial, sans-serif; color: #575757; text-transform: uppercase; margin-bottom: .5em; }
.span3 a:hover strong { color: #ED2D00; }
.span3 a:hover { color: #444; text-decoration: none;}
.home .span3 a { padding: 20px 0 0 60px; width: 223px; }
.inner .span3 a { padding: 40px 0 20px 60px; width: 223px; }

.inner .reg a { font-size: 14px; line-height: 18px; display: inline; padding: 0 !important;}
.inner .reg em{ color: #333; }
.inner .reg a.bigred{ color: #ED2D00; font-size: 16px; line-height: 20px; }
.inner .reg a.bigred:hover { color: #000; font-size: 16px; line-height: 20px; }


body.custom .span3 p{ display: block; font-size: 14px; line-height: 19px; color: #8f8f8f; font-weight: normal; margin-bottom: .7em;}
body.custom .span3 h3{ display: block; font: bold 17px/1 Arial, sans-serif; color: #575757; text-transform: uppercase; margin-bottom: .5em; }


.themes { background: url(../img/palette.gif) no-repeat 0 0;}
.features { background: url(../img/gears-alt.gif) no-repeat 0 5px;}
.pricing { background: url(../img/money.gif) no-repeat 10px 8px;}

/*.feature { height: 250px; overflow: auto;}*/
hr.break { clear: both; margin: 0; visibility: hidden; }
#feature_list { margin-top: 30px; }
.features_live{background: url(../img/features-live.jpg) no-repeat 0 25px;}
.features_search{background: url(../img/features-search.jpg) no-repeat 0 25px;}
.features_designs{background: url(../img/features-designs.jpg) no-repeat 0 25px;}
.features_management{background: url(../img/features-management.jpg) no-repeat 0 25px;}
.features_galleries{background: url(../img/features-versatile.jpg) no-repeat 0 25px;}
.features_iphone{background: url(../img/features-iphone.jpg) no-repeat 0 25px;}

.custom_unlock{background: url(../img/unlock.gif) no-repeat 0 25px;}
.custom_build{background: url(../img/blueprint.gif) no-repeat 0 25px;}
.custom_signature{background: url(../img/brush.gif) no-repeat 0 25px;}

#main_content { width: 610px; float: left; margin-top: 25px;}
#side_content { width: 281px; float: left; margin: 32px 0 0 40px;}
#side_content.about_page { margin: 20px 0 0 -30px; text-align: right;}

#left_column { width: 400px; margin-right: 50px; float:left;}
#right_column { width: 400px; float:left; }

#paradeparade { background: url(../img/peoplesmall.jpg) repeat-x #d0d0d0; height: 95px; }

.container table tr td{ color: #FFF; padding: 3px; text-align: center; font-weight: normal; font-size: 13px;}
/* First Column of table */ 
.container table .first-column { text-align: right; padding-right: 15px; font-weight: normal; color: #c6c6c6;}
/* Titles on table */
.container table strong, .container table .first-column{ font-size: 15px; font-weight: normal;}
/* First Row */
.container table tr.first-row td{ background: #393a32; padding: 14px 8px;}
.container table tr.first-row td strong { font-size: 16px; font-weight: bold; }
.container table { width: 610px; }
.container table tr td {  border-bottom: 1px solid #6a6b62; border-right: 1px solid #6a6b62; }
.container table  tr { text-align: left; background: #484a3f;  }
.container .even { background: #515348; }
.container table { margin-bottom: 25px; }
.first-cell { background: #FFF !important;}

#side_info.signup, #side_info.faq { float:left; width: 281px; margin: 112px 0 0 40px;}
#side_info.faq { margin: 26px 0 0 40px; }
.signup #side_info { margin: 0;}
#side_info h4 { color: #ED2D00; font-weight: bold; }
#side_info p,
#side_info li { font-size: 12px; line-height: 18px; }
#side_info li p	{ margin-bottom: 0; }
#side_info ul { list-style-type:disc;font-size: 12px;margin-bottom:1.5em; margin-left: 2em; }
#side_info small { font-size: 11px; color: #999; }
#side_info img.aboutimg{margin-left:-64px;margin-top:-1px;}

.about_page p { float: left; margin: 5px; }
.about_page img#lift { margin-top: 0;}

#main_content.faq_page { width: 560px; padding-right: 50px; }
#main_content.faq_page h2 { font-size: 24px; text-transform: none; color: #ED2D00; letter-spacing: -1px; line-height: 1.1em; margin: 1em 0 .25em 0;}
#main_content.faq_page h2:first-child {margin-top:0;}
#main_content.faq_page p { line-height: 21px; width: 500px; }

#main_content.privacy.faq_page p { line-height: 18px; font-size: 12px; margin-bottom: 18px; }
#main_content.privacy.faq_page h2 { font-size: 18px; letter-spacing: 0; }

#designs {height:326px !important; overflow:hidden; margin: 25px 0 50px 0;}
.design-detail { float: left; }
.design-detail img { margin-right: 40px;}
.design-detail h4 { font-size: 28px; color: #ED2D00; font-weight: bold; line-height: 1.1em; margin: 1.5em 0 .75em 0;}
.design-detail h4 span {font-weight: normal; font-size: 13px; line-height: 1.5em; color: #999; }
p em{ font-style: italic; }

.screenshots	{ float:left; height:324px !important; margin-right:40px; width:444px !important; }

.design-thumbs { }
.design { float: left; margin-right: 40px;}
.design img {margin-bottom: 0;}


.last {margin-right: 0;}


/*a.signup { background: #FFF; font-weight: normal; padding: 13px; font-size: 20px; text-decoration: none; color: #ED2D00; border: 2px solid #ED2D00; border-left: 7px solid #CF2700;}*/
/*a.signup:hover { background: #ED2D00; color: #FFF; }*/

a.signup { display: block; text-indent: -9999px; height: 46px; width: 153px; background: url(../img/sign-up.gif) no-repeat 0 0; }
a.signup:hover { background-position: 0 -46px; }

a.wantnow { float: left; display: block; text-indent: -9999px; height: 46px; width: 180px; background: url(../img/iwantitnow.gif) no-repeat 0 0; }
a.wantnow:hover { background-position: 0 -46px; }

a.demo { float: left; display: block; text-indent: -9999px; margin-right: 10px; height: 46px; width: 162px; background: url(../img/viewdemo.gif) no-repeat 0 0; }
a.demo:hover { background-position: 0 -46px; }

a.getstarted { float: left; display: block; text-indent: -9999px; margin-right: 10px; height: 46px; width: 180px; background: url(../img/getstarted.gif) no-repeat 0 0; }
a.getstarted:hover { background-position: 0 -46px; }

a.learnmore { float: left; display: block; text-indent: -9999px; margin-right: 10px; height: 46px; width: 180px; background: url(../img/learnmore.gif) no-repeat 0 0; }
a.learnmore:hover { background-position: 0 -46px; }



em.footnote, span.footnote { font-style: italic; font-size: 11px; line-height: 1.5em; color: #999; display: block; }
span.lift { font-family: Georgia; font-style: italic;}

#footer { clear:both; background: #d0d0d0; margin: 0px 0 0 0; padding: 0 0 0px 0; overflow: hidden; font-size: 12px; line-height: 15px; color: #777; }
#footer #bottombar	{width:100%; height: 20px; padding: 20px 0 15px; background: url(../img/footerbottombg.jpg) repeat-x top left; text-align: center; clear: both;}
#footer #bottombar	a{color: #fff; font-weight: bold; padding: 0 5px;}
.footercol{width:288px; float: left; margin-left: 33px; margin-bottom: 70px; background: url(../img/footercorner.jpg) right 34px no-repeat; position: relative; min-height: 100%; height: 100%; display: inline;}
.container .footercol:first-child{ margin-left: 0;}
.footercol h2{width: 268px; height: 15px; background: url(../img/footertitlebg.jpg) no-repeat; color: #fff; padding: 10px 10px;}
.footercol p{font-size: 13px; color: #6a6a6a; line-height: 19px;}
.footercol a{font-weight: bold; color:#6a6a6a;  }
.footercol p.date{ font-size: 11px; color: #909090; text-transform: uppercase; margin: 5px 0 10px;}
.footercol h3{font-size: 16px; font-weight: bold; color: #6a6a6a; margin-bottom: 10px;}
.twitter p{margin: 0 0 5px;}
.news p{margin: 0 0 10px;}
.twitter p em{color: #909090; font-style: italic; font-size: 11px;}
.news img{border: 7px solid #bebebe; margin: 0 0 5px 0;}
.featured img{border: 7px solid #fff; float: left; margin: 0 10px 10px 0;}
.featured p{clear:both;}
.featured h3{margin: 50px 0 3px 0;}
a.footerbutton{ padding: 20px 0 20px 50px; color: #fff; font-size: 16px; font-weight: bold; display: block; position: absolute; _position: relative; bottom: -50px; left: 0;}
.twitter a.footerbutton{background: url(../img/largetwitter.jpg) left center no-repeat; padding-left: 60px;}
.news a.footerbutton{background: url(../img/largenews.jpg) left center no-repeat;}
.featured a.footerbutton{background: url(../img/largehand.jpg) left center no-repeat;}
.twitter ul{list-style: none; margin: 0;}
.twitter ul li{list-style: none; margin: 0;}

#more { float: right; overflow: hidden; text-align: right;}
#existing { margin: 0 0 .5em; text-align: left; text-indent: -9999px; float: right; clear: both; }
#existing a { display: block; width: 129px; height: 45px; background: url(../img/existing-user.gif) #000 no-repeat center center; }

#scroll{
	position: relative;
}

#scroll #previous{
	position: absolute;
	left: -20px;
	top: 50px;
}

#scroll #next{
	position: absolute;
	right: -19px;
	top: 50px;
}

#scroll a.disabled {
	visibility:hidden !important;		
}

div.design-thumbs { 
    position:relative; 
    overflow:hidden;          
    width: 900px;
    height:120px;
    padding: 0px;
    background: #e2e2e2;  
    border-left: 15px solid #e2e2e2;
    border-right: 15px solid #e2e2e2;
	border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;
} 
div.design-thumbs div.items {     
    width:20000em;     
    position:absolute;         
} 
div.design-thumbs div.items div { 
    float:left;
    padding:4px;
    width:166px;
    height: 112px;
    background: none;
    margin:0 7px 0 0; 
    position: relative;
}

div.design-thumbs div.items div img{
	width:164px;
	height:110px;
	border:1px solid #e2e2e2;
	display: block;
}
 
div.design-thumbs div.items div.active {background:#a8a8a8;}
div.design-thumbs div.items div.active img{border:1px solid #fff;}

div.design-thumbs div.items div.active a,
div.design-thumbs div.items div:hover a{ width:164px; height:110px; background:url(../img/thumbhover.png); color: #c5c5c5; top:5px; left:5px; position: absolute; text-decoration: none; text-align: center; cursor: pointer; }

div.design-thumbs div.items div:hover a span,
div.design-thumbs div.items div.active a span{
	text-align: center;
	width:164px;
	height:110px;
	color: #c5c5c5;
	top:42%;
	position: relative;
	cursor: pointer;
}



/*
**	=comments
*********************/
#comments					{ clear:both; }
#comments h2				{ font-size:24px; text-transform:none; color:#ED2D00; letter-spacing:-1px; line-height:1.1em; margin:1em 0 .25em 0; }
#comments table				{}
#comments table tr,
#comments table td			{ background:#fff !important; border:0 !important; text-align:left; vertical-align:top; }
#comments ul				{ margin:0; }
#comments li				{ background:#f9f9f9; list-style:none; margin:0; padding:10px 20px; }
#comments li.a				{ background:#EFEFEF; }
#comments li cite			{ font-size:0.8333em; }
#comments li p				{ margin-bottom:0.5em; }
.meta						{ clear:both; font-size:0.9167em; }
.meta a						{ background:#ccc; color:#fff; padding:8px 12px; -moz-border-radius:20px; -webkit-border-radius:20px; }