/*
creative-minds.at
Copyright. All Rights Reserved.
*/

/*
//-------------------- Basic -------------------- //
*/

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

body{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff url(images/background.png) repeat-x left top;
	color: #000;
	text-align: left;
}

/*
//-------------------- Content -------------------- //
*/

/* Headings */

h1, h2, h3, h4, h5, h6{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {font-size: 200%; color: #534135;}
h2 {font-size: 166%; color: #534135; border-bottom: 1px solid #CDBFBA;}
h3 {font-size: 150%; color: #534135; border-bottom: 1px solid #CDBFBA;}
h4 {
	font-size: 133%;
	font-variant: small-caps;
	font-family: "Lucida Grande", Calibri, Geneva, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CDBFBA;
}
h6 {font-size: 116%;}
h5 {font-size: 110%;}

/* Text */

p{ line-height: 1.3em; margin-bottom: 1.3em;}
hr{}
cite, blockquote{ font-style: italic;}
strong, b{ font-weight: bold; border-bottom: 1px solid #CDBFBA;}
em, i{ font-style: italic;}
pre, code{ font-family: monospace;}
acronym, abbr{ cursor: help; border-bottom: 1px dashed #ccc;}
.small{ font-size: 0.9em;}


/* Lists  */

ul, ol {margin: 12px 0 2px 15px;}
li{
	list-style-image: url(images/arrow.gif);
	padding-bottom: 3px;
}

/* Object Positioning  */

.float-left{ float: left;}
.float-right{ float: right;}

/* Content Positioning  */
.left{ text-align: left;}
.right{ text-align: right;}
.center{ text-align: center;}

/* Links  */

a{
	-o-transition-duration: .5s;
	-o-transition-property: background-color;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: background;
}

a:link, a:visited  {
	text-decoration: none;
	outline: none;
	color: #000;
	background: transparent;
}

a:hover, a:focus , a:active{
	text-decoration: none;
	outline: none;
	color: #000;
	background: transparent;
}

div#content-left a:link, div#content-left a:visited  {
	text-decoration: none;
	outline: none;
	color: #000;
	background: transparent;
	border-bottom: 1px dotted #aaa;
}

div#content-left a:hover, div#content-left a:focus , div#content-left a:active{
	text-decoration: none;
	outline: none;
	color: #000;
	background: transparent;
	border-bottom: 1px solid #999;
}


/*
//-------------------- Layout / Structure-------------------- //
*/

div#wrapper{
	text-align: center;
	height: 101%; /* Force Vertical Scrollbars*/
}

div#container{
	
}

div#header{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#header-logo{
	width: 300px;
	float: left;
}

div#header-menu{
	width: 580px;
	float: right;
	padding-left: 20px;
	text-align: right;
}

div#showcase{
	background: transparent url(images/showcase.png) left top repeat-x;
	width: 100%;
	height: 240px;
	clear: both;
	font-size: 110%;;
}

div#showcase-box{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#showcase-image{
	width: 200px;
	float: left;
}

div#showcase-text{
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}

div#content{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 10px;
}

div#content-left{
	width: 670px;
	float: left;
	margin-bottom: 50px;
	font-size: 110%;
}

div#content-right{
	width: 200px;
	float: right;
	padding-left: 20px;
}

div#footer{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #777;
	font-size: 90%;
	clear: both;
	border-top: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 7px;
	margin-top: 7px;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
	color: #777;
	border-bottom: 1px dotted #ccc;
}

div#footer a:hover, div#footer a:focus {
	color: #000;
	border-bottom: 1px dotted #999;
}


/*
//-------------------- Navigation -------------------- //
*/

ul#navlist{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	padding-right: 10px;
	padding-top: 70px; 
	font-size: 110%;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
	color: #534135;
	background-color: transparent;
	text-decoration: none;
	border-bottom: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#navlist a.active{
	color: #534135;
	background-color: #BDB3AB;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#navlist a:hover{
	color: #fff;
	background-color: #AF9683;
	text-decoration: none;
	border-bottom: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



/*
//-------------------- Other -------------------- //
*/

blockquote#bq2{
	padding-top: 470px;
	display: block;
}

div#content-right em{
	color: #555;
	font-size: 95%;
}


div.feedback-text{
	font-size: 11px;
	float: left;
	width: 584px;
	padding: 4px;
	margin: 4px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #BBB3AC;
}

div.feedback-author{
	font-size: 10px;
	color: #777;
	background: #BBB3AC;
	color: #333;
	padding: 4px;
	margin: 6px;
	float: left;
	width: 280px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.feedback-author-name{
	font-size: 15px;
	font-family: Georgia, Times, serif;
	color: #000;
}


/*
//-------------------- Forms -------------------- //
*/


input, textarea{
	background: #fff;
	padding: 2px;
	color: #888;
	border: 1px solid #666;
}

input:hover,input:active, input:focus,
textarea:hover, textarea:active, textarea:focus{
	background: #ccc;
	padding: 2px;
	color: #333;
	border: 1px solid #333;
}