/* ----------------------------------------------------------------------
Style Sheet for BrandStation

------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
CONTENTS:
=Resets & General
=Main Blocks
	=Padding & Wrappers
	=Columns
=Header
=Nav
=Banner
=Content
	=Images
=Type
=Lists
=Forms
=Footer
------------------------------------------------------------------------*/
/* =Resets & General -----------------------------------------------------
------------------------------------------------------------------------*/
body { background:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; }
h1, h2, h3, h4, h5, h6, p, ul, li, div, form, input, label { margin:0; padding:0; }
ul { list-style:none; }
.clear { clear:both; height:0; }
a img { border:none; }

/* =Main Blocks ----------------------------------------------------------
------------------------------------------------------------------------*/
#header { background:url(../imgs/css/header_bkg.gif) no-repeat 50% top; } /* has IE6 separate stylesheet */
#banner { background:url(../imgs/css/banner_bkg.jpg) no-repeat 50% top; clear:both; }
#content1 { background:#fff; width:953px; margin:auto; border:1px solid #5b5b5b; border-width:0 1px 1px 1px; }
#footer { padding:7px 0; }

	/* =Paddings & Wrappers -----------------------------------------------
	----------------------------------------------------------------------*/
	#header .wrapper { width:953px; margin:auto; position:relative; border:1px solid #5b5b5b; border-width:0 1px 0 1px; height:114px; }
	#banner .wrapper { width:953px; margin:auto; position:relative; border:1px solid #5b5b5b; border-width:0 1px 0 1px; height:128px; }
	#content1 .wrapper { padding:21px; }
	#footer .wrapper { width:930px; margin:auto; }
	
	/* =Columns ------------------------------------------------------------
	----------------------------------------------------------------------*/
	.col1 { float:left; width:442px;  }
	.col2 { float:right; width:442px; }
	
	#home .col1 { width:445px; }
	#home .col2 { width:440px; }
	
/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/
/* have IE6 separate stylesheet */
h1 { background:url(../imgs/css/logo.gif) no-repeat left bottom; text-indent:-10000px; width:280px; padding-top:21px; margin-left:20px; }
h1 a { background:url(../imgs/css/logo.gif) no-repeat left bottom; height:73px; display:block; }

/* =Nav ------------------------------------------------------------------
------------------------------------------------------------------------*/
ul#nav { text-transform:uppercase; color:#fff; height:40px; width:550px; position:absolute; right:5px; top:54px; font-weight:bold; }
ul#nav li { float:left; text-align:center; line-height:28px; margin-left:5px; font-size:12px; }
ul#nav a { color:#333; text-decoration:none; display:block; height:28px; background:url(../imgs/css/nav_enterprise.jpg) no-repeat 50% top; width:103px; }
ul#nav a:hover { color:#fff; text-decoration:none; background-position:50% -28px; }

#home li#nav-home a,
#feat li#nav-feat a,
#price li#nav-price a,
#enterprise li#nav-enterprise a,
#contact li#nav-contact a { color:#fff; background-position:50% -28px; }

/* =Banner ---------------------------------------------------------------
------------------------------------------------------------------------*/
#banner { color:#fff; }

#banner h2.banner-tagline { position:absolute; background:url(../imgs/css/tagline.png) no-repeat top left; width:686px; height:50px; left:50px; top:5px; text-indent:-100000px; } /* ie6 png fix */

#banner a.viewvideo-button { position:absolute; right:50px; top:26px; background:url(../imgs/css/watch_video.png) no-repeat top left; width:220px; height:68px; text-indent:-10000px; } /* ie6 png fix */

#banner a.signup { position:absolute; left:50px; top:31px; background:url(../imgs/css/header-signup.png) no-repeat top left; width:217px; height:60px; text-indent:-10000px; } /* ie6 png fix */

#banner a.signup_clubs {
    height: 60px;
    left: 50px;
    position: absolute;
    text-indent: -100000px;
    top: 31px;
    width: 217px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/clubs/header-signup-clubs.png);
}

#banner a.signup_schools {
	height: 60px;
	left: 50px;
	position: absolute;
	text-indent: -100000px;
	top: 31px;
	width: 217px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/schools/header-signup-schools.png);
}

#banner a.explore { position:absolute; left:355px; top:28px; background:url(../imgs/css/header-explore.png) no-repeat top left; width:216px; height:66px; text-indent:-10000px; } 

#banner a.explore_clubs {
    position:absolute;
    left:355px;
    top:28px;
    width:216px;
    height:66px;
    text-indent:-10000px;
    background-image: url(../images/clubs/header-explore-clubs.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#banner a.explore_schools {
	position:absolute;
	left:355px;
	top:28px;
	width:216px;
	height:66px;
	text-indent:-10000px;
	background-image: url(../images/schools/header-explore-schools.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner_comp {
    clear:both;
    background-image: url(../images/competition/competition_banner.png);
    background-repeat: no-repeat;
    background-position: 50% top;
}
#banner_comp .wrapper {
    width:953px;
    margin:auto;
    position:relative;
    border:1px solid #5b5b5b;
    border-width:0 1px 0 1px;
    height:128px;
}


/* ie6 png fix 


*/

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
#content1 a.freedemo-button { background:url(../imgs/css/try_free_demo.gif) no-repeat top left; width:244px; height:47px; text-indent:-10000px; float:right; }
#content1 a.freedemo-button:hover { background:url(../imgs/css/try_free_demo.gif) no-repeat bottom left; }
#content1 a.freedemo-button.normal { margin:0 49px; clear:both; float:left; }

div#ourtech { background:#5f7f9f; border-bottom:1px solid #252751; margin:10px 0 15px 0; padding:10px 0; float:right; }

div#livesites { background:#5f7f9f; border-bottom:1px solid #252751; margin:10px 0 15px 0; padding:10px 0; height:300px; }

	/* =Images ---------------------------------------------------------------
	------------------------------------------------------------------------*/
	.screens { width:150px; width:150px; position:relative; margin:0 15px 10px 0; float:left; }
	.screens a { width:150px; height:150px; display:block; position:absolute; top:0; left:0; z-index:100; background:url(../imgs/css/corners.gif) no-repeat top left; }

/* =Type -----------------------------------------------------------------
------------------------------------------------------------------------*/
#content1 h2 { font-size:16px; font-weight:bold; margin-bottom:20px; letter-spacing:1px; width:600px; clear:both; }

#content1 h3 { font-size:14px; margin-bottom:15px; }
#content1 h3.h3-features { padding-left:21px; background:url(../imgs/css/h3_features.gif) no-repeat left 50%; font-size:15px; }

#content1 h4 { font-size:13px; margin-bottom:15px; }

#content1 p { font-size:12px; margin-bottom:12px; clear:both; }
#content1 p a { color:#000; text-decoration:underline; }
#content1 p a:hover { color:#000; text-decoration:underline; }

div#ourtech h2 { padding:0 10px; margin-bottom:10px; width:auto; color:#fff; }
div#ourtech p { margin:0 10px 15px 10px; color:#fff; }
div#ourtech p a { color:#a600ff; text-decoration:none; }
div#ourtech p a:hover { color:#a600ff; text-decoration:underline; }

a.backtop { font-size:12px; letter-spacing:1px; background:url(../imgs/css/top.gif) no-repeat left 50%; padding-left:21px; color:#000; text-decoration:none; display:block; margin-bottom:20px;}
a.backtop:hover { color:#000; text-decoration:underline; }

/* =Lists -----------------------------------------------------------------
------------------------------------------------------------------------*/
#content1 ul { font-size:12px; }

#content1 ul.normal-ul { padding-left:20px; margin-bottom:25px; }
#content1 ul.normal-ul li { margin-bottom:7px; background:url(../imgs/css/bullet-subnav.gif) no-repeat top left; padding-left:20px; }

#content1 ul.features {  float:left; width:310px; margin-right:10px; }
#content1 ul.features li { background:none no-repeat top left; margin-bottom:15px; padding:5px 10px 10px 46px; border-bottom:1px solid #9c00f0; }
#content1 ul.features li.video { background-image:url(../imgs/css/features_video.gif); height:45px; }
#content1 ul.features li.blog { background-image:url(../imgs/css/features_blog.gif); height:45px;}
#content1 ul.features li.tag { background-image:url(../imgs/css/features_tag.gif); height:80px; }
#content1 ul.features li.forum { background-image:url(../imgs/css/features_forum.gif); height:80px; }
#content1 ul.features li.book { background-image:url(../imgs/css/features_book.gif); height:40px; }
#content1 ul.features li.wiki { background-image:url(../imgs/css/features_wiki.gif); height:40px; }
#content1 ul.features li.cms { background-image:url(../imgs/css/features_cms.gif); height:60px; }
#content1 ul.features li.search { background-image:url(../imgs/css/features_search.gif); height:60px; }
#content1 ul.features li.events { background-image:url(../imgs/css/feat
ures_events.gif); height:95px; }
#content1 ul.features li.teams { background-image:url(../imgs/css/features_teams.gif); height:95px; }

#content1 ul.submenu { font-size:14px; font-weight:bold; clear:both; display:block; }
#content1 ul.submenu li { border:1px solid #340b4a; border-width:1px 0 1px 1px; float:left; margin-bottom:15px; }
#content1 ul.submenu li.last { border-width:1px; }
#content1 ul.submenu li#subnav-social { width:173px; }
#content1 ul.submenu li#subnav-collab { width:143px; }
#content1 ul.submenu li#subnav-commun { width:156px; }
#content1 ul.submenu a { background:#000; color:#fff; text-decoration:none; padding:10px 10px 10px 32px; display:block; }
#content1 ul.submenu a:hover { background:#1c002b url(../imgs/css/bullet-subnav.gif) no-repeat 7px 11px; color:#fff; text-decoration:none; }

.social #content1 li#subnav-social a { background:#1c002b url(../imgs/css/bullet-subnav.gif) no-repeat 7px 11px; }

/* =Forms ----------------------------------------------------------------
------------------------------------------------------------------------*/
#content1 form { margin:10px; }
#content1 label { display:block; clear:both; margin-bottom:2px; font-size:12px; }
	#content11 #ourtech label { color: #fff; }
#content1 input, textarea { width:220px; clear:left; margin-bottom:8px; font-size:12px; padding:2px; background:#fff; border:1px solid #000; float:left; margin-right:5px; }
	#content1 input[type=checkbox] { float:none; }
#content1 input:focus, textarea:focus { background:#afcdf2; border-color:#005a9f; }
#content1 input.submit { display:block; clear:both; margin:5px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif; letter-spacing:1px; padding:3px; border:1px solid #fff; background:#66a91d; color:#fffac0; cursor:pointer; width:auto; }
#content1 input.submit:hover { background:#031c33; }
span.required { font-weight:bold; color:#f00; }

#content1 .col1 label { width:260px; float:left; text-align:right; display:inline; margin-right:5px; font-size:13px; }
#content1 .col1 input { clear:none; float:none; width:180px; vertical-align:top }
	#content1 div.radios { clear:both; }
	#content1 div.radios input { width:auto; background:none; border:none; margin-right:5px; }
	#content1 div.radios p { width:100px; float:left; clear:none; }
	#content1 div.radios label { width:auto; text-align:left; float:none; clear:none; }
	
	#content1 .col1 input#plan { background:none; border:none; color:#000; font-size:14px; font-weight:bold; padding:0; margin-left:5px; }
	#content1 .col1 label.plan { font-size:14px; font-weight:bold; }
	
	#content1 .terms {  }
	#content1 .terms input { width:auto; clear:none; background:none; border:none; float:left; margin-right:5px; }
	#content1 .terms label { width:auto; text-align:left; float:left; clear:none; }
	
		#content1 .submitSignup input { margin:0; width:179px; height:46px; background:url(../imgs/css/signup.gif) no-repeat 50% top; text-indent:-10000px; border:none; }
			#content1 .submitSignup input:hover { background-position:50% bottom; }
	
	.col1 form span.note { clear:both; font-size:11px; display:block; margin-left:265px; margin-top:-5px; }
	.col1 form span.avail { margin-left:5px; }

/* =Footer ---------------------------------------------------------------
------------------------------------------------------------------------*/
/* #footer { background:url(../imgs/css/footer_colors.gif) no-repeat 50% 10px; margin-bottom:5px; }*/
#footer p { font-size:11px; text-align:right; color: #31506f; }
#footer a { color:#31506f; text-decoration:none; }
#footer a:hover { color:#31506f; text-decoration:underline; }

.floatleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
    border: 1px solid #5b5b5b;
}
.floatleft_marginbottom {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.competition_rules_list {
	font-size: 11px;
}