/*@charset "UTF-8"; */


body {
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #4d4c4c;
margin:0px;
padding:0px;
background-color: #F8F8F8;
}

img { border: 0; }

a { color: #08c; text-decoration: none; } /* Main link color */
a:hover { text-decoration:underline; }

p { line-height: 140%; padding: 0 0 15px 0; } /* Paragraph Style */ 

ul {margin:0 0 0 20px; } 
li { color: #4d4c4c; } /* Sets all lists to indent and colour X, this coensides a <span> If you want you text to be normal color.</span> */
.list { color: #4d4c4c; }

hr { color: inherit; height: 0; margin: 15px 0 15px 0; padding: 0; background-color:inherit; border: 1px solid #cbcbcb; border-style: none none solid; }

h1 { font-family: Helvetica, Verdana, Arial, sans-serif; padding: 0 0 5px 0; margin: 0; font: 24px; color: #08c; }
h2 { font-family: Helvetica, Verdana, Arial, sans-serif; padding: 0 0 5px 0; margin: 0; font: 20px;}
h3 { font-family: Helvetica, Verdana, Arial, sans-serif; padding: 0 0 5px 0; margin: 0; font: 16px; color: #08c;}
h4 { font-family: Helvetica, Verdana, Arial, sans-serif; padding: 0 0 5px 0; margin: 0; font: 14px; color: #5fb1ed;}

/* Header */

#header { position: relative; min-width: 100%; height: 85px; background: #2B2E33; }

#header_wrap { position: relative; width: 960px; padding: 10px 0 10px 0; color: #777; margin-left: auto; margin-right: auto; }
#header_wrap .content.left { float: left; }
#header_wrap .content.right { float: right; text-align: right; }

/* Navigation

#navigation { position: absolute; top: 65px; height: 25px; left: 0; }
#navigation ul { padding: 0; margin-left: 0; list-style-type: none; }

#navigation li { display: inline; padding: 5px 25px 5px 25px; height: 20px; color: #FFF; margin-right: 2px; background-color: #000000;}
#navigation li a { color: #777; }
#navigation li a:hover { color: #ffffff;}
#navigation li.selected { background-color: #F8F8F8; }
#navigation li.selected a { color: #777; }
#navigation li.selected a:hover { color: #ffffff;}

*/

/* Navigation */

#navigation { position: absolute; top: 56px; height: 40px; left: 0; }
/*
#navigation ul { padding: 0; margin-left: 0; list-style-type: none; }
#navigation li { display: inline; padding: 3px 20px 3px 20px; height: 30px; color: #FFF; margin-right: 2px; background-color: #5fb1ed;}
#navigation li a { color: #ffffff; }
#navigation li a:hover { color: #ffffff;}
#navigation li.selected { background-color: #F8F8F8; }
#navigation li.selected a { color: #777; }
#navigation li.selected a:hover { color: #ffffff;}
*/
/* Page Body */

#page { width: 960px; margin-top: 15px; margin-left: auto; margin-right: auto; overflow: hidden; } /* Important */
#page .content { border: 1px solid #cbcbcb; background-color: #FFF; padding: 10px; overflow: hidden; }

#error { border: #CBCBCB 1px solid; background-color: #FFF; padding: 15px; min-height: 300px; margin: 15px 0 15px 0; width: 928px; }

/* Homepage jQuery Slider CSS */

#slider { width: 940px; height: 255px; margin: 0 auto; position: relative; }
.scroll { height: 230px; width: 940px; overflow: auto; overflow-x: hidden; position: absolute; top: 0; left: 0; clear: left; border-bottom: 1px solid #cbcbcb; }

.scrollContainer div.panel { padding: 0; height: 230px; width: 940px; }
ul.navigation { list-style: none; position: absolute; bottom: 0; left: 0; margin: 0;padding: 0; }
ul.navigation li { display: inline; border-right: 1px solid #cbcbcb; font-size: 14px;}
ul.navigation a { padding: 5px 25px 50px 25px; cursor: pointer; color: #08c; text-decoration: none; }
ul.navigation a:hover { color: #1c1c1c; }
ul.navigation a.selected { background-color: #fff; }
ul.navigation a:focus { outline: none; }
.scrollButtons { display: none; position: absolute; top: 150px; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.hide { display: none; }


/* Home Page CSS */

#page #home .column1 { border: #CBCBCB 1px solid; background-color: #FFF; padding: 15px; float: right; margin: 15px 0 15px 0; width: 240px; }
#page #home .column1 .blog { padding-bottom: 10px; }
#page #home .column1 .blog h2 { padding-left: 0; }
#page #home .column1 .blog h3 { padding-left: 0; }
#page #home .column1 .blog p { margin: 0; padding-left: 0; }
#page #home .column1 .advert { background-color: #DCECF8; padding: 15px; margin-top: 15px; }
#page #home .column1 .advert p { font: 12px Georgia; }
#page #home .column2 { float: left; border: #CBCBCB 1px solid; background-color: #FFF; padding: 15px; margin: 15px 0 15px 0; width: 645px; }


/* Inner Page */

#page #inner .column1 { border: #CBCBCB 1px solid; background-color: #FFF; padding: 15px; float: left; margin-bottom: 15px; width: 645px; }
#page #inner img.heading { width: 645px; }
#page #inner .column2 { float: right; border: #CBCBCB 1px solid; background-color: #FFF; padding: 15px; margin-bottom: 15px; width: 240px; }
#page #inner .column2 .blog { padding-bottom: 10px; }
#page #inner .column2 .blog h2 { padding-left: 0; }
#page #inner .column2 .blog h3 { padding-left: 0; }
#page #inner .column2 .blog p { margin: 0; padding-left: 0; }
#page #inner .column2 .contact { padding-bottom: 10px; }
#page #inner .column2 .contact .header { display: inline-block; width: 60px; font-weight: bold; }
#page #inner .column2 .contact h2 { padding-left: 0; }
#page #inner .column2 .contact p { margin: 0; padding-left: 0; }
#page #inner .column2 .blog { padding-bottom: 10px; }
#page #inner .column2 .blog h2 { padding-left: 0; }
#page #inner .column2 .blog h3 { padding-left: 0; }
#page #inner .column2 .blog p { margin: 0; padding-left: 0; }
#page #inner .column2 .advert { height: 200px; width: 240px; margin-bottom: 15px; }
#page #inner .column2 .advert p { font: 12px Georgia; }
#page #products_featured { margin: 0; }
#page #products_featured .product { float: left; width: 183px; height: 130px; padding: 10px; border: 1px solid #cbcbcb; margin-bottom: 15px; }
#page #products_featured .product.one { margin-right: 15px; }
#page #products_featured .product.two { margin-right: 15px; }


/* Portfolio Slider */

#page #inner #slider { width: 870px; height: 465px; margin: 0 auto; position: relative; }
#page #inner .scroll { height: 445px; width: 870px; overflow: auto; overflow-x: hidden; position: absolute; top: 25px; left: 0; clear: left; }
#page #inner .scrollContainer div.panel { padding: 0; height: 445px; width: 870px; }
#page #inner ul.navigation { list-style: none; position: absolute; top: 0; left: 0; margin: 0;padding: 0; }
#page #inner ul.navigation li { display: inline; border-right: 1px solid #cbcbcb; }
#page #inner ul.navigation a { padding: 5px 25px 5px 25px; cursor: pointer; color: #08c; text-decoration: none; }
#page #inner ul.navigation a:hover { color: #1c1c1c; }
#page #inner ul.navigation a.selected { background-color: #fff; }
#page #inner ul.navigation a:focus { outline: none; }
#page #inner .scrollButtons { display: none; position: absolute; top: 150px; }
#page #inner .scrollButtons.left { left: -20px; }
#page #inner .scrollButtons.right { right: -20px; }
#page #inner .hide { display: none; }


#page #inner .portfolio_item { 
float: left;
display: block; 
padding: 10px; 
border: 1px solid #cbcbcb; 
width: 200px; 
height: 185px; 
margin: 5px;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #4d4c4c;
}

#page #inner .portfolio_item img {
width: 198px;
height: 125px;
margin-bottom: 10px;
border: 1px solid #cbcbcb; 
}

#page #inner .portfolio_item.f_right { margin-right: 15px; }

/* View Page */
#page #inner .portfolio_item_view { float: left; display: block; padding: 10px; border: 1px solid #cbcbcb; width: 184px; height: 118px; margin: 13px; }
#page #inner .portfolio_item_view_med { float: left; display: block; padding: 10px; border: 1px solid #cbcbcb; width: 200px; height: 140px; margin: 10px; }
#page #inner .portfolio_item_view_big { float: left; display: block; padding: 10px; border: 1px solid #cbcbcb; width: 270px; height: 190px; margin: 13px; }
#page #inner .search_item_view { float: left; display: block; padding: 10px; border: 1px solid #cbcbcb; width: 184px; height: 122px; margin: 10px; }
#page #inner .portfolio_item_view_big img { width: 270px; height: 190px; }
/* Any CSS Specifically for an inner page here. */


.code { width: 615px; padding: 15px; background-color: #fff; border: 1px solid #cbcbcb; }


/* Footer */

#footer { min-width: 100%; padding-bottom: 15px; border-bottom: 25px solid #F8F8F8; }
#footer ul li { display: inline; list-style-type: none; }
#footer li { padding: 0 10px 0 10px; }
#footer li a:hover { color: #777; }
#footer .content { width: 930px; padding: 15px; border: #CBCBCB 1px solid; background-color: #FFF; margin-left: auto; margin-right: auto; }
#footer .valid { width: 960px; margin-top: 15px; text-align: right; margin-left: auto; margin-right: auto; }
#footer .content .left { float: left; }
#footer .content .right { float: right; }

/* Calendar ---------------------------------------- */
#page #inner .calendar_view{ float: left; display: block; padding: 5px; border: 1px solid #cbcbcb; width: 190px; height: 210px; margin: 5px; }



#calendarholder{
margin-left: 0px;
width: 189px;
padding: 2px;
margin-bottom: 25px;
margin-bottom: 25px;
float: left;
clear:both;
}

.calendarmonthholder{
color: white;
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #e2ab1c;
width: 30px;
height: 13px;
border-color: #515151;
border-style: solid;
border-width: 1px;
float: left;
}

.calendardayweekendholder{
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #f4f5f5;
width: 20px;
height: 20px;
border-color: black;
border-style: solid;
border-width: 1px;
float: left;
}

.calendardayholder{
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #cdddff;
width: 20px;
height: 20px;
border-color: black;
border-style: solid;
border-width: 1px;
float: left;
}

.calendardayholder_free{
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #ffffff;
width: 20px;
height: 20px;
border-color: black;
border-style: solid;
border-width: 1px;
float: left;
}
.calendardayholder_booked{
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #ffc000;
color: white;
width: 20px;
height: 20px;
border-color: black;
border-style: solid;
border-width: 1px;
float: left;
}

.calendardayholder_changeover{
line-height: 0.8em;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 3px;
margin: 1px;
background-color: #ff5a00;
color: white;
width: 20px;
height: 20px;
border-color: black;
border-style: solid;
border-width: 1px;
float: left;
background-image: url('../assets/cod_image.jpg');
}

/* Details Box ---------------------------------------- */
#details_box{
margin:10px 0 0;
padding:10px;
border:solid 1px #b8e1ff;
}
#details_box img{
float:left;
}
#details_box .left_box{
float:right;
width:435px;
}
#details_box .left_box ul{
padding:10px 0 0;
border-top:solid 1px #CEE3EF;
}
#details_box .left_box ul{
list-style-type:none;
}
#details_box .left_box ul li{
float:left;
padding:0  0 0;
width:255px;
}
#details_box .left_box ul li.right_d{
padding:0 0 0 30px;
width:170px;
}
#details_box .left_box ul li.left_d{
padding:0 0 0 30px;
width:150px;
}
#details_box .left_box .blueTxt{
background-color:inherit;
}
#details_box .contact{
padding:0 0 0 20px;
line-height:40px;
background:url(../assets/contact.gif) 0 0 no-repeat;
}
#details_box .availability{
display:block;
width:159px;
line-height:28px;
text-align:center;
font-weight:bold;
background:url(../assets/button.gif) 0 0 no-repeat;
}
#details_box .left_box .availability:hover{
color:#666;
text-decoration:none;
}
 #details_box a{
text-decoration:none;
color:#086DB5;
background-color:inherit;
}
#details_box a:hover{
text-decoration:underline;
}

.clear{clear:both;}







/* Draggable area */


ul.sortable li {
position: relative;
}

ul.boxy {
list-style-type: none;
padding: 0px;
margin: 0px;
width: 10em;
font-size: 13px;
font-family: Arial, sans-serif;
}

ul.boxy li {
cursor:move;
padding: 2px 2px;
border: 1px solid #ccc;
background-color: #eee;
}

.clickable a {
display: block;
text-decoration: none;
cursor: pointer;
cursor: hand;
}

.clickable li:hover {
background-color: #f6f6f6;
}

br.clear {
clear: both;
margin: 0px;
}

#boxes {
font-family: Arial, sans-serif;
list-style-type: none;
margin: 0px;
padding: 0px;
width: 928px;
}

#boxes li {
cursor: move;
position: relative;
float: left;
margin: 2px 2px 2px 2px;
width: 225px;
height: 220px;
border: 0px solid #000;
text-align: center;
padding-top: 0px;
}

#boxes .portfolio_item { 
background:url(../assets/dragme.jpg) 0 0 no-repeat;
float: left;
display: block; 
padding: 10px; 
border: 1px solid #cbcbcb; 
width: 190px; 
height: 185px; 
margin: 10px;
}

#boxes .portfolio_item img {
width: 188px;
height: 118px;
margin-bottom: 10px;
border: 1px solid #cbcbcb; 
}

/*  Tooltip  */


#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid #cbcbcb;
padding: 10px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color: #202020;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#termstext{
font-size: 11px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif";
color: #4d4c4c;
}

.carousel_container {
				width: 565px;
				height: 205px;
			}