/* Cleen Theeme Core CSS */

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

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

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

p { padding: 0 0 15px 0; margin: 0 0 10px 0; } /* Paragraph Style */ 

ul { margin:0 20px 20px 20px; padding:0 0 0 0px; } 
li { color: #08c; padding: 0 0 5px 5px; } /* 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 { padding: 0 0 5px 0; margin: 0; font: 24px Georgia; color: #08c; }
h2 { padding: 5px 0 15px 0; margin: 0; font: 20px Georgia; }
h3 { padding: 0 0 5px 0; margin: 0; font: 16px Georgia; }
h4 { padding: 0 0 5px 0; margin: 0; font: 12px Georgia; }

/* Header */

#header { position: relative; min-width: 100%; height: 115px; background: #105fb2; background-image:url('bg.png');
background-repeat:repeat; }

#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; margin-top:25px; text-align: right; }

/* Navigation */

#navigation {
	position: absolute;
	top: 94px;
	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: 15px; color: #FFF; margin-right: 2px; }
#navigation li a { color: #99ccff; }
#navigation li a:hover { color: #fff; }
#navigation li.selected { background-color: #6C9DCC; }
#navigation li.selected a { color: #fff; }
#navigation li.selected a:hover { color: #fff; }

/* 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: #E4EAF0; 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; }
ul.navigation a { padding: 5px 25px 5px 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: left; 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: right; 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 #105fb2; 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: 645px; height: 335px; margin: 0 auto; position: relative; }
#page #inner .scroll { height: 310px; width: 645px; overflow: auto; overflow-x: hidden; position: absolute; top: 25px; left: 0; clear: left; }

#page #inner .scrollContainer div.panel { padding: 0; height: 310px; width: 645px; }
#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: 183px; height: 118px; margin-bottom: 15px; }
#page #inner .portfolio_item img { width: 183px; height: 118px; }
#page #inner .portfolio_item.f_right { margin-right: 15px; }


/* Any CSS Specifically for an inner page here. */

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


#footer { min-width: 100%; padding-bottom: 15px; border-bottom: 25px solid #105fb2; }
#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; }; }
#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; }