/* CSS Document */



/* TOC 

 * RESET STYLES

 * FONT FACE (IF USED)

 * HTML

 * BODY

 * HEADER

 * NAVIGATION

 * PAGE

 * FOOTER

 * FORMS

 * PLUGINS

 * PRINT STYLES

 * MEDIA QUERIES

---------------------------------------------------------------------------*/





/* RESET STYLES

---------------------------------------------------------------------------*/

html {

	overflow-y: scroll;

}

body {

	margin: 0;	

	min-height:100%;

	font-family: sans-serif;

} 

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

	display: block;

}

button, input, select, textarea {

	font-family: sans-serif; /*Probably Helvetica for Linux/Mac Systems And Arial for Windows PC*/

	color: #222;

} 

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */

	content: '';

	content: none;

} 

abbr[title], dfn[title] {

	border-bottom: 1px dotted #000; 

	cursor: help;

}

ins {background-color: #fcd700; color: #000; text-decoration: none;}

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



p {

	margin:0;

	padding:0;

}

a {

	margin:0;

	padding:0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

a:hover, a:active {

	outline: 0;

}

a img {

	border:0 none;

}

del {

	text-decoration: line-through;

	color: #ed1c24;

}

hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0;

	padding: 0;

}

small {

	font-size: 85%;

}

.clickable, label, input[type=button], input[type=submit], button {

	cursor: pointer; /* hand cursor on clickable elements */

}

button, input, select, textarea {

	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */

}

button { /* make buttons play nice in IE */

	width: auto;

	overflow: visible;

}

table {

	font-size: inherit;

	border-collapse: collapse;

	border-spacing: 0;

}

th {

	font-weight: bold;

	vertical-align: bottom;

}

td {

	font-weight: normal;

}

td, td img {

	vertical-align: top;

}

.clearfix:before, .clearfix:after {

	content:"";

	display:table;

}

.clearfix:after {

	clear:both;

}

.clearfix {

	zoom:1;

}

dd {

	margin: 0 0 0 40px;

}

ul, ol {

	margin: 0;

	padding: 0;

	list-style-type:none;
	

}

.left{ float:left; }

.right{ float:right; }

nav ul, nav ol {

	list-style: none;

	list-style-image: none;

	margin: 0;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	margin:0;

	padding:0;

}
h1 {
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 10px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;



}

h2 {

	font-size:34px;

}

h3 {

	font-size:28px;

}

h4 {

	font-size:24px;

}

h5 {

	font-size:22px;

}

h6 {

	font-size:18px;

}

a{ text-decoration:none; font-family: 'Raleway', sans-serif; }

/* FONT FACE (if used)

---------------------------------------------------------------------------*/



/* HTML

---------------------------------------------------------------------------*/





/* BODY 

---------------------------------------------------------------------------*/

body {

	background-color:#ffffff;

	font-family: 'Raleway', sans-serif;

	font-weight:400;

}

.section{

	width:900px;

	margin:0 auto;

}

.container{

	width:1280px;

	margin:0 auto;

}



/* HEADER

---------------------------------------------------------------------------*/

#header > div{ padding: 35px 0 10px; }

.headerTop{
	padding: 0 11px 5px;
}

.headerTop h1{

	line-height: 1;

	font-size: 0;
	

}

.headerTop > p{

	color: #520a76;

	font-size: 32px;

	padding-top: 4px;

}	

.mainNav li{ float:left; }

.mainNav li a{

	color: #fc4237;

	font-size: 20px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	padding: 10px 11px;

	line-height: 0.9;

	display: block;

}

.mainNav li a:hover,

.mainNav li a.active{ background-color: #ded5e2; }

.mainNav li:first-child > a{ padding-left:9px; }

/* NAVIGATION





/* PAGE

---------------------------------------------------------------------------*/
.page .section p {padding-bottom: 28px;}

.signUpWrapper{ background:url('http://archive.cxday.org/css/images/pattern.png') repeat top left;  padding: 10px 0 10px; }

.signUp{ padding-top:10px; padding-bottom:15px; }

.signUp .desc{
	width: 555px;
	font-size: 28px;
	color: #fff;
	text-align: center;

}

.signUp > p{

	width: 300px;

	text-align: center;

}

.signUp > p a{

	font-size: 18px;

	color: #fff;

	background: url('images/signup-gradient.png') repeat-x top left;

	padding: 4px 34px;

	display:block;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	font-weight: 700;

	box-shadow: 0px 2px 0px 0px #393737;

}

@-moz-document url-prefix() { 

  .signUp > p a{

    padding: 3px 34px;

  }

}

.faces{
	text-align: center;
	margin-top: 0px;
}



.cxDay{ background-color:#e4e4eb; }

.yearDesc{ padding-top: 15px; }  

h2{

	color: #510b76;

	font-size: 30px;

	font-weight: 700;

	padding-bottom: 15px;

}

.globe{ padding-top:14px; }

.globe > img{ display:block; }

.yearDesc li{

	font-size: 16px;

	color: #000;

	padding: 0 0 9px 9px;

	background: url('http://archive.cxday.org/css/images/bullet.png') no-repeat left 9px;

}
.footer2 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
.yearDesc li span{

	font-size: 22px;

	font-weight: 700;

	color: #510b76;

	line-height: 0.8;

	display: inline-block;

}

.seeDetail a{
	color: #fc4237;
	font-size: 18px;
	font-weight: 700;
	padding-top: 6px;
	display: inline-block;

}

.awardsWrapper{ background-color: #fff; }

.awards .left img, .networkdescWrapper .left img,

.computerWrapper .right img,

.customersWrapper .right img{ display:block; }

.awardDesc{ padding: 70px 0 0 20px; }

.awardDesc h2{ padding-bottom: 10px; }

.awardDesc .description{ line-height: 1.7; }

.computerWrapper{ padding-top:12px; background-color: #e4e4eb; }

.compDesc{ width: 490px; padding-top:48px; }

.carnival{ width: 490px; padding-top:15px; }

.networkWrapper{ background-color: #fc4237; padding: 10px 0; }

.networkdescWrapper{

	width: 422px;

	text-align: right;

	padding-top: 61px;

}

.networkdescWrapper h2{

	padding-bottom: 10px;

	color: #fff;

}

.networkDesc{

	font-size: 16px;

	color: #fff;

}

.networkdescWrapper .seeDetail a{ color:#fff; padding-top:7px; }

.customersWrapper{ background-color:#e4e4eb; }

.customerDesc{ padding-top:70px; width: 353px; }

.customerDesc h2{ padding-bottom:20px; }

.customersWrapper .customer{ background: transparent url('http://archive.cxday.org/css/images/cele-bg.png') no-repeat top left; }

/* FOOTER

---------------------------------------------------------------------------*/

.footerWrapper{ padding:40px 0 60px; }

.copyRight{

	font-size:11px;

	color:#000;

	font-weight:400;

}

.footerLogo{ padding-right:25px; }

.associationWrapper{

	font-size:14px;

	font-weight:400;

}

.association{

	font-size:14px;

	color:#f26532;

	font-weight:700;

}

/* FORMS

---------------------------------------------------------------------------*/



/* PLUGINS

---------------------------------------------------------------------------*/





/* PRINT STYLES

---------------------------------------------------------------------------*/

@media print {



}





/* MEDIA QUERIES

---------------------------------------------------------------------------*/

@media screen and (max-width: 1355px){

	body{

		width:1355px;

		margin:0 auto;

	}

}

@media all and (orientation: portrait) { }

@media all and (orientation: landscape) { }


.shareLoveDesc
{
width:402px;
text-align:left;
}

.shareLoveWrapper
{
margin-top:40px;
}

.shareLoveWrapper img
{
margin-left:-120px;
margin-top:20px;
}