@import url(reset.css);

body 		{ font: normal 14px/1.5em Arial, sans-serif; color: #555; background: #C5C5C5; }
.container 	{ width: 931px; margin: 0 auto;}
a 			{ text-decoration: none; color: #ED2D00; font-weight: bold;}
a:hover 	{ text-decoration: underline;}
p 			{ margin: 1em 0 2em;}
ul,ol		{ margin-left:25px; }
.menu li	{ list-style-type: none; }
ul,ol		{ list-style-type: circle; margin: 0px 0 25px 30px;}
ol			{ list-style-type: decimal; list-style-position:inside;}

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; }
#header 			{ overflow: hidden; margin-bottom: 50px; 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; }


#colourtest img{ float: left; width: 300px;}

#wrapper { background-color: #FFF; padding-bottom: 75px; 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; }


/* Side Menu */
#side-nav ul 			{ width: 230px; margin: 0;}
#side-nav ul li a 		{ width: 218px; padding: 9px 10px 9px 2px; border-bottom: 1px solid #DDD; display: block; color: #808080;}
#side-nav ul li ul 		{ margin: 0; padding: 0px 0 0 0; }
#side-nav ul li ul li a { margin: 0 0 0 0px; padding-left: 30px; width: 190px; display: block; background: url(../img/sub-arrow.gif) no-repeat 12px 15px; color: #aaaaaa;}
#side-nav a:hover 		{ text-decoration: none; border-bottom: 0px solid #222; color: #Ed2D00; }
#side-nav ul li a:hover { border-bottom: 1px solid #999; }


#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; } */

h2#title 	{ font: normal 54px/68px DaxlinePro-Medium, "Helvetica Neue", Helvetica, sans-serif; color: #000; margin-top: 50px; margin-bottom: 0; text-align: left;}
h3#subtitle { font: normal 40px/48px 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; 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; }

#left-column 	{ float: left; width: 230px; margin-right: 45px; overflow: hidden; }
#right-column 	{ float: left; width: 650px;}

.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; }

.homer img { float: left; padding: 20px 0; margin: 5px 0 0 0; }

.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;}

/* SEARCH BAR */
#search { width: 247px; margin-top: 21px; height: 40px; float: right; position: relative;}   
#search .go { padding:  0; border: none; position: absolute; top: 0; left: 207px;}
#search_keywords {position: absolute; top: 0; left: 0; width: 190px; height: 18px;}
#search .form_text { padding: 3px; font-size: 14px;}
	
/*.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;}

#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/paradeparade.jpg) repeat-x; height: 160px; }

.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 ul 						{ list-style-type:disc;font-size: 12px;margin-bottom:1.5em; margin-left: 2em; margin-bottom: .25em; }
#side_info small 					{ font-size: 11px; color: #999; }


.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 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; }

blockquote			{ background:#ddd; border:2px solid #ccc; padding:20px; }
blockquote p		{ margin-bottom:1em; }

#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; }

.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; }



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: #C5C5C5; margin: 20px 0 0 0; padding: 20px 0 30px 0; overflow: hidden; font-size: 12px; line-height: 15px; color: #777; }
#footer .footer-menu 	{ float: left; }
#footer #copyright 		{ float: right; font-size: 10px; font-weight: bold; }
#footer li 				{ padding-right: 10px; margin-left: 10px; }
#footer li.last 		{ border: none; }
#footer li a 			{ color: #888; font-style: none; font-weight: bold; }
#footer li a:hover 		{ border-bottom: none; text-decoration: none; color: #444; }
.tagline 				{ font-weight: normal; font-style: italic; color: #858585; }
a.top					{ color: #8a8a8a; float: right; padding: 10px; border: 1px solid; text-decoration: none; margin-left: 10px; }
a:hover.top				{ background: #FFF;}

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

h2 { font-size: 26px; color: #ED2D00; margin: 8px 0 12px 0; }
h3 { font-size: 17px; margin: 15px 0 15px 0; color: #000; }
h4 { font-size: 15px; font-weight: bold; color: #000; margin: 5px 0 5px 0;}
h5 { font-size: 14px; margin: 5px 0 5px 0; font-weight: bold;}

strong	{ font-weight: bold;}
em 		{font-style: italic;}

.code 		{ padding: 8px; width: 650px; height: 90px;}
.code-short { padding: 8px; width: 650px; height: 50px; }


/* =twitter-feed */
#twitter-feed			{ float:left; margin:1em 0 0; }
#follow					{ font-weight:bold; margin-bottom:0.25em; }
#twitter-feed ul		{ font-size:0.9167em; margin:0; }
#twitter-feed li		{ border-bottom:1px solid #DDD; list-style-type:none; margin:0 0 0.5em; padding:0 0 0.5em; line-height:1.3; }
#twitter-feed li a		{ font-weight:normal; color:#808080; }
#twitter-feed li a:hover{ text-decoration:none; color:#555; }
#twitter-feed .date		{ font-size:0.9167em; color:#ccc; white-space:nowrap; }