/*  
Theme Name: Scalini's Jesmond
Theme URI: http://scalinisjesmond.co.uk
Description: Theme for Scalini's Designed and Coded by Sleeky
Version: 1.0
Author: Sleeky Web Design
*/

*{ margin:0; padding:0}
body {	background-color:#000000;	background-image:url(images/bg.jpg);	background-position: center top; background-repeat:no-repeat; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:62.8%; color:#FFFFFF;}
img { border:0; border:none;}
a {color:#42aa2c;}
a:hover {color:#ffffff}

#wrapper { width:880px; margin:0 auto; text-align:left; padding-top:25px;}

#header { height:99px}
.logo { width:142px; float:left;}
ul#nav { width:730px; float:right; text-align:right; font-size:1.4em; padding-top:55px;}
ul#nav li{ display:inline; padding-left:25px;}
ul#nav li a { color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none;}
ul#nav li a:hover, ul#nav li a#on { color:#42aa2c;}


#main{}
#sidebar { width:290px; float:left; padding-top:5px;}
#sidebar .offers { margin-bottom:3px;}

#slider { width:880px; height:200px; overflow:hidden; margin-bottom:5px;}

#content { width:585px; float:right; padding-left:5px; padding-top:5px;}
#content .text, #contact .text { clear:both;}
#content p, #contact  p, .news p { font-size:1.3em; line-height:1.9em; margin-bottom:10px;}
#content p.first, #content h2, #contact h2, .new h2 { font-size:1.9em; line-height:1.4em; color:#42aa2c; }
#content span, #contact  span, .new span{color:#42aa2c;}
#content .address { float:right;}
#content strong { font-size:1.1em;}
#content em { line-height:1.1em}

.news { padding:15px; }
h2 { font-size:1.9em; line-height:1.4em; color:#42aa2c; text-transform:uppercase; font-weight:normal; padding-bottom:5px; }

#footer { clear:both; width:880px; padding-top:35px; color:#999999; line-height:1.6em;}
#footer a { color:#999999; text-decoration:none;}
#footer a:hover { color:#FFFFFF;}
#footer .logos { width:280px; float:right;}
#footer .copyright{ width:500px; float:left;}



ul#menu { list-style:none; width:290px; font-size:1.2em; position:fixed; padding-top:15px; padding-left:25px;}
ul#menu li { margin-bottom:6px; letter-spacing:1px; text-transform:uppercase; font-weight:bold;}
ul#menu li a { color:#FFFFFF; text-decoration:none;}
ul#menu li a:hover {color:#42aa2c; }


#contactside{ width:230px; float:right;}
#contact { width:585px; float:left; padding-left:5px; padding-top:15px;}
#contact h2 { font-weight:normal;}
.cname { width:195px; float:left; font-size:1.1em}
.cname  input { width:179px; padding:3px; font-family: Helvetica, Arial, sans-serif; font-size:12px; margin-bottom:5px;}
.enquiry { width:585px; clear:both; padding-top:15px; clear:both; font-size:1.1em}
.enquiry textarea { width:569px; padding:3px; font-family: Helvetica, Arial, sans-serif; font-size:12px;}
.caddress { padding-top:45px; font-size:1.5em; padding-bottom:15px;}
.ctel { font-size:1.5em;  }
.ctel span {color:#42aa2c;}
.cname label, .enquiry  label { padding-bottom:5px}

.cdirect { padding-top:15px; font-size:1.2em; padding-bottom:15px;}
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding:0 }
	.coda-slider { background: none; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 585px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 585px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	

	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding-bottom: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }

br { clear:both;}