body {
padding:0 0 40px 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
background:#f4f8d3 url(http://www.demoncreative.co.uk/themes/site_themes/demon/images/bg.gif) repeat-x;
text-align:center;
}
#container {
width:980px;
margin:0 auto;
text-align:left;
background:#ffffff;
}
#topnav {
height:50px;
float:left;
width:980px;
background:#000 url(http://www.demoncreative.co.uk/themes/site_themes/demon/images/logo.gif) no-repeat;
}
#navbar {
float:right;
}
#header {
height:250px;
width:980px;
float:left;
}
#header img {
border:0;
}
#packages {
height:100px;
width:980px;
float:left;
background:#333;
}
#col1 {
width:700px;
float:left;
padding:20px;
voice-family: "\"}\""; 
voice-family:inherit;
width:660px;
}
#col1 ul {
list-style-type:square;
padding:0;
list-style-position:inside;
margin:0 0 20px 0;
}
#col1 li {
margin:0 0 5px 10px;
list-style-type:square;
padding:0;
line-height:18px;
list-style-position:inside;
text-indent:-10px;
}

#col2 {
width:280px;
float:left;
padding:20px;
voice-family: "\"}\""; 
voice-family:inherit;
width:240px;
}
#col2 a {
color:#333;
text-decoration:none;
}
#col2 ul {
list-style-type:none;
padding:0;
margin:0 0 30px 0;
}
#col2 li {
margin:0 0 5px 0;
padding:8px 0 8px 10px;
border-bottom:1px solid #e2e2e2;
list-style-type:none;
}
#col2 li a {
text-decoration:none;
color:#666;
}
#col2 li a:hover {
color:#000;
}

#footer {
background:#000 url(http://www.demoncreative.co.uk/themes/site_themes/demon/images/footerbg.png) no-repeat bottom right;
color:#fff;
width:980px;
float:left;
font-size:11px;
}
#footer1 {
width:220px;
float:left;
margin:0 20px 0 0;
padding:20px 0 50px 20px;
voice-family: "\"}\""; 
voice-family:inherit;
width:200px;
}
#footer2 {
width:220px;
float:left;
padding:20px 0 50px 0;
margin:0 20px 0 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:220px;
} 
#footer3 {
width:220px;
float:left;
margin:0 20px 0 0;
padding:20px 0 50px 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:220px;
} 
#footer4 {
width:220px;
float:left;
padding:20px 0 50px 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:220px;
} 
#footer1 p {
margin:0;
font-size:10px;
color:#cbdb2a;
line-height:16px;
}
#footer1 a {
color:#cbdb2a;
text-decoration:none;
}
#footer1 a:hover {
text-decoration:underline;
color:#fff;
}

#footer2 ul, #footer3 ul, #footer4 ul {
list-style-type:none;
padding:0;
margin:0 0 20px 0;
}
#footer2 li, #footer3 li, #footer4 li {
margin:0 0 5px 0;
list-style-type:none;
font-size:10px;
padding:4px 0 4px 4px;
border-bottom:1px solid #333;
color:#cbdb2a;
}
#footer2 a, #footer3 a, #footer4 a {
color:#cbdb2a;
text-decoration:none;
}
#footer2 a:hover, #footer3 a:hover, #footer4 a:hover {
color:#fff;
}


#home1 {
width:205px;
height:310px;
float:left;
background:#e7e7e7;
padding:15px;
margin:20px 20px 20px 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:175px;
height:280px;
}
#home2 {
width:205px;
height:310px;
float:left;
background:#e7e7e7;
margin:20px 20px 20px 0;
padding:15px;
voice-family: "\"}\""; 
voice-family:inherit;
width:175px;
height:280px;
}
#home3 {
margin:20px 0 20px 0;
width:205px;
height:310px;
background:#e7e7e7;
float:left;
padding:15px;
voice-family: "\"}\""; 
voice-family:inherit;
width:175px;
height:280px;
}
#home1 img, #home2 img, #home3 img {
margin:0 0 10px 0;
}



.portfolio {
width:150px;
margin:0 13px 20px 0;
float:left;
text-align:center;
border:1px solid #ccc;
padding:5px;
voice-family: "\"}\""; 
voice-family:inherit;
width:140px;
}
.portfolio img {
border:0;
margin:0 0 5px 0;
}
.portfolio p {
margin:0;
}

/* navbar styles ----------------------------------*/
#navbar ul, #navbar2 ul {
list-style-type:none;
padding:0;
margin:0;
display:inline;
}

#navbar li, #navbar2 li {
list-style-type:none;
padding:0;
margin:0;
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
}

#navbar li a, #navbar2 li a {
padding: 17px 15px 17px 15px;
background-color: #000;
font-size:13px;
color: #fff;
text-decoration: none;
float: left;
border-right:1px solid #444;
}

#navbar li a:hover, #navbar2 li a:hover {
background-color: #cbdb2a;
color: #fff;
}
#navbar li a.last, #navbar2 li a.last {
border-right:none;
padding: 17px 18px 17px 18px;
background-color: #000;
font-size:13px;
color: #fff;
text-decoration: none;
float: left;
}

#navbar li a:hover.last, #navbar2 li a:hover.last {
background-color: #cbdb2a;
color: #fff;
}

#navbar li a.selected {
background:#cbdb2a;
color:#fff;
}

/* font styles --------------------------------------------*/
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:32px;
line-height:40px;
font-weight:normal;
color:#a3b20e;
margin:0 0 20px 0;
}
h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#a3b20e;
margin:0 0 5px 0;
}
h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:24px;
font-weight:normal;
color:#333;
margin:0 0 5px 0;
}
h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
color:#333;
margin:0 0 5px 0;
}
h5 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#cbdb2a;
margin:0 0 3px 0;
}
h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#000
margin:0 0 5px 0;
}
h6.footer {
color:#fff;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px solid #333;
}

p {
line-height:19px;
margin:0 0 20px 0;
}
.meta {
font-size:10px;
color:#666;
}
#col1 a, #col2 a {
color:#000;
text-decoration:underline;
}
#col1 a:hover, #col2 a:hover {
color:#a8b70f;
}




hr {
border: none 0; 
border-top: 1px solid #ccc;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}



/* blog styles ---------------------------------------------*/
.postdata {
margin:0 0 20px 0;
}

.blogpost {
margin:0 0 50px 0;
}

.sidebarpost {
margin:0 0 30px 0;
}



/* misc divs ---------------------------------------------------------*/
#icons {
margin:0 0 20px 0;
}
#icons img {
margin:0 5px 0 0;
border:0;
}




/* packages divs ----------------------------------------------------*/
#p1 {
width:196px;
height:100px;
float:left;
padding:15px;
border-right:1px solid #4c4c4c;
voice-family: "\"}\""; 
voice-family:inherit;
width:165px;
height:70px;
}
#p2 {
width:196px;
height:100px;
float:left;
padding:15px;
border-right:1px solid #4c4c4c;
voice-family: "\"}\""; 
voice-family:inherit;
width:165px;
height:70px;
}
#p3 {
width:196px;
height:100px;
float:left;
padding:15px;
border-right:1px solid #4c4c4c;
voice-family: "\"}\""; 
voice-family:inherit;
width:165px;
height:70px;
}
#p4 {
width:196px;
height:100px;
float:left;
padding:15px;
border-right:1px solid #4c4c4c;
voice-family: "\"}\""; 
voice-family:inherit;
width:165px;
height:70px;
}
#p5 {
width:196px;
height:100px;
float:left;
padding:15px;
voice-family: "\"}\""; 
voice-family:inherit;
width:166px;
height:70px;
}
#p1 p, #p2 p, #p3 p, #p4 p, #p5 p {
margin:0;
color:#fff;
font-size:11px;
}
#p1 a, #p2 a, #p3 a, #p4 a, #p5 a {
color:#fff;
text-decoration:none;
}
#p1 a:hover, #p2 a:hover, #p3 a:hover, #p4 a:hover, #p5 a:hover {
color:#fff;
text-decoration:none;
}

.homeimg {
margin:0 0 30px 0;
border:0;
}












	/*------------------------
	---------------- CONTENT
	------------------------*/
	
	/* You might want to change these options for the main container */
	#yourSliderId {
		
		float: left;
		height: 250px;
		width: 980px;
		
	}
	
	/* images container - This is the most important container - Don't change important properties */
#yourSliderId {

    list-style: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;

}

		/* each slider item - Nothing to change here */
		#yourSliderId li {
			
			display: none;
			float: left;
			margin: 0;
			position: absolute;
			width: 100%;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.current {
			
			display: block;
			z-index: 2 !important;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.next {
			
			display: block;
			z-index: 1 !important;
			
		}
		
		/* Don't edit this part - prevents inline lists from being hidden */
		#yourSliderId li ul li {
			
			display: block !important;
			position: relative !important;
			
		}


/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(http://www.demoncreative.co.uk/slider/images/left_arrow.png) no-repeat top left;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(http://www.demoncreative.co.uk/slider/images/right_arrow.png) no-repeat top left;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(http://www.demoncreative.co.uk/slider/images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(http://www.demoncreative.co.uk/slider/images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	.container {
		
		float: left;
		position: relative;
		width: 100%;
		z-index: 15;
		
	}

.imgright {
float:right;
margin:0 0 10px 10px;
}


#left {
width:330px;
float:left;
border-top:5px solid #ccc;
padding:20px 10px 10px 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:320px;
}
#right {
width:330px;
float:left;
border-top:5px solid #ccc;
padding:20px 0 10px 10px;
voice-family: "\"}\""; 
voice-family:inherit;
width:320px;
}


.news {
float:left;
margin:0 10px 0 0;
}