* {
	padding: 0px;
	margin: 0px;
}

* img {
	border: 0;
}

html, body {
	margin: 0px;
	height: 100%;
	padding: 0px;
	font: normal normal bold 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#404040;
	letter-spacing:0.05em;
}

form p {
	margin-top: 14px;
}

.comments p {
	margin-top: 5px;
}

.search-box {
	float:right;
	width:230px;
	margin-top: 11px;
}

.header-background {
	background: #DFE4EA;
}

.header {
	width: 960px;
	height: 74px;
	position: relative;
	margin:0 auto;
	background: #DFE4EA;
}

.menu-background {
	background: #EFFAFA;
}

.menu {
	width: 960px;
	height: 30px;
	position: relative;
	margin:0 auto;
}

.menu-links {
	color: #303030;
	font-weight: normal;
	padding-top: 11px;
	font-family:"Lucida Grande",Arial;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	letter-spacing:0.05em;
}

.menu-links a {
	color: #0071c1;
}

.menu-links span {
	margin-right: 12px;
	margin-left: 12px;
	color: #606060;
}

.hbuttons {
	position:absolute;
	bottom:0px;
	right:0px;
	clear:right;
/*	width:200px;*/
}

.hbuttons a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #f0f0f0;
	width: 90px;
	height: 18px;
	float: right;
	display: inline;
	margin-right: 2px;
	background-image:url('/images/design/tabsquareover.gif');
	background-repeat: no-repeat;
	padding-top: 5px;
	text-align:center;
}

.hbuttons a:hover {
	background-image:url('/images/design/tabsquare.gif');
	text-decoration: none;
	font-weight: normal;
	color: #f0f0f0;
	width: 90px;
	height: 18px;
	padding-top: 5px;
}

a.create-group-button {
	background-image:url('/images/design/create-group-button.gif');
	background-repeat: no-repeat;
	display: block;
	width: 215px;
	height: 86px;
}

a.create-group-button:hover {
	background-image:url('/images/design/create-group-button-hover.gif');
	background-repeat: no-repeat;
	width: 215px;
	height: 86px;
}

.parent {
  position: relative;
  margin: 0; padding: 0;
  min-height: 100%; _height: 100%; /* min-height for smart browsers
                                   _height for Internet Explorer ;-)*/
}

.content {
	text-align:center;
}

.center-content {
	margin:0 auto;
	width:960px;
	text-align:left;
}

.footer {
	bottom: 0;
	position:absolute;
	width:100%;
	height:50px;
	color: #000;
	border-top: 1px #a0a0a0 solid;
	margin-top: 30px;
	background: #DFE4EA;
	padding-top: 10px;
}

.footer-menu {
	margin-left: 60px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#a0a0a0;
	height: 50px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/design/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/design/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button-small {
    background: transparent url('/images/design/bg_button_small_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 16px;
    margin-right: 6px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
		margin-top:1px;
}

a.button-small span {
    background: transparent url('/images/design/bg_button_small_span.gif') no-repeat;
    display: block;
    line-height: 12px;
    padding: 2px 0 2px 18px;
}

a.button-small:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-small:hover span {
    background-position: bottom left;
    padding: 2px 0 2px 17px; /* push text down 1px */
}

.extra-link {
	background:transparent url('/images/design/extralink.gif') no-repeat scroll left center;
	font-weight:bold;
	margin:0pt 0pt 0pt 0px;
	padding:0pt 0pt 0pt 10px;
	text-decoration:none;
	font-size: 125%;
}

.extra-link-normal {
	background:transparent url('/images/design/extralink.gif') no-repeat scroll left center;
	font-weight:bold;
	margin:0pt 0pt 0pt 0px;
	padding:0pt 0pt 0pt 10px;
	text-decoration:none;
	font-size: 100%;
}

h1 {
	color: #a6a6a6;
	font-size: 20pt;
	display: inline;
	font-weight: normal;
}

h2 {
	color: #909090;
	font-size: 14pt;
	display: inline;
	font-weight: normal;
}

h3 {
	color: #606060;
	font-size: 14pt;
	display: inline;
	font-weight: normal;
}

a {
	color: #0071c1;
	text-decoration: none;
}

a:hover {
	color: #0071c1;
	text-decoration: underline;
}

.notify-box {
	padding-left: 18px;
	padding-bottom: 10px;
	border: 1px #c0c0c0 solid;
	background-color: #d2e4f5;
	font-size: 15px;
	text-align: left;
	margin:0 auto; 
	margin-top: 10px;
	margin-bottom: 10px;
	width:850px;
	color:#333333;
	letter-spacing:0.05em;
	font-size:120%;
	font-weight:normal;
}

.container-block {
	margin-top: 5px;
/*	border-left: 1px #a6a6a6 solid;
	border-right: 1px #a6a6a6 solid;
	border-top: 0px #a6a6a6 solid;
*/
 	min-height: 300px;
}

.best-block {
	height:218px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align:left;
}

.new-block {
	height:208px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align:left;
}

.groups-block {
	background-color: #f0f0f0;
	height: 250px;
	text-align:left;
	width: 100%;
}

.your-block {
	height:208px;
	margin-bottom: 25px;
	padding-top: 5px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align:left;
}

.explore-block {
	height:208px;
	width:273px;
	padding-left: 5px;
	padding-top: 5px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align:left;
}

/*.news-block {
	text-align: left;
	background-color: #f5f5f5;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:945px;
}
*/

.news-block {
	text-align: left;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url('/images/design/repeat2.gif') repeat-x;
	width:945px;
}

.user-block {
	height:230px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align:left;
	padding-top: 1px;
}

.layout-block {
	width:953px;
	min-height: 300px;
	padding-left: 5px;
	background: url('/images/design/repeat2.gif') repeat-x;
	text-align: left;
}

.description {
	font-weight: normal; 
	margin-top: 5px;
	font-size:95%;
	color: #808080;
}


/*********************/
/* Scaffolded styles */
/*********************/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.what {
	float: left;
	margin-right: 20px;
}

.what h1 {
	color:#555555;
	font-family:"Lucida Grande",Arial;
	font-size:28px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-1px;
	overflow:hidden;	
	display: block;
}

.cssform{
/*	width: 600px;*/
}

.cssform p{
/*clear: left;*/
margin: 0;
padding: 5px 0 8px 0;
padding-left: 220px;
/*height: 1%;*/
}

label {
	font-size:115%;
	font-weight:bold;
}

.cssform label{
	font-family:"Lucida Grande",Arial;
	font-size:22px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-1px;
	color: #303030;
	
	float: left;
	margin-left: -220px;
	width: 205px;
	text-align: right;
}

.cssform .input-help{
	font-style:italic;
	color:#707070;
	font-weight:normal;
}
.cssform input{
	width:250px;
	height:40px;
	font-size: 22px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
}

.address-addition{
	font-family:"Lucida Grande",Arial;
	font-size:17px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0px;
	color: #808080;
}

.index-big-link{
	font-size: 21px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}






















/* ------- SWFUpload styles ------------ */

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
/*	background-image: url(/images/cancelbutton.gif);*/
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.form-explanation {
	font-weight:normal;
	margin-left:10px;
	color:#a0a0a0;
	font-size:90%;
}

.separator-line {
	border-color:#a0a0a0 -moz-use-text-color -moz-use-text-color;
	border-style:dashed none none;
	border-width:1px medium medium;
	color:#FFFFFF;
	height:10px;
	margin-top:10px;
	width:100%;	
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}


/* -- upload statusOverlay styles ----------------------------*/

.bottomline {
	position:absolute;
	bottom: 0;
	left: 0;
	border-top: 1px #a0a0a0 solid;
	background: #e1ebf4;
	width: 100%;
	height: 25px;
	text-align: center;
	padding-top: 5px;
}

.upload_progress_bar {
	text-align: center;	
}

.replace_progress_bar {
	text-align: left;	
}

#speed {
	padding-right: 25px;
	padding-left: 5px;
}

#transfered {
	padding-right: 25px;
	padding-left: 5px;
}

.flash-upload {
	margin-bottom:7px;
}

.small {
	font-size: 80%;
}

.effect-example {
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 30px;
}

.effect-example-label {
	text-align: center;
	font-weight: normal;
}

.pro-effect-example {
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 15px;
}

.pro-effect-example-label {
	text-align: right;
	font-weight: normal;
}

.decoration-example {
	float: left;
	text-align: center;
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Carousel */
#carousel-wrapper {
    width: 875px;
    height: 695px;
    overflow: hidden;
}
#carousel-content {
    width: 2500px;
}
#carousel-content .slide {
    float: left;
    width: 875px;
    height: 695px;
	padding-top: 5px;
/*	padding-left: 30px;*/
}

#pro-examples-button { display:block; width:298px; height:60px; background:url(/images/pro-index-examples-buttons.jpg) top left no-repeat transparent; border:none; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; }
#pro-examples-button:hover { background-position:1px -71px; }
#pro-examples-button:active { background-position:0 -142px; outline-width:0; }

#pro-start-button { display:block; width:260px; height:46px; margin-left:-8px; margin-bottom:9px; background:url(/images/pro-start-buttons.gif) top left no-repeat transparent; border:none; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; }
#pro-start-button:hover { background-position:1px -65px; }
#pro-start-button:active { background-position:0px -133px; outline-width:0; }

#pro-start2-button { display:block; width:320px; height:70px; margin-left:-8px; margin-bottom:9px; background:url(/images/pro-start2-buttons.gif) top left no-repeat transparent; border:none; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; }
#pro-start2-button:hover { background-position:1px -88px; }
#pro-start2-button:active { background-position:0px -178px; outline-width:0; }

#pro-continue-button { display:block; width:350px; height:65px; margin-left:-10px; margin-bottom:0px; background:url(/images/pro-continue-buttons.gif) top left no-repeat transparent; border:none; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; }
#pro-continue-button:hover { background-position:1px -85px; }
#pro-continue-button:active { background-position:0px -171px; outline-width:0; }

* html .footer {display:none;}