body {
	margin: 0;
	color: black;
	font: 1.1em Helvetica,Verdana,sans-serif;
	background: url("/template/server_room.jpg") no-repeat fixed center center transparent;
	background-size: 100% 100%;
	min-width: 34.1em;
}

h1 {
	font: bold 1.5em Verdana,sans-serif;
	text-align: center;
}

h4 {
	color: #7F8C8D;
}

table {
	font: 1.1em Helvetica,Verdana,sans-serif;
}

table.contact {
	margin-top: 1.7em;
	width: 50%;
	min-width: 20.5em;
	border-spacing: 0.6em;
}

table.extra {
	font: bold 0.7em Helvetica,Verdana,sans-serif;
}

table.reference {
	width: 90%;
	min-width: 20.5em;
	padding-bottom: 2.5em;
	margin: 0px auto;
	border-spacing: 2px;
}

table.reference thead {
	border-spacing: 0em;
}

table.reference th {
	padding: 0.4em 0.2em;
}

table.reference td {
	vertical-align: text-top;
}

table.reference td ul {
	margin: 0;
}

table.reference td:nth-child(1) {
	font-weight: bold;
	padding: 1em 0 1em 1em;
}

table.reference td:nth-child(2) {
	padding: 1em 1em 1em 0;
}

table.reference .spacer td {
	padding: 0;
}

table.reference tr.odd {
	background-color: rgba(256, 256, 256, 0.5);
}

tr.smallheader, td.smallheader {
	background-color: rgba(149, 165, 166, 0.25);
	padding: 0.5em 2em 0.5em 0.5em;
	text-transform: uppercase;
	color: #7F8C8D;
}

a {
	color: #2980B9;
}

.contact input.inplarge {
	width: 22em;
	border: 0.1em solid #CCC;
}

.contact textarea {
	width: 22.5em;
	border: 0.1em solid #CCCCCC;
}

.contact input.inplarge:hover, .contact input.inplarge:focus, .contact textarea:hover, .contact textarea:focus {
	border: 0.1em solid #3498DB;
	background: none repeat scroll 0 0 rgba(52, 152, 219, 0.5);
}

.contact input.inplarge:focus, .contact textarea:focus {
	background-color: #FFF;
}

.contact .inp_sub {
	font-size: 0.92em;
	margin-top: 1.2em;
}

#intro {
	position: fixed;
	background: none repeat scroll 0px 0px rgba(255, 255, 255, 1.0);
	height: 100%;
	width: 100%;
	z-index: 100;
}

#nav {
	font-family: Verdana,sans-serif;
	width: 82%;
	padding: 1.9em 9%;
	background: none repeat scroll 0 0 rgba(252, 252, 252, 0.8);
}

#main {
	min-height: 80%;
	width: 80%;
	padding: 1.5em 10%;
}

#content {
	min-width: 700px;
	min-height: 22.7em;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);
	border-radius: 0.3em;
	padding: 1.2em;
}

.listdetails {
	background-color: rgba(211, 84, 0, 0.62);
	border-radius: 4px;
	color: #fff;
	margin: 1.2em;
	padding: 1.2em 2.8em 0 2.8em;
	text-align: justify;
}

.listdetails li {
	padding: 0 0 1.2em 0.6em;
}

#css_line span {
	float: left;
	margin: 0.2em 1em;
}

.cols p {
	text-align: justify;
	line-height: 1.6;
	
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-moz-column-rule: 0.15em solid #BDC3C7;
	
	column-count: 2;
	column-gap: 2em;
	column-rule: 0.15em solid #BDC3C7;
}

p.alert {
	border: 2px solid #E74C3C;
	padding: 0.5em;
	color: #E74C3C;
	font-weight: bold;
	margin: 0;
}

.thlist {
	display: inline;
	font-size: 1.2em;
}

.thlist li {
	padding: 0 1em 0 2em;
	margin: 2% 2.5%;
	font-weight: bold;
}

#subnav {
	position: fixed;
	left: 3.3%;
	top: 7.9em;
}

.bullet {
	display: block;
	background: none repeat fixed 0 0 white;
	margin: 0.4em;
	margin-top: 1.4em;
	height: 1.25em;
	width: 1.25em;
	border: 0.1em solid rgba(52,73,94,0);
	border-radius: 50%;
	opacity: 0.6;
}

.bullet:active {
	border: 0.1em solid #34495E;
}

.bullet:hover, .bullet.active {
	opacity: 1.0;
}

.scroll {
	background: none repeat fixed 0 0 #999;
	position: fixed;
	bottom: 2.5em;
}

#nav a {
	color: #2C3E50;
	font-size: 0.94em;
	font-weight: bold;
	margin: 0 0.8em;
	text-transform: uppercase;
	text-decoration: none;
}

#nav a.active {
	color: #7F8C8D;
}

#nav a:hover {
	text-decoration: underline;
}

#articlebar {
	background-color: #2C3E50;
	padding: 0.2em 0.5em;
}

#articlebar span {
	color: #BDC3C7;
}

#share-buttons {
	float: right;
	margin-top: -0.2em;
}

#share-buttons img {
	width: 1.2em;
	padding: 0.2em;
	border: 0;
	box-shadow: 0;
	display: inline;
}

.ui-tooltip {
	font-size: 0.75em;
	font-weight: bold;
	background: none repeat fixed 0 0 #BDC3C7;
	padding: 0.9em;
	width: 14em;
	border-radius: 0.4em;
	z-index: 10;
}

.ui-tooltip:after, .ui-tooltip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ui-tooltip:after {
	border-color: rgba(189, 195, 199, 0);
	border-right-color: #BDC3C7;
	border-width: 0.4em;
	margin-top: -0.4em;
}

.ui-tooltip:before {
	border-color: rgba(189, 195, 199, 0);
	border-right-color: #BDC3C7;
	border-width: 0.6em;
	margin-top: -0.6em;
}

#colortable {
	border-spacing: 0px;
	height: 100px;
	min-height: 30em;
	width: 100%;
}

#colortable td {
	text-align: center;
	height: 25%;
	width: 20%;
	color: white;
	font-weight: bold;
}

#colortable .darkerStyle {
	color: #aaa;
}

.references img {
	height: 12em;
}

.references a {
	display: block;
	float: left;
	margin: 1em;
}

div.message {
	width: 50%;
	margin: 1.25em auto;
	padding: 0.6em;
	border: 1px solid black;
	color: black;
}

div.error {
	border-color: red;
	color: red;
}

div.success {
	border-color: green;
	color: green;
}

div.message ul {
	margin: 0;
}

#img-wrapper {
	height: 600px;
}

#img-wrapper div:nth-child(1) {
	position: relative;
}

#img-wrapper div:nth-child(2) {
	position: relative;
    top: -425px;
    z-index: 1;
}

#img-wrapper div:nth-child(1) img {
	height: 400px;
    width: 600px;
}

hr {
	border: 1px solid #ECF0F1;
	margin: 1.1em 0;
}

.motivationtitle {
	color: #95A5A6;
}

.motivationlist {
	list-style-type: none;
	background-color: rgba(142,68,173,0.62);
	border-radius: 4px;
	color: white;
	margin: 1.2em;
	padding: 1.2em 2.8em 0 2.8em;
}

.motivationlist li {
	padding: 0 0 1.2em 0.25em;
	margin-bottom: 0.4em;
}

.screens-wrapper {
	width: 95%;
	max-width: 1024px;
}

.screens-wrapper img {
	width: 99%;
}

#webmasterlist {
	padding-bottom: 2.0em;
	font-weight: bold;
}

#webmasterlist > span {
	margin-right: 2.4em;
	white-space: nowrap;
}

#webmasterlist img {
	margin: 0.8em 0.8em 0 0;
}

.motivationlist img {
	margin: 0.2em auto 0.5em auto;
}

.domain-short {
	margin-right: 1.2em;
}

.domain-middle {
	margin-right: 0.95em;
}

.domain-long {
	margin-right: 0.75em;
}