/*

	Stylesheet for King Triton

	Media: screen, projection
	Author: Yoni De Beule

*/

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 12px Arial, sans-serif;
	color: #494949;
	background-color: #0f1c34;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
}

/*
	Typography and text styles
*/

p {
	padding-bottom: 12px;
}

strong,
th,
thead td {
	font-weight: 700;
}

/* Default titles */

h1,
h2,
h3,
h4 {
	font-family: Trebuchet MS, Helvetica;
	font-weight: 300;
	color: #494949;
}

h1 {
	font-size: 30px;
	padding: 0 0 12px 0;
}

h2 {
	font-size: 26px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 22px;
	padding: 0 0 8px 0;
}

h4 {
	font-size: 18px;
	padding: 0 0 2px 0;
}

/* Links */

a {
	text-decoration: none;
	border-bottom: 1px solid #0b3e70;
	color: #0b3e70;
}

a:hover,
a:active,
a:focus {
	border-color: #518bba;
	color: #518bba;
}

ul,
ol {
	padding: 0 0 12px 20px;
}

table {
	border-top: 1px solid #d8d8d8;
	width: 100%;
	margin-bottom: 24px;
	vertical-align: top;
}

td, th {
	border-bottom: 1px solid #d8d8d8;
	padding: 4px;
	vertical-align: top;
}

th {
	font-weight: 700;
	background: #fff;
}

/*
	Page structure and layout
*/

#container {
	width: 980px;
	margin: 0 auto;
	background-color: #FFF;
}

/*
	Header
*/
#header {
	height: 170px;
	background: url(../images/header_bg.png);
}

#header h1{
	padding: 10px 0 0 25px;
	font-size: 38px;
	color: #5a5a5a;
}

#header h1 a span{
	color: #518bba;
}

#header h1 a{
	color: #5a5a5a;
	border: none;
}

/*
	Content
*/
#content{
	width: 690px;
	float: left;
	margin: 0;
}

#contenttext{
	margin: 0 20px;
}

#contenttext img{
	border: 2px solid #254581; 
}

.mainTitle{
	margin: 20px 0 0 20px;
}

/*
	Sidebar
*/
#sidebar{
	width: 200px;
	float: right;
}

#sidebar h3{
	width: 201px;
	height: 29px;
	text-align: center;
	padding: 7px 0 0 0;
	margin: 0;
	background: url(../images/sidebar_h3_bg.png);
	font-size: 16px;
	color: #FFF;
}

#sidebar h4{
	padding: 0;
	margin: 0 0 0 5px;
	font-size: 15px;	
}

#sidebar h4 a{
	border: none;	
}

#sidebar .bd{
	padding: 10px 5px 0 5px;
	background-color: #FFF;
}

#sidebar .ft{
	padding: 0 10px;
	margin-bottom: 30px;
	background-color: #FFF;
}

#sidebar a{
	border: none;
	text-decoration: none;
}

/*
	footer
*/
#footer{
	display: block;
	height: 124px;
	background: url(../images/footer_bg.png);
}

#footer p{
	float: left;
	display: block;
	width: 280px;
	padding: 25px 20px;
	color: #a2a2a2;
	font-size: 14px;
}

#footer p a{
	color: #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
}

#footer #ahref{
	padding-top: 50px;
	text-align: center;
}

#footer #lexxweb{
	padding-top: 57px;
	text-align: right;
}

/*
	Navigation
*/
#navigation{
	display: block;
	width: 690px;
	height: 34px;
	background: url(../images/menu_bg.png);
	
}

#navigation li{
	float: left;
	font-size: 15px;
}

#navigation li a{
	font-family: Trebuchet MS, Helvetica;
	color: #FFF;
	border: none;
	display: block;
	padding: 6px 37px;
}

#navigation li a:hover{
	text-decoration: underline;
}

#navigation .selected a{
	text-decoration: underline;
}

/*
	Content
*/

#contentwrapper {
	background: url(../images/content_bg.png);
	background-repeat: repeat-x;
	background-color: #FFF;
	margin: 0 10px;
	padding: 20px;
}


/*
	Footer
*/

	/* Footer */

	#footer .container {
		position: relative;
	}


/*
	Forms
*/

/* General fields and textareas */

input.inputText,
input.inputPassword,
input.inputSearch,
input.inputDate,
textarea {
	color: #666;
	border-color: #999 #bbb #bbb #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 3px 4px;
	margin: 0;
	background-color: #fff;
	background-image: none;
	background-image: -moz-linear-gradient(0% 3px 90deg,#fff, #cecece);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#cecece), to(#fff));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

textarea {
	line-height: 1.5;
}

input.inputText:focus,
input.inputPassword:focus,
input.inputSearch:focus,
input.inputDate:focus,
textarea:focus {
	background-color: #fff;
	background-image: none;
	background-image: -moz-linear-gradient(0% 3px 90deg,#fff, #dedede);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#dedede), to(#fff));
	-webkit-box-shadow: 0 0 3px #c2deff;
	-moz-box-shadow: 0 0 3px #c2deff;
	box-shadow: 0 0 3px #c2deff;
	border-color: #82a7d4;
	color: #000;
	outline: none
}

input.inputText[disabled],
input.inputPassword[disabled],
input.inputSearch[disabled],
input.inputDate[disabled],
textarea[disabled] {
	color: #999;
	background-color: #f4f4f4;
	background-image: none;
	background-image: -moz-linear-gradient(0% 3px 90deg,#f4f4f4, #c4c4c4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#c4c4c4), to(#f4f4f4));
}

/* Selects */

select {
	margin-top: 2px;
}

	option {
		width: auto;
	}

/* Input lists */

.inputList {
	padding-bottom: 6px;
}

	.inputList li {
		padding-left: 24px;
		position: relative;
		padding-bottom: 6px;
	}

		.inputList input {
			position: absolute;
			top: 0;
			left: 0;
		}

		.ie6 .inputList input {
			left: -24px;
		}

		.inputList label {
			overflow: visible;
			height: auto;
			padding: 0;
		}

/* Fieldsets and legends */

.visibleFieldset {
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 12px 12px 0 12px;
	margin-bottom: 12px;
}

.visibleFieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .visibleFieldset, .ie7 .visibleFieldset { zoom: 1; }

	legend {
		font-weight: 700;
		color: #999;
	}

		.ie6 legend {
			margin-bottom: 10px;
		}

/* Paragraph */

form p { padding: 0 0 12px; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 form p, .ie7 form p { zoom: 1; }

/* Labels */

label,
.label {
	display: block;
	padding-bottom: 2px;
	height: 18px;
	overflow: hidden;
}

/* Inline errors */

.errorArea input.inputText,
.errorArea input.inputPassword,
.errorArea input.inputSearch,
.errorArea input.inputDate,
.errorArea textarea {
	border: 1px solid #d00c00;
}

.errorArea label,
.errorArea .label {
	color: #d00c00;
}

.errorArea input.inputText:focus,
.errorArea input.inputPassword:focus,
.errorArea input.inputSearch:focus,
.errorArea input.inputDate:focus {
	-webkit-box-shadow: 0 0 3px #d00c00;
	-moz-box-shadow: 0 0 3px #d00c00;
	box-shadow: 0 0 3px #d00c00;
}

.errorArea .formError {
	font-size: 11px;
	line-height: 1.636;
	color: #d00c00;
	display: block;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	clear: left;
	text-overflow: ellipsis;
}

/* Help texts */

.helpTxt {
	font-size: 11px;
	line-height: 1.636;
	color: #999;
	display: block;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	clear: left;
	text-overflow: ellipsis
}

/* Form grid control */

	/* One-fourth width */

	.tinyInput input.inputText,
	.tinyInput input.inputPassword,
	.tinyInput input.tinyInput,
	.tinyInput input.inputDate {
		width: 16px;
	}

	.tinyInput select,
	.alignBlocks p.tinyInput,
	.alignFields p.tinyInput,
	.alignFields .tinyInput .helpTxt {
		width: 26px;
	}

	/* Half width */

	.smallInput input.inputText,
	.smallInput input.inputPassword,
	.smallInput input.inputSearch,
	.smallInput input.inputDate {
		width: 52px;
	}

	.smallInput select,
	.alignBlocks p.smallInput,
	.alignFields p.smallInput,
	.alignFields .smallInput .helpTxt {
		width: 62px;
	}

	/* Normal width */

	input.inputText,
	input.inputPassword,
	input.inputSearch,
	input.inputDate {
		width: 124px;
	}

	select,
	.alignBlocks p,
	.alignFields p,
	.alignFields p .helpTxt,
	.horizontal label,
	.horizontal .label,
	.horizontal .oneLiner :first-child label,
	.horizontal .oneLiner :first-child .label,
	.horizontal .oneLiner .firstChild label,
	.horizontal .oneLiner .firstChild .label {
		width: 134px;
	}

	/* Two-third width */

	.mediumInput input.inputText,
	.mediumInput input.inputPassword,
	.mediumInput input.inputSearch,
	.mediumInput input.inputDate {
		width: 196px;
	}

	.mediumInput select,
	.alignBlocks p.mediumInput,
	.alignFields p.mediumInput,
	.alignFields .mediumInput .helpTxt {
		width: 206px;
	}

	/* Double width */

	.bigInput input.inputText,
	.bigInput input.inputPassword,
	.bigInput input.inputSearch,
	.bigInput input.inputDate,
	textarea {
		width: 268px;
	}

	.bigInput select,
	.alignBlocks p.bigInput,
	.alignFields p.bigInput,
	.alignFields .bigInput .helpTxt {
		width: 278px;
	}

	/* Left padding (horizontal) */

	.horizontal .alignBlocks,
	.horizontal .alignFields,
	.horizontal .alignButtons,
	.horizontal .helpTxt,
	.horizontal .formError {
		padding-left: 134px; /* This value should be the same as the width value in "Normal width" */
	}

	/* Left margin (horizontal) */

	.horizontal input.inputSubmit,
	.horizontal input.inputButton,
	.horizontal button,
	.horizontal a.button {
		margin-left: 134px; /* This value should be the same as the width value in "Normal width" */
	}

	/* Maximum width for inputlist (horizontal) */

	.horizontal .inputList li label {
		width: 278px; /* This value should be the same as the width value in "Double width" */
	}


/* Buttons */

input.inputSubmit,
input.inputButton,
button,
a.button,
a.button:link,
a.button:visited {
	font: 700 11px/1.636 Arial, sans-serif;
	color: #fff;
	border-color: #53a1ce;
	background: #53a1ce;
	border: 1px solid #366eac;
	padding: 3px;
	cursor: pointer;
	overflow: visible;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
}

button::-moz-focus-inner{ padding: 0; border: 0 }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input.inputSubmit,
	input.inputButton,
	button {
		padding: 2px 3px;
	}
}

.ie6 input.inputSubmit,
.ie6 input.inputButton,
.ie6 button {
	margin-top: -1px;
	padding: 1px 3px;
}

.ie7 input.inputSubmit,
.ie7 input.inputButton,
.ie7 button {
	padding: 1px 3px 0 3px;
}

.ie8 input.inputSubmit,
.ie8 input.inputButton,
.ie8 button {
	padding: 2px 3px;
}

input.inputSubmit:hover,
input.inputButton:hover,
input.buttonHover,
button:hover,
button.buttonHover,
a.button:hover,
a.button:active,
a.button:focus {
	border-color: #2081bb;
	background: #2081bb;
}

input.inputSubmit[disabled="disabled"],
input.inputButton[disabled="disabled"],
button[disabled="disabled"],
a.disabledButton {
	cursor: default;
	opacity: .50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: .50;
	-moz-opacity: .50;
}

a.button,
a.button:link,
a.button:visited {
	float: left;
	text-decoration: none;
	padding: 2px 6px;
}

/*
	Gallery
*/
.galleryitem{
	float: left;
	border: 0px;
	display: block;
	margin: 10px 30px;
	font-size: 14px;
	font-weight: bold;
	width: 152px;
	height: 187px;
}

.galleryitem div{	
	padding: 5px;	
}

.photoitem{	
	float: left;
	border: 0px;
	display: block;
	margin: 20px 30px;
	font-size: 14px;
	font-weight: bold;
}