@charset "utf-8";
/* CSS Document - Date : May 20th, 2010 */

body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#377FBA url(../images/body-rep.jpg) repeat-x; color:#545454; }

div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, a {margin:0; padding:0; border:0; vertical-align:baseline;}  

img, a img { border:none;}

a:focus { outline:none;}

p { margin:0 0 15px 0;}

h1 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:15px; font-size:20px; font-weight:bold;}
h2 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; margin-bottom:14px; font-size:18px;}
h3 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; margin-bottom:12px; font-size:16px;}
h4 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; margin-bottom:12px; font-size:14px;}

h1, h2, h3, h4 { color:#333;}

a { color:#1B62AA; text-decoration:underline;}
a:hover { color:#000; text-decoration:underline;}

/* ------- General Uses ------- */
.left { float:left;}
.right { float:right;}
.clear { clear:both; font-size:0; line-height:1;}
.clearfix { clear:both; font-size:0px; line-height:1px;}
.clear-5 { clear:both; height:5px;}
.clear-10 { clear:both; height:10px;}
.clear-15 { clear:both; height:15px;}
.clear-20 { clear:both; height:20px;}
.clear-border { clear: both; height:1px; margin:10px 0; border-bottom:1px solid #DCDCDC;}
.badge { position: absolute; top:0px; right: 50%; margin-right:-300px; z-index: 1050;}

hr { border:none; border-top:1px solid #CCCCCC;	height:1px;	margin:10px 0;	}


.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

/* -------- PAGE STYLES ----------- */
.wrapper { margin:0 auto; padding:5px 15px 15px 15px; width: 930px; background:#ffffff; overflow: hidden;}

.top { padding:0px 0 12px 0; overflow:hidden; clear:both;}
.startupshoppe-logo { width:248px; height:58px; margin:10px 0 0 0; padding:0; float: left; position:relative;}
.startupshoppe-logo h1 a { width:248px; height:58px; margin:0; padding:0; text-indent:-9999px; display: block; background: url(../images/logo.jpg) no-repeat 0 0;}
.popup { display: none; position: absolute;}
.catchline { width: auto; float:left; margin:20px 0 0 0; padding:0;}
.social-icon-top { width: auto; margin:20px 0 0 0; padding:0; float: right; text-align: right;}

.container { clear:both; margin:0; padding:20px 0; width:100%; float:left; position:relative;}

.navigation  { margin:0 auto; padding:2px 3px 3px 1px; width: 898px; height:34px; background:url(../images/nav-bk.png) no-repeat top left; position: absolute; top:0; left:15px; z-index:1000;}
/*.navigation ul { margin:0; padding:0; list-style:none; color:#fff; text-align: center; }
.navigation ul li { display:inline; color:#fff; list-style:none; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; text-shadow:1px 1px 1px #092844; background: url(../images/nav-separator.gif) no-repeat right 2px; line-height:30px; margin:0 -2px;}
.navigation ul li.last { background-image:none;}
.navigation ul li a { color:#fff; padding:5px 12px; text-shadow:1px 1px 1px #092844; text-decoration: none; line-height:23px; display:inline-block;}
.navigation ul li a:hover { color:#fff; text-shadow:1px 1px 1px #092844; text-decoration: none; background:url(../images/nav-hover.gif) no-repeat -5px 0;}*/

.header-index { width:930px; margin: 0; padding:0;  height:280px; background:#F3F4F4; z-index: 500;} 

.subject { margin:0; padding:0 10px; clear:both; width: 910px; line-height:18px; background:#fff; overflow: hidden;}
.left-column-index { margin:0; padding:25px 15px 0px 0; width:480px; float:left; }

.left-column-index h2 { color:#DF9B12; padding-bottom:5px; background:url(../images/bottom-line-h.gif) no-repeat bottom left;}
.left-column-index h3 { color:#444444;}

.half-block { width: 225px; padding-right:15px; float:left; margin:10px 0;}
.left-column-index ul, .left-column ul  { margin:10px 0 15px 0; padding: 0;}
.left-column-index ul li, .left-column ul li { margin:3px 0; list-style:none; color:#545454; background:url(../images/bluebullet.gif) no-repeat 0 7px; padding:0 0 0 12px;}
.left-column-index ul li a, .left-column ul li a { color:#1B62AA; text-decoration: underline;}
.left-column-index ul li a:hover, .left-column ul li a:hover { color:#194D7C; text-decoration: underline;}

.price-banner { width: 425px; margin:0 0 15px 0; clear: bo; background: url(../images/gray-pric-bg.jpg) no-repeat 0 0; height: 120px; padding:12px 20px; }

blockquote.testi-index { padding-left: 33px; padding-top:5px; padding-right:10px; background:url(../images/quote-left.gif) no-repeat 0 0; line-height:16px;}

.right-column-index { width: 415px; margin:0; margin:0; float:right; padding:0; z-index:1000; display: block; position:absolute; right:10px; top:260px; overflow: hidden; }

.right-graybox-index { background:#EEEFF1; margin:0; padding:10px; width: 394px; float:left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.right-graybox-index .inner { background:#fff; border:1px solid #E9EAEB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:15px 18px;}
.right-graybox-index .inner h1 { color:#DF9B12; font-size: 22px; }

.video-panel { width: 100%; margin:10px 0; display: block; overflow:hidden;}
.video-column { width:102px; padding:0 8px; border-right:1px solid #DCDCDC; float:left; height:100px;}
.video-column.last { border-right: none;}
.video-thumb { width:93px; height:55px; margin:0 0 8px 0; float:left; background:url(../images/video-thumb-bk.gif) no-repeat 0 0; padding:4px 4px 5px 5px; position:relative; }
.video-thumb a { text-decoration:none;}
.video-thumb a .iconVideo { width:30px; height:30px; top:15px; left:38px; background:url(../images/video-icon.png) no-repeat 0 0; position:absolute;}
.video-thumb a .iconVideo:hover { background-position:0 -30px;}
.video-thumb a span { text-indent:-9999px;}
.video-thumb a:hover .iconVideo { background-position:0 -30px; cursor: pointer;}

.video-column .v-titlelink { margin:0 0 5px 0; padding:0; font-size:12px; color:#000; line-height:14px; display: block;}
.video-column .v-titlelink a { font-weight: bold; color:#000; text-decoration:none;}
.video-column .v-titlelink a:hover { color:#333; text-decoration:underline;}
.smallgraytext { color:#717171; font-size:11px; line-height:14px;}

.star { color:#CC0000;}

.tweetpost-block { margin:20px 0 15px 0; padding:0 4%; width:92%; float:left; clear: both;}
.tweetpost-block h2 { padding-bottom:8px; background:url(../images/bottom-line-h.gif) no-repeat bottom left; margin-bottom:0px;}
.tweetpost-block h2 img { vertical-align: middle; margin-right: 5px;}
.tweetpost-block ul { margin:10px 0; padding:0; list-style:none;}
.tweetpost-block ul li { margin:0; padding:8px 0; list-style:none; border-bottom:1px solid #dcdcdc;}


.footer { width:960px; margin:0 auto 45px auto; padding:15px 0 15px 0; background:url(../images/footer-top.gif) repeat-x 0 0; color:#fff; }
.ft-logo { width: auto; float:left; margin:0; padding:0 0 0 10px;}
.ft-links { width: 785px; margin:0; padding:0; float:right; text-align:right; color:#5E98C6;}
.ft-links a { color:#fff; text-decoration:none; padding:0 2px;}
.ft-links a:hover { color:#244867; text-decoration:none;}
.copyright { margin:6px 0; padding:0; color:#7DB9E8;}

/* ---------  Inner Pages --------- */
.header { width:930px; margin: 0; padding:0; background:#F3F4F4; z-index: 500;} 
.header-showcase {  width:930px; margin: 0; padding:0;  height:353px; background:#F3F4F4; z-index: 500;}

.left-column { margin:0; padding:25px 15px 0px 0; width:595px; float:left;}
.left-column h2 { color:#DF9B12; padding-bottom:5px; background:url(../images/bottom-line-h.gif) no-repeat bottom left;}

.feature-section { width: 525px; padding-right:10px; padding-left:60px; float:left; margin:10px 10px 15px 0px;} /*width: 215px;*/
.feature-section.buz { background:url(../images/f-business.jpg) no-repeat 0 0;}
.feature-section.advt { background:url(../images/f-advt.jpg) no-repeat 0 0;}
.feature-section.userfrndly { background:url(../images/f-userfriendly.jpg) no-repeat 0 0;}
.feature-section.webbase { background:url(../images/f-webbase.jpg) no-repeat 0 0;}
.feature-section.economic { background:url(../images/f-economic.jpg) no-repeat 0 0;}
.feature-section.wellorganise { background:url(../images/f-welorganise.jpg) no-repeat 0 0;}
.feature-section.time { background:url(../images/f-time.jpg) no-repeat 0 0;}
.feature-section.replay { background:url(../images/f-replay.jpg) no-repeat 0 0;}

.feature-section h3, .feature-section p { margin-bottom:5px;}

.right-column { margin:0; padding:25px 0 0 0; float:right; width: 290px; }
.gray-form { border:1px solid #DBDBDB; background:#fff url(../images/gray-form-bk.gif) repeat-x bottom left; width:248px; float:left; padding:10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:20px;}
.gray-form .form-row { margin:10px 0 15px 0; width: 100%; display: block;}
.gray-form .form-row label { margin-bottom:5px; padding-top:5px; display: inline-block; font-weight: bold; float: left; width: 60px;}
.gray-form .form-row label span {font-weight: normal;}
.gray-form .form-row input.text-field { background: url(../images/input-text-bk.gif) no-repeat 0 0; height:23px; padding: 4px 5px; width: 166px; color: #666; }
.gray-form .form-row textarea.text-area { background: url(../images/input-textarea-bk.gif) no-repeat 0 0; padding: 4px 5px; width: 236px; vertical-align:top; border:none; outline:none;}
button.send-info-btn  { background:url(../images/sendinfo-btn.gif) no-repeat 0 0; width:156px; height:34px; display: block; margin:0; padding:0; border: none; cursor: pointer;}
button.send-info-btn:hover { background-position: 0 -34px;}
button.send-info-btn:active { background-position: 0 -68px;}


.fullwidth-910 { width: 910px; margin:20px 0 0px 0; padding:10px 0; float:left;}

.border-top { border-top:1px solid #dcdcdc; }

.showreel-panel { width: 100%; margin:15px 0; display: block; overflow:hidden;}
.showreel-panel .video-column { width:102px; padding:0 38px; border-right:1px solid #DCDCDC; float:left; height:100px;}
.showreel-panel .video-column.last { border-right: none;}
.showreel-panel .video-thumb { width:93px; height:55px; margin:0 0px 8px 0; float:left; background:url(../images/video-thumb-bk.gif) no-repeat 0 0; padding:4px 4px 5px 5px; position:relative; clear:right;}
.showreel-panel.margin-bottom-none { margin-bottom:0;}

.right-graybox { background:#EEEFF1; margin:0 0 20px 0; padding:10px; width: 270px; float:left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.right-graybox .inner { background:#fff; border:1px solid #E9EAEB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:15px 10px;}
.right-graybox .inner h1 { color:#DF9B12; font-size: 18px; letter-spacing: -1px; }

.right-graybox .video-panel .video-column { padding:0 10px;}

/* --------- FONT styles & Color --------- */
.size11 { font-size:11px;}
.size12 { font-size:12px;}
.size13 { font-size:13px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size22 { font-size:22px;}

.bluetext { color:#397CB6;}

.blueheading-small { color:#397CB6;font-size:14px; font-weight: bold; line-height:20px;}
.gray11 { color:#6f6f6f; font-size: 11px;}

.graytext { color: #666;}
.blacktext { color:#111;}




/* --------- Button Styles ---------- */
.button-row { width:100%; clear: both; overflow:hidden; margin:10px 0;}


a.bluebigbtn { background: url(../images/bluebtn-left.gif) no-repeat top left; display: block; float: left; font: bold 15px Helvetica Neue, Arial, Helvetica, sans-serif; line-height: 20px; height: 30px; padding-left: 13px; text-decoration: none; margin-right:10px; margin-bottom:10px; text-shadow:0 1px 0 #083460; }
a:link.bluebigbtn, a:visited.bluebigbtn, a:active.bluebigbtn { color: #fff; text-decoration:none;}
a.bluebigbtn span { background: url(../images/bluebtn-right.gif) no-repeat top right; display: block; padding: 5px 15px 5px 0; }
a.bluebigbtn:hover { color:#B2D4FC; text-shadow:0 -1px 0 #083460;}


.bluebtn { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background:#235794; margin:5px; display: inline-block;; padding:2px 10px; color:#fff; text-decoration:none}
.bluebtn:hover { background:#3880BB; text-decoration:  none; color:#fff;}


#top_paging { position: absolute; top: 50px; right:25px; background: #19334E; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; z-index:500;  width: auto;}
#myController { width: auto; float:left;}
#myController span { color:#351210; padding:1px 5px; line-height: 13px; cursor:pointer; font-size:11px; color:#fff; display: inline-block;}
#myController span { background:#19334E; border: 1px solid #19334E;}
#myController span.jFlowSelected { border: 1px solid #39526B;}
.jFlowPrev, .jFlowNext {cursor:pointer;}
.jFlowNext { left:0;}
.jFlowPrev { float: left;}


#contact-wrapper {
	width:430px;
	border:0px solid #e2e2e2;
	padding:0px;
}
#contact-wrapper div {
	clear:both;
	margin:0 0 1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:3px;
	font-size:13px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.3em 0.3em 0.5em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

.twitted ul#twitter_update_list li span {
	display: block;
}

.contactmsg.success{
	color:#00681C;
}

.contactmsg.error{
	color:#AF0100;
}