@charset "utf-8";

/* Main styles */
body {
	background:url(../img/bkg.jpg) no-repeat top center #020202;
}

h1 {
	font: 35px Arial, Helvetica, sans-serif;
	color:#808080;
	padding:0px 0px 20px 0px;
}

h2 {
	
	
}

p {
	font: 13px/17px Arial, Helvetica, sans-serif;
	color:#808080;
}


a {
	text-decoration:none;
	color:#7ed1e6;
}

a:hover {
	text-decoration:underline;
	color:#7ed1e6;
}

.clear {
	content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/* Container */
#container {
	width:960px;
	margin: 0 auto;
}

#logo {
	height:103px;	
}

/* Navigation */
#navigation {
	height: 45px;
	width:960px;
	margin:0;
	padding:0;
	background: url(../img/navbkg.gif) repeat-x 0px -45px;
}

ul.tabs  {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0px 1px 0px 0px;
	background:url(../img/navsplit.gif) no-repeat top right;
}

ul.tabs li a{
	display: block;
	height:12px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding:15px 20px 18px 20px;
	background: url(../img/navbkg.gif) repeat-x 0px -45px;
}

ul.tabs li a:hover{
	color: #fff;
	background-position: 0px 0px;
}

ul.tabs li a.active{
	display: block;
	height:12px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #f05e22;
	text-decoration: none;
	padding: 15px 20px 18px 20px;
	/*background:url(../img/navsplit.gif) no-repeat top right;*/
	
}

.cta {
	float:right;
	margin:15px 23px 0px 0px;
	font:13px/17px Arial, Helvetica, sans-serif;
}

#content {
	background-color:#FFF;
}


/* Home page content */
#slider {
	height:355px;	
}

#homecontent {
	height:282px;
	padding:44px 460px 0px 72px;
	background:url(../img/home/content_bkg.jpg) no-repeat bottom right #fff;
}

#homecontent p {
	padding:0px 0px 25px 0px;
}

.kissfm {
	width:410px;	
}

.kissfm .kisslogo{
	float:left;	
	width:169px;
}

.kissfm .kisstext{
	float:left;	
	width:241px;
}

.kisstext img{
	padding:13px 0px 0px 0px;	
}

/* About content */
#aboutcontent {
	height:600px;	
	padding:80px 460px 0px 72px;
	background:url(../img/about/content_bkg.jpg) no-repeat bottom right #fff;
}

#aboutcontent h1 {
	font: 40px/35px Arial, Helvetica, sans-serif;
	color:#808080;
	padding:0px 0px 30px 0px;
}

#aboutcontent p, #contactcontent p {
	padding: 0px 0px 25px 0px;	
}

.abouttext {
	width:310px;
	height:410px;
	overflow:auto;
	padding:0px 10px 0px 0px;
}


/* Gallery content */
#gallerycontent {
	height:535px;	
	padding:100px 140px 45px 165px;
	background:url(../img/gallery/content_bkg.jpg) no-repeat top right #fff;
}

.thumbs { 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	overflow: hidden; 
}

.thumbs li { 
	list-style: none; 
	float: left; 
	margin: 5px; 
	padding: 3px; 
	background: #fff;
	border: 1px solid #ccc;
	/*-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 2px #000;*/
}

.thumbs li a { 
}

.thumbs li img { 
	display: block; 
}

.thumbs li a img { 
	border: none;
}

/* Blog content */

#blogcontent {
	height:600px;	
	padding:80px 460px 0px 72px;
	background:url(../img/about/content_bkg.jpg) no-repeat bottom right #fff;
}


/* Contact content */

#contactcontent {
	height:600px;	
	padding:50px 460px 0px 72px;
	background:url(../img/contact/content_bkg.jpg) no-repeat top right #fff;
	
}

#error {
	margin: 0px 0px 5px 110px;
	width:220px;
}

#error p {
	font: 10px Arial, Helvetica, sans-serif;
	color:#ff0000;
}

#form {	
	font:15px Arial, Helvetica, sans-serif;
	color:#808080;
}

label {
	float:left;	
	padding:0px 14px 0px 0px;
	margin:5px 0px 0px 0px;
}


.textarea {
	font: 13px Arial, Helvetica, sans-serif;
	background: url(../img/contact/textfield.png) no-repeat;
	/*background-color:#006;*/
	border: none;
	width: 192px;
	height: 25px;
	padding: 3px 15px 5px 10px;
	margin:0px 100px 5px 0px;
	color: #808080;
	float:right;
	
}

#messagebkg {
	background: url(../img/contact/textarea.png) no-repeat top left;
	width:210px;
	height:180px;
	float:right;
	margin:0px 107px 0px 0px;
}

.messagearea {
	font: 13px Arial, Helvetica, sans-serif;
	border: none;
	background:none;
	width: 176px;
	height: 150px;
	margin:6px 0px 0px 0px;
	padding: 8px 15px 5px 10px;
	color:#808080;
}


/*Firefox style*/
@-moz-document url-prefix()
 {
 .messagearea {
	font: 13px Arial, Helvetica, sans-serif;
	border: none;
	background:none;
	width: 192px;
	height: 160px;
	margin:0;
	padding: 8px 15px 0px 10px;
	color:#808080;
	}
 }



#submit{
	float:left;
	margin:0px 0px 10px 209px
}

/* Footer */
#footer {
	height:265px;
	background:url(../img/footerbkg.jpg) no-repeat top left #010101;
}

#twitter {
	width:305px;
	margin:0px 0px 0px 75px;
	padding:35px 0px 0px 0px;
	float:left;
}

#twitter p {
	font: 13px/14px bold Arial, Helvetica, sans-serif;
	color:#fff;
}

#tweets {
	width:305px;
	padding:20px 0px 0px 0px;
}

#tweets p, #tweets li {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color:#b0b0b0;
	padding:0px 0px 20px 0px;
}

#twitter a, #tweets a, #tweets li a {
	text-decoration:none;
	color:#7ed1e6;	
}

#twitter a:hover, #tweets a:hover, #tweets li a:hover {
	text-decoration:underline;
	color:#7ed1e6;	
}



#socialflash {
	float:right;	
	width: 420px;
	height:265px;
	margin:0px 70px 0px 0px;
	padding:0px 0px 0px 0px;
}



#copyright {
	padding:0px 15px 0px 0px;
}

#copyright p{
	font: 10px Arial, Helvetica, sans-serif bold;
	color: #acacaf;
	text-align:right;
	float:right;
	padding: 11px 5px 20px 0px;
}

#copyright img {
	margin:0px 0px 0px -9px;
	float:right;
}

.orange {
	color:#f05e22;
}

.white {
	color:#fff;	
}