/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }


:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body
{
    background:#fff;
	width:100%;
	font-size:0.9em;
	font-family:'Droid Serif', sans-serif;
}
::selection{
	background:#c1a0aa;
}
::-moz-selection{
	background:#c1a0aa;
}
p{
	line-height:1.5em;
}
a{
	text-decoration:none;
	color:#1693A5;
	text-transform:uppercase;
}
a:hover{
	color:#555;
}
#nav{
    position: absolute;
    bottom: 20px;
    width: 110px;
    height: 20px;
    left: 525px;
}
#nav ul{
    position: absolute;
    bottom: 20px;
    width: 110px;
    height: 20px;
    clear: both;
    display: block;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}
#nav ul li{
    float: left;
}
#nav ul li a{
    position: relative;
    top: 0px;
	width:20px;
	height:20px;
	background:#555;
    margin-right: 10px;
    background-repeat: no-repeat;
    display: block;
	text-decoration:none;
}
#nav ul li.lastitem a{
	margin-right:0;
}
#nav ul li a:hover{
    background-color: #e1e1e1;
}
#nav ul li .selected{
    background-color: #1693A5;
}
#rightButton{
    position:absolute;
    width:80px;
    right:0px;
    height:100%;
    z-index:3;
	background:url(images/grey.jpg)no-repeat;
}
#rightButton a{
    position:absolute;
    top:50%;
    width:80px;
    height:80px;
    background-image:url(images/button2.png);
    display:block;
}
nav.menu{
	float:right;
	margin:-40px 0 20px 0;
}
nav.menu a{
	text-decoration:none;
	color:#6a6969;
    margin:0 0.8em 0.8em 0;
	float:left;
	display:inline;
	text-transform:uppercase;
	font-size:0.9em;
	font-family:'Droid Sans-Serif', sans-serif;
}
nav.menu a.lastlink{
	margin:0 0 0.8em 0;
}
nav.menu a:hover{
	color:#1693A5;
}
#contentWrapper{
   position:absolute;
   overflow:hidden;
}
.contentItem{
    position: absolute;
    background-color: #fff;
}
.line{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#555;
}
.circle{
	float:left;
	width:70px;
	height:70px;
	background:url(images/circle.png) no-repeat;
	position:absolute;
	top:10px;
	left:80px;
	z-index:1;
}
#content-inner1, #content-inner2, #content-inner3, #content-inner4{
	position:relative;
    top:100px;
    left:80px;
    width:1000px;
    height:700px;
    background-color:#fff;
}
div.info{
	width:1000px;
	float:left;
	clear:both;
	margin-top:40px;
}
/***CONTENT1***/
div.text{
	width:360px;
	margin-right:20px;
	margin-top:80px;
	background:#fff;
	float:left;
}
div.text h1{
	/*background:url(images/title.png) no-repeat;*/
	width:360px;
	float:left;
	/*text-indent:-9999px;*/
	margin:3em 0 0.5em 0;
	color:#cacaca;
	font-weight:normal;
	font-family:'Anton', sans-serif;
	text-transform:uppercase;
	font-size:3em;
	letter-spacing:1px;
}
div.text p{
	font-family:'Droid Sans', sans-serif;
	color:#53504d;
	margin-bottom:20px;
}
div.picture{
	with:620px;
	float:right;
}

/***CONTENT2+3***/
section#web{
	float:left;
	width:1000px;
	height:400px;
	background:#567b8e;
}
section#graphics{
	float:left;
	width:1000px;
	height:400px;
	background:#c1a0a9;
}
section#templates{
	float:left;
	width:1000px;
	height:400px;
	background:#e7e7e7;
}
section#web h1 a, section#graphics h1 a, section#templates h1 a{
	font-family:'Shanti', sans-serif;
	font-size:4em;
	color:#fff;
	text-transform:uppercase;
	padding:4.9em 0 0 0.4em;
	display:block;
	font-weight:normal;
	text-decoration:none;
}
.separator{
	float:left;
	width:1000px;
	margin-top:20px;
	border-bottom:1px solid #ddd;
}
.info{
	float:left;
	color:#53504d;
}
article.info2{
	float:left;
	width:640px;
	margin-top:20px;
}
.info2-right{
	float:right;
	width:280px;
	padding:0 0 0 20px;
	border-left:1px solid #ddd;
	margin-top:20px;
}

/*----PAGES-----*/

.circle h1 a{
	display:block;
	text-indent:-9999px;
	width:70px;
	height:70px;
}
#bigcontainer{
	width:100%;
	float:left;
	background:#fff;
}
#inner{
	float:left;
	width:1000px;
	position:relative;
    top:100px;
    left:80px;
}
.digit{
	float:right;
	margin:0 0.2em 20px 0.2em;
	color:#fafafa;
    display:inline-block;
    background: #555;
    width: 2em;
    height: 2em;
   -webkit-border-radius: 2.2em;
   -moz-border-radius: 2.2em;
    border-radius: 2.2em;
    text-align: center;
    line-height: 2em;
	font-size:1.2em;
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
}
section.info-page{
	float:left;
	width:1000px;
	clear:both;
	margin-bottom:40px;
}
.separator2{
	float:left;
	width:1000px;
	margin:2em 0;
	border-bottom:1px solid #ddd;
}
.info-page a{
	text-decoration:none;
	color:#1693A5;
	text-transform:uppercase;
}
.info-page a:hover{
	color:#555;
}
.info-page figure{
	float:left;
	background:#fafafa;
	border:1px solid #ddd;
	padding:20px;
	margin:0;
}
.info-page figure img{
	float:left;
}
.info-page h1{
	font-size:2em;
	margin-bottom:20px;
	font-family:'Droid Sans', sans-serif;
	color:#555;
}
article.entry{
	float:left;
	width:600px;
	margin-top:20px;
}
.entry p{
	font-family:'Droid Serif', serif;
	color:#53504d;
	padding-bottom:20px;
}
p.tiny{
	font-size:0.9em;
}
article.entry h2{
	font-family:'Droid Serif', serif;
	font-size:0.9em;
	color:#567b8e;
	font-weight:normal;
	padding:10px 0;
	text-transform:uppercase;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
hgroup.headings{
	float:left;
	width:280px;
}
hgroup.headings h1, hgroup.headings h2, hgroup.headings h3{
	font-family:'Droid Sans', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
hgroup.headings h1{
	border-bottom:1px solid #ddd;
	font-size:1em;
	padding:10px 0;
	margin-bottom:20px;
}
hgroup.headings h2{
	font-size:0.9em;
	color:#b9baba;
	margin-bottom:10px;
}
.info-page aside{
	float:right;
	width:280px;
	padding-left:20px;
	border-left:1px solid #ddd;
	margin-top:20px;
}
.info-page aside p{
	color:#53504d;
	padding-bottom:20px;
	display:block;
}
div.button-holder a{
	text-decoration:none;
	padding: 6px 8px;
	background:#1693A5;
	color:#ddd;
	font-size:0.8em;
	text-decoration:none;
	-moz-border-radius: 5px; 
	border-radius:5px;
	-webkit-border-radius: 5px;
	position: relative;
	cursor: pointer;
	font-family:'Droid Sans', sans-serif;
	margin-right:10px;
	text-transform:uppercase;
	float:left;
	margin-top:20px;
}
div.button-holder a:hover{
	background-color: #567b8e; 
    color: #ddd;
}
div.button-holder a:active{ 
top: 1px; 
}
.separator2{
	float:left;
	width:1000px;
	margin:2em 0;
	border-bottom:1px solid #ddd;
}
.separator3{
	float:left;
	width:1000px;
	margin:2em 0 1em 0;
	border-bottom:1px solid #ddd;
}
small{
	float:left;
	margin-bottom:2em;
	color:#555;
}
a.up{
	float:right;
	width:20px;
	height:20px;
	background:url(images/up2.png) no-repeat;
}

/*---CONTACT-----*/
#left{
	float:left;
	width:560px;
	margin:20px 0;
}
#left figure, #left img{
	float:left;
	margin:0;
}
aside#forma{
	float:right;
	float:right;
	width:400px;
	margin:20px 0 20px 40px;
}
aside#forma h2, article#rules h2{
	font-family:'Droid Serif', serif;
	font-size:1.1em;
	color:#567b8e;
	font-weight:normal;
	padding:0.5em 0;
	text-transform:uppercase;
	margin-bottom:1em;
}
aside#forma p{
	font-family:'Droid Serif', serif;
	font-size:0.95em;
	padding-bottom:20px;
	color:#555;
}
article#rules{
	float:left;
}
article#rules p{
	text-align:justify;
	padding-bottom:20px;
	font-family:'Droid Serif', serif;
	color:#555;
}
article#rules p:first-letter{
	font-size:1.6em;
}

article#rules .start{
	text-transform:uppercase;
	letter-spacing:2px;
	color:#555;
}

/*----FORM----*/
div#form-wrapper{
	float:left;
	width:400px;
}
form#queryForm{
	width:400px;
	float:left;
}
form#queryForm input, form#queryForm textarea{
	width:398px;
	border:1px solid #ddd;
	margin-bottom:20px;
	float:left;
}
form#queryForm input{
	height:2em;
}
form label{
	width:100%;
	float:left;
	padding-bottom:10px;
	line-height:1.5em;
	color:#5B5757;
	font-family:'Droid Sans', sans-serif;
}
form label.ss-q-help{
	font-size:0.9em;
}
.ss-required-asterisk{
	color:#FF6681;
	padding-left:4px;
}
form#queryForm #submit-button{
	width:100px;
	background:#1693A5;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
	-moz-border-radius: 5px; 
	border-radius:5px;
	-webkit-border-radius: 5px; 
	cursor:pointer;
}