/***CSS Reset***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
	margin:0; 
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
	outline: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,p {
	font-size:100%;
}

q:before,q:after {
	content:”;
}

/***Layout***/

body{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #FEFEFE url(http://www.giteholidaybrittany.co.uk/images/bg.jpg) top repeat-x;
	color: #4F5555;
}

#wrapper{
	margin: 40px auto 0 auto;
	padding: 20px 0 0 0;
	width: 940px;
	background: transparent url(http://www.giteholidaybrittany.co.uk/images/top.png) top center no-repeat;
}

#header {
	position: relative;
	margin:0;
	padding: 0;
	background: #FFFFFF;
	width: 940px;
	height: 100px;
}

#logo {
	position: absolute;
	top: 0;
	left: 20px;
	width: 284px;
	height: 80px;
	background: url(http://www.giteholidaybrittany.co.uk/images/logo.png) no-repeat;
}

#slogan {
	position: absolute;
	top: 0;
	left: 360px;
	width: 424px;
	height: 86px;
	background: url(http://www.giteholidaybrittany.co.uk/images/slogan.png) no-repeat;
}

#leaves {
	position: absolute;
	left: 740px;
	top: -74px;
	width: 284px;
	height: 150px;
}

#navigation {
	width: 940px;
	height: 40px;
	background: #839676;
}

#content {
	margin: 0;
	padding: 20px 20px 0 20px;
	background: #FFFFFF;
}

#left {
	float: left;
	margin: 20px 0;
	padding: 0;
	width: 580px;
}

#right {
	float: right;
	margin: 20px 0;
	padding: 0;
	width: 300px;
}


#welcome {
	position: relative;
	padding: 10px 20px;
	width: 860px;
	height: 230px;
	background: #CCDCCF;
}

#display {
	position: absolute;
	top: -80px;
	left: 520px;
	width:460px;
	height: 412px;
	background: url(http://www.giteholidaybrittany.co.uk/images/display_bg.png) no-repeat;
	text-align: center;
}

#images {
	position: absolute;
	top: 56px;
	left: 40px;
	width: 380px;
	height: 300px;
}

#news {
      margin: 20px 0;
}

#gallery {
	margin: 20px 0;
}

#availability {
	margin: 20px 0;
        text-align: center;
}

#links {
	background: url(../images/links_bg.jpg) top no-repeat;
        border-top: #FFFFFF 2px solid;
}

#testimonials {
	margin: 0;
	padding: 0;
	width: 900px;
	background: #FFFFFF; 
}

#footer {
	margin: 0 auto;
	padding: 0;
	background: transparent url(http://www.giteholidaybrittany.co.uk/images/bottom.png) top center no-repeat;
	width: 940px;
	height: 40px;
}

/***Typography***/

h1 {
	text-indent: -9999px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}

h3 {
	margin:  0;
	padding: 0;
	font-size: 1.8em;
        font-weight: normal;
}

p {
	margin: 0;
	padding: 5px 0;
	line-height: 1.4em;
	font-size: 1.1em;
	text-align: justify;
}

p a{
	color: #4F5555;
	text-decoration: none;
        font-weight: bold;
}

#slogan p {
	margin: 0;
	padding:0;
	line-height: 1.1em;
	font-size: 1.2em;
	text-align: justify;
}

#news h2 {
       padding: 2px 10px;
       display: block;
	background: #AEB79A;
	font-size: 1.8em;
	color: #56644D;
}

#news p a{
	color: #4F5555;
	text-decoration: none;
        font-weight: bold;
}

#news h3 {
	padding: 10px 0 0 0;
	font-size: 1.4em;
	font-weight: normal;
        color: #4F5555;
}

#contact h3 {
	margin: 10px 0;
	padding: 2px 10px;
	display: block;
	background: #B3BAB0;
	font-size: 1.4em;
        font-weight: normal;
	color: #4C5154;
}


#left h2{
	padding: 2px 10px;
	display: block;
	background: #AEB79A;
	font-size: 1.8em;
	color: #56644D;
}

#right h2{
	padding: 2px 10px;
	display: block;
	background: #B3BAB0;
	font-size: 1.8em;
	color: #4C5154;
}

#right p {
	margin: 0;
	padding: 10px  0;
	line-height: 1.4em;
	font-size: 1.1em;
	text-align: justify;
}

#right p a{
	color: #4F5555;
	text-decoration: none;
        font-weight: bold;
}

#welcome p {
	line-height: 1.2em;
	font-size: 1.2em;
	text-align: justify;
	width: 480px;
}


#testimonials h2{
        margin: 0 0 10px 0;
	padding: 2px 10px;
	display: block;
	background: #B3BAB0;
	font-size: 1.6em;
	color: #4C5154;
}

#testimonials p {
	margin: 0;
	padding: 6px 0;
	line-height: 1em;
	font-size: 1em;
	text-align: justify;
	color: #4F5555;
}

#footer p {
	margin: 0;
	padding: 40px 20px;
	font-size: 0.9em;
	color: #4F5555;
}

#footer p a{
	color: #4F5555;
	text-decoration: none;
        font-weight: normal;
}

#footer p.left {
	float: left;
}

#footer p.right {
	float: right;
}

/***Lists***/

#navigation ul {
	margin: 0;
	padding: 0 20px;
	width: 780px;
	height: 40px;
}

#navigation li {
	float: left;
	margin: 0;
	padding: 0; 
	font-size: 1.4em;
	line-height: 2.4em;
}

#navigation li a{
	padding: 0 40px 0 0;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background: url(http://www.giteholidaybrittany.co.uk/images/divider.png) center right no-repeat;
}

#navigation li a.last {
	background: none;
}

#links ul {
	margin: 0;
	padding: 20px;
	font-size: 1.2em;
	list-style: disc inside;
} 

#links ul a {
	text-decoration: none;
	color: #4F5555;
}  

#links ul li {
	padding: 4px 0;
}  


/***Images***/

#gallery img {
        float: left;
	margin: 0 0 20px 0;
	padding: 0;
        width: 160px;
        height: 160px;
	border: #CCDCCF 10px solid;
}

#gallery img.centre {
	margin-left: 20px;
	margin-right: 20px;
}

.more {
	padding: 100px 0 0 0;
}

/***Forms***/


#contact form {
	float: left;
        margin: 10px 0;
}

#content label {
	float: left;
	width: 200px;
	color: #4F5555;
	text-align:left;
}

#content input {
	margin-right: 4px;
        padding: 4px;
	border:1px solid  #AEB79A;
	width:240px;
	color: #4F5555;
}

#content select {
	margin: 5px 0;
        padding: 4px;
	border:1px solid  #AEB79A;
	width:250px;
	color: #4F5555;
}

#content .date-pick {
      margin: 5px 0;
}

#content textarea {
        margin:  0;
        padding: 4px;
	width:240px;
	border:1px solid  #AEB79A;
}

#content .send {
	float:left;
	margin: 6px 0 10px 200px;
	padding:0;
	width:60px;
	height:24px;
	text-align:center;
	border:1px solid  #AEB79A;
	background: #EDEDED;
	color: #4F5555;
	font-weight:bold;
}

.valid{
	border:2px solid  #AEB79A;
}

.invalid{
	border:2px solid #800;
}

/***Tables***/

#rates table {
        margin: 16px 0 20px 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

#rates th {
	padding: 3px 8px;
        background: #7E8E7A;
        border-top: #FFFFFF 2px solid;
        border-left: #FFFFFF 1px solid;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
}
#rates td {
	padding: 3px 8px;
	text-align: center;
        font-size: 1.1em;
	border: 1px solid #7E8E7A;
        border-top: 1px solid #FFFFFF;
}


#rates th.first {
        width: 36%;
	text-align: left;
	background: #7E8E7A;
	border-left: #7E8E7A 1px solid;
        color: #FFFFFF;
}

#rates td.first {
        width: 36%;
	text-align: left;
	background: #7E8E7A;
        border-bottom: 1px solid #FFFFFF;
        color: #FFFFFF;
}

#rates td.second {
        width: 36%;
	text-align: left;
	background: #7E8E7A;
        border-bottom: 1px solid #7E8E7A;
       color: #FFFFFF;
}


#rates td.bottom {
	text-align: justify;
        border: 1px solid #7E8E7A;
}

/***Miscellaneous***/

hr {
	margin: 10px 0;
	padding: 0;
	width: 900px;
	height: 1px;
	color: #4F5555;
}

.clear {
	clear: both;
}

/***ColorBox Core Style***/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:url(http://www.giteholidaybrittany.co.uk/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderTopLeft.png) 0 0 no-repeat;}
#cboxTopCenter{height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderTopCenter.png) 0 0 repeat-x;}
#cboxTopRight{width:21px; height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderTopRight.png) 0 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
#cboxBottomCenter{height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
#cboxBottomRight{width:21px; height:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderBottomRight.png) 0 0 no-repeat;}
#cboxMiddleLeft{width:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
#cboxMiddleRight{width:21px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-25px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.giteholidaybrittany.co.uk/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:0px -25px;}
#cboxLoadingOverlay{background:url(http://www.giteholidaybrittany.co.uk/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.giteholidaybrittany.co.uk/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.giteholidaybrittany.co.uk/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-50px -25px;}

/***DatePicker***/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://www.giteholidaybrittany.co.uk/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}