/* Reset Browser Definitions */

html,input{
	font-family: "Arial", sans-serif;
	font-size: 12px;
}

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

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

fieldset,img {
	border:0;
}

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

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

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

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

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select {
	*font-size:100%;
}


/* CodeWelt.com Cascading Style Sheet */

@font-face {
    font-family: 'KurierLightRegular';
    src: url('/http/codewelt.com/fonts/kurierlight-regular-webfont.eot');
    src: url('/http/codewelt.com/fonts/kurierlight-regular-webfont.eot?#iefix') format('eot'),
         url('/http/codewelt.com/fonts/kurierlight-regular-webfont.woff') format('woff'),
         url('/http/codewelt.com/fonts/kurierlight-regular-webfont.ttf') format('truetype'),
         url('/http/codewelt.com/fonts/kurierlight-regular-webfont.svg#webfontcYuLFWto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LinuxLibertineOCRegular';
    src: url('/http/codewelt.com/fonts/linlibertine_c-4.0.4-webfont.eot');
    src: url('/http/codewelt.com/fonts/linlibertine_c-4.0.4-webfont.eot?#iefix') format('eot'),
         url('/http/codewelt.com/fonts/linlibertine_c-4.0.4-webfont.woff') format('woff'),
         url('/http/codewelt.com/fonts/linlibertine_c-4.0.4-webfont.ttf') format('truetype'),
         url('/http/codewelt.com/fonts/linlibertine_c-4.0.4-webfont.svg#webfontGBGL3q1x') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LinuxBiolinumORegular';
    src: url('/http/codewelt.com/fonts/linbiolinum_re-0.6.4-webfont.eot');
    src: url('/http/codewelt.com/fonts/linbiolinum_re-0.6.4-webfont.eot?#iefix') format('eot'),
         url('/http/codewelt.com/fonts/linbiolinum_re-0.6.4-webfont.woff') format('woff'),
         url('/http/codewelt.com/fonts/linbiolinum_re-0.6.4-webfont.ttf') format('truetype'),
         url('/http/codewelt.com/fonts/linbiolinum_re-0.6.4-webfont.svg#webfonthwJwUWxj') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Thanks to Font[RemoveMe]Squirrel(Too).com for those 3 definitions. */

html body {
	background-color: #2c646e;
	height: 100%;
	min-width: 850px;
}

html body #wrap #head {
	width: 100%;
	height: 76px;
	background: black;
	background-image: url("/http/codewelt.com/img/010.png");
	background-repeat: repeat-x;
	color: white;
}

html body #wrap #head * {
	float: left;
}

html body #wrap #content-wrap #relative-wrap #content-main .fragment {
	width: 20%;
	position: relative;
	float: left;
	border-width: 0px;
	margin-bottom: -5px;
	margin-right: -1px;
}

html body #wrap #content-wrap #relative-wrap #content-main .fragment img {
	width: 100%;
	z-index: 1;
	border-width: 0px;
}

html body #wrap #content-wrap #relative-wrap #content-main .fragment .label {
	color: white;
	width: 100%;
	position: absolute;
	left: 4px;
	font-family: Tahoma;
	font-size: 7px;
	z-index: 0;
}

html body #wrap #content-wrap #relative-wrap #content-main .fragment .label:hover {
	color: darkgray;
	text-decoration: none;
}

html body #wrap #head #horizontal-navigation {
	font-family: KurierLightRegular;
	position: absolute;
	right: 43px;
	float: right;
	margin-top: 0.8em;
	font-size: 1.5em;
	font-weight: bolder;
	z-index: 1;
	vertical-align: text-bottom;
}

html body #wrap #head #horizontal-navigation .navigation li {
	width: auto;
	padding-right: 20px;
}

html body #wrap #head #horizontal-navigation .navigation li a {
	text-align: right;
	text-decoration: none;
	color: white;
}

html body #wrap #head #horizontal-navigation .navigation li a:hover {
	color: #ecfbed;
}

html body #wrap #head #horizontal-navigation .navigation li ul {
	padding: 5px;
	position:absolute;
	float: right;
	top: 20px;
	width: 300px;
	right: 18px;
	height: auto;
	background-color: black;
	-moz-border-radius: 0 0 4% 4%;
}

html body #wrap #head #horizontal-navigation .navigation li ul li {
	/*clear: both;	
	float: none;*/
	opacity: 0.8;
}

html body #wrap #head #horizontal-navigation .navigation  li ul li * {
	font-family: Arial;
	font-size: 0.8em;
}

html body #wrap #head #horizontal-navigation .navigation li ul li a {

	text-align: right;
	width: 300px;
	display: block;
}

html body #wrap #head #horizontal-navigation .navigation li ul li a:hover {
	background-color: gray;
}

html body #wrap #head #horizontal-navigation .navigation li ul * {
	
}

html body #wrap #head #horizontal-navigation .navigation li ul li:hover {
	background-color: gray;
}

html body #wrap #breadcrumbs {
	position: absolute;
	top: 57px;
	right: 30px;
	width: auto;
	height: 30px;
	font: normal 10px verdana, sans-serif;
	letter-spacing: 0px;
	color: lightgray;
	text-align: middle;
	padding-left: 1px;
}

html body #wrap #breadcrumbs a {
	color: white;
	text-decoration: none;
}

html body #wrap #breadcrumbs a:hover {
	color: #93d3ff;
}

html body #wrap #content-wrap {
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url("/http/codewelt.com/img/004.png");
	width: 100%;	
}

html body #wrap #content-wrap #relative-wrap {
	float: left;
	background-image: url("/http/codewelt.com/img/400.png");
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
}

html body #wrap #content-wrap #relative-wrap #ornament-bottom-left {
	position: absolute;
	background-image: url("/http/codewelt.com/img/300.png");
	left: 0px;
	width: 21px;
	height: 58px;
	bottom: 16px;
	vertical-align: bottom;
}

html body #wrap #content-wrap #relative-wrap #ornament-top-left {
	float: left;
	background-image: url("/http/codewelt.com/img/200.png");
	width: 21px;
	height: 121px;
	text-align: left;
	margin-bottom: 16px;
}

html body #wrap #content-wrap #relative-wrap #ornament-top-right {
	float: right;
	background-image: url("/http/codewelt.com/img/002.png");
	width: 19px;
	height: 38px;
	text-align: right;
	margin-bottom: 16px;
}

html body #wrap #content-wrap #relative-wrap #ornament-bottom-right {
	position: absolute;
	background-image: url("/http/codewelt.com/img/003.png");
	width: 19px;
	height: 105px;
	right: 0px;
	bottom: 16px;
	vertical-align: bottom;
}

html body #wrap #content-wrap #relative-wrap #content-main {
	width: auto;
	margin-left: 21px;
	margin-right: 19px;
	min-height: 30em;
	padding: 0.5em;
	padding-top: 0.1em;
	background-color: white;
	font-family: LinuxBiolinumORegular;
	font-size: 1.5em;
	margin-bottom:33px;
	color: black;
}

html body #wrap #content-wrap #relative-wrap #content-main .bg {
	background-color: lightgray;
	padding: 5px 5px 5px 5px;
}

html body #wrap #content-wrap #relative-wrap #content-main .float-left {
	float: left;
}

html body #wrap #content-wrap #relative-wrap #content-main .float-right {
	float: right;
}

html body #wrap #content-wrap #relative-wrap #content-main .padding-10 {
	padding: 10px 10px 10px 10px;
}

html body #wrap #content-wrap #relative-wrap #content-main ol li {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}

html body #wrap #content-wrap #relative-wrap #content-main ul li {
	list-style-type: square;
	list-style-position: inside;
}

html body #wrap #content-wrap #relative-wrap #content-main ul li ul {
	padding-left: 20px;
}

html body #wrap #content-wrap #relative-wrap #content-main .code * {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 0.8em;
}

html body #wrap #content-wrap #relative-wrap #content-main h1 {
	font-family: LinuxLibertineOCRegular;
	font-weight: bold;
	font-size: 1.6em;
}

html body #wrap #content-wrap #relative-wrap #content-main h3 {
	font-family: Times New Roman;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: gray;
}

html body #wrap #content-wrap #relative-wrap #content-main a {
	text-decoration: none;
	color: blue;
}

html body #wrap #content-wrap #relative-wrap #content-main a:active {
	text-decoration: red;
}

html body #wrap #content-wrap #relative-wrap #content-main a:hover {
	text-decoration: underline;
}

html body #wrap #content-wrap #relative-wrap #content-main a:visited {
	color: default;
}

html body #wrap #content-wrap #relative-wrap #content-main #ifr {
	min-height: 500px;
}


html body #wrap #foot #eqr * {
	font-family: Tahoma;
	font-size: 12px;
	color: #92cec1;
}

html body #wrap #foot #eqr #jabberpm {
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

html body #wrap #foot #eqr {
	position: absolute;
	bottom: 11px;
	width: 90%;
	left: 60px;
}

html body #wrap #foot  #eqr form fieldset #eqrtxt {
	width: 60%;
	background-color: #78a99f;
}

html body #wrap #foot  #eqr form fieldset #eqrtxt:hover {
	color: #a8efe0;
	background-color: #6d9a90;
}

html body #wrap #foot  #eqr form fieldset #eqrsubmit {
	background-color: #78a99f;
}

html body #wrap #foot  #eqr form fieldset #eqrsubmit:hover {
	color: #a8efe0;
	background-color: #6d9a90;
}

html body #wrap #foot .w3c {
	position: absolute;
	bottom: 11px;
	right: 60px;
}

html body #wrap #foot {
	position: absolute;
	height: 35px;
	bottom: 0px;
	width: 100%;
	background-color: black;
	background-repeat: repeat-x;
	background-image: url("/http/codewelt.com/img/050.png");
}

html body #wrap #foot .l, html body #wrap #head .l {
	float: left;
	text-align: left;
}

html body #wrap #foot .r, html body #wrap #head .r {
	float: right;
	text-align: right;
}