/* Stylesheet: Theme : Accessibility and cross-browser tools Modified On 2012-09-12 16:56:57 */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(/images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(/images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(/images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */



img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
/* Stylesheet: Theme : Package 2 Colours and Fonts Modified On 2012-11-01 11:25:26 */
/* Background Image */

/* Content Background Image */



/**** Heading and Paragraph Colours and Font Settings  ****/

/* h1 Colour */

/* h2 Colour */

/* h3 Colour */

/* h4 Colour */

/* paragrpah Colour */

/* paragrpah/general Font see: http://www.fonttester.com/help/list_of_web_safe_fonts.html */

/* Headings Font (If different from general) see: http://www.fonttester.com/help/list_of_web_safe_fonts.html*/
    

/* Menu Font (If different from general) see: http://www.fonttester.com/help/list_of_web_safe_fonts.html*/
 



/**** Menu Colour Settings Colour ****/

/* Menu Tab Background Colour */

/* Menu Active Tab Background Colour e.g same as content background color looks good */

/* Menu Item Colour */


/* Menu Item Active Colour */



/**** Link  Colour Settings Colour ****/

/* links */

/* links visited */

/* links on hover */
/* Stylesheet: Theme : Package 2 Menu Modified On 2012-11-22 10:53:59 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
    font-size:13px;
    font-family:;
font-family: Helvetica, Arial, sans-serif;
/* text-transform:uppercase;*/
}
#logo_top{ height:125px; background:url(http://www.delistar.co.nz/images/template/deli_star_logo.png) no-repeat  center; positon:relative;}
#header_tag2 { float:left; font-size:18px;color:#fff; width:250px; padding-top:30px;line-height:1;}
#header_tag {float:right; font-size:20px; color:#fff; width:200px;}

.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* IE6 Hack */
	height: 1%;
	width: auto;
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin-right: 30px;
margin-left:35px;
	padding: 0px;
   /*  background:#BFBFBF; */

}

ul#primary-nav li.menuactive
{
  /*   background:#efefef; */
    }
    
    ul#primary-nav li:hover
{
  /*   background:#efefef; */
    }

#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: bold;
/* set default link colors */
	color: #fff;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 11px  15px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
color: #000;
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
color: #fff;
}
ul#primary-nav li a.menuactive {
	color: #000;
/* bold to set it off from non active */
	font-weight: bold;
/* set your image here */
	background:  url(http://www.delistar.co.nz/images/template/nav.png) repeat-x left 0px;
}
ul#primary-nav li a.menuactive:hover {
	color: #000;
/* keep it the same */
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(http://www.delistar.co.nz/images/template/parent.png) no-repeat 98% center;
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(http://www.delistar.co.nz/images/template/parent.gif) no-repeat 98% center;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	background:  url(http://www.delistar.co.nz/images/template/darknav.png) repeat-x left center;
	color: #000
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* Stylesheet: Theme : Form Modified On 2012-09-11 14:42:49 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}

/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform {
	width:370px;
	position:relative;
}

.formbuilderform div label {
	display:block;
	width:130px;
	text-align:left;
	float:left;
}

.formbuilderform div input {
	width:200px;
	text-align:left;
	float:left;
	margin-left:5px;
}

.formbuilderform div textarea {
	height: 6em;
	width: 200px;
	margin-left:5px;
}

.formbuilderform div {
	height:1%;
	margin-bottom:5px;
	float:left;
}

.formbuilderform div.captcha {
	left: 136px;
	margin: 0.5em 0;
	position: relative;
	text-align: center;
	width: 200px;
}
.formbuilderform div.captcha img {
	border: 1px solid #ccc;
	margin-bottom: 0.5em
}
.formbuilderform div.captcha input {
	width: 196px;
	margin-top: 0.5em;
	margin-left:0px;
}

.formbuilderform div.submit {	
	clear:both;
}

.formbuilderform div.submit input {
	position: relative;
	left:133px;
	width:90px;
}
/* Stylesheet: Theme : News Modified On 2012-09-11 14:42:49 */
.NewsSummary {
	padding: 0.5em 0em 1em;
	margin: 0 0em 1em 0em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
padding:5px 0;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
/* Stylesheet: Theme : Package 2 Layout Modified On 2012-11-22 10:54:16 */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
outline: none;
}

/*
Set initial font styles
*/
body {
   text-align: left; 
   font-size: 75.01%;
   line-height: 1em;
   font-family:Arial, Helvetica, sans-serif;
font-family: Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4
{
    font-family:; 
font-family: Helvetica, Arial, sans-serif;
    /*text-transform:uppercase;*/
}
#servicemenu tbody tr td h4 a{ text-decoration:none; color:#009CD8;}
#servicemenu tbody tr td h4 a:hover { text-decoration:none; color:#89cafc;}
/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link, 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #1883C3; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #1883C3;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #1883C3;
}

/*****************
basic layout 
*****************/
body {
   background:#fff url(http://www.delistar.co.nz/images/template//bg2.png) top left repeat-x;
   color: #333;
   margin:0; /* gives some air for the pagewrapper */
}


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
width:960px;
   color: #ccc;
    margin-top: 0;
}

#bannerArea
{border:5px solid #fff;}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height:600px; 
   margin-bottom:11px;
   margin-top:20px;
margin-bottom:20px;
}

div#header #logo a {
/*background: url(http://www.delistar.co.nz/images/template/logo.png) no-repeat top left;*/
   display: block; 
   height: 300px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   font-size:0px;
   line-height:0px;
position:relative;
width:300px;
}

div#header #logo {
   display: block; 
   height: 300px;             /* adjust according your image size */
    line-height:0px;
position:absolute;
width:300px;
left:0px;
z-index:200;
}


div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */

}

div#main {
float:left;
width:615px;
}


div#main.full {
width:99%;
}



div#sidebar {
float:right;
width:270px;
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
   padding-left:60px;
min-height:300px;
 background:url(http://www.delistar.co.nz/images/template/sidebar.png) 0px top no-repeat;
}



div#footer {
clear:both;
color:#6c6c6c;
}
div#footer {
font-size:0.8em;
margin:0pt;
padding:1.5em;
text-align:center;
padding-top:0px;
}
div#footer p a {
color:#6c6c6c;
}
.footertable
{vertical-align:top;}

.footertable a, .footertable a:visited 
{text-decoration:none;
background-color:transparent;
color:#6c6c6c;}

.footertable a:hover
{text-decoration:underline;
background-color:transparent;
color:#6c6c6c;}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
}

/********************
CONTENT STYLING
*********************/
div#content {
color:#666
}

/* HEADINGS */
div#content h1 {
	color: #009CD8; 
	font-size: 1.7em; 
	text-align: left; 
	padding-bottom: 1px;
        line-height: 1.5em;
        margin: 0 0 0.5em 0;
padding-bottom:1.4em;
  background:url(http://www.delistar.co.nz/images/template/header.png) no-repeat  bottom left;
}
div#content h2 {
	color: #009CD8; 
	font-size: 1.4em; 
	text-align: left; 
	padding-bottom: 1px;
        line-height: 1.5em;
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #009CD8; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #009CD8; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.55em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 0px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}



/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

.hidden
{display:none;}

.image
{padding:5px;}

/* END LISTS */

blockquote.innerspeech {
    font-size:13px;
  margin-top: 10px;
  margin-bottom:10px;
  padding-left: 30px;
  border-left: 0;
  font-style:normal;
  background:url(http://www.delistar.co.nz/images/template/speech.png) no-repeat  top left; 
line-height:1.4em;
} 


.quote
{width:90%;
  margin-bottom: 20px;}

.client
{text-align:right;
font-size:90%;
font-style:italic;}

.break
{display:block;
height:18px;
width:99%;
margin:10px 0;
padding:10px;
  background:url(http://www.delistar.co.nz/images/template/break.png) no-repeat  bottom left;
clear:both; }

div#main .break{

 background:url(http://www.delistar.co.nz/images/template/break.png) no-repeat  top left; ; 
}



a.button,
input.cms_submit {
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	padding: 5px 15px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	display: block;
	color: #1C85C4;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
margin-top:10px;
}

a.button:hover,
input.cms_submit:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
	color: #000;
	display: block;
}

a.button:active,
input.cms_submit:active {
	background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	
margin-top:11px;
}

a.button.icon {
	padding-left: 11px;
}

a.button.icon span{
	padding-left: 36px;
	background: url(http://www.delistar.co.nz/images/template/icons.png) no-repeat 0 -4px;
}

a.button.icon.chat span {
	background-position: 0px -22px;
}

a.button.icon.tag span {
	background-position: 0px -68px;
}

a.button.icon.pdf span {
	background-position: 0px -62px;
}

a.button.icon.fb span {
	background-position: 0px -84px;
}

#bottomBlock
{border-top:1px solid #999;
padding-top:20px;
margin-top:20px;
margin-bottom:30px;}

#content img
{padding:5px;
border:1px solid #ccc;
}
table#servicemenu {width: 960px;  align:center;}

table#servicemenu tbody tr td{width:100px; text-align:center; }

/* Stylesheet: Slider Modified On 2012-10-26 12:16:07 */
/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
height:450px;
top:15px;
background: #fff;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
height:450px;
background: #fff;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#container
{width:960px;
margin-top:30px;
position:relative;}