@charset "utf-8";

/* Begin Browser Standardization */

* { margin: 0; padding: 0; }

html {
	overflow-y: scroll;
}

body {
	margin: 0; padding: 0;
}

.h1, h1 {
	font-size: 200%;
	line-height: 125%;
}
.h2, h2 {
	font-size: 150%;
	line-height: 125%;
	margin-bottom: 8px;
}
.h3, h3 {
	font-size: 130%;
	line-height: 120%;
	margin-bottom: 6px;
}

.h1, .h2, .h3, .h4, .h5, .h6,
 h1,  h2,  h3,  h4,  h5,  h6 {

}

a {
	text-decoration: none;
	color: #368dd5;
}

/* Finished Browser Standardization */

/* Begin Creating Global Layout */

body #scroll {
	background: #041d36 url(bg-master.jpg) center top no-repeat;
	color: #8c9dab;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 14px;
	line-height: 20px;
}

body.slave #scroll {
	background: #041d36 url(bg-slave.jpg) center top no-repeat;
}

#scroll {
	min-height: 100%;
	_height: 100%;
}

.wrap {
	margin: 0 auto;
	width: 990px;
}

table td {
	vertical-align: top;
}

/* Finished Creating Global Layout */

/* Begin Creating Global Styles */

ul.horizontal {
	list-style: none;
}
ul.horizontal li {
	list-style: none;
}

a.image img {
	border: none;
}

.opacity0 {
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0; -khtml-opacity: 0;
}

.align-right { text-align: right; }
.align-left { text-align: left; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

/* End Creating Global Styles */

/* Begin Creating Top Nav-Bar Styles */

#nav {
	height: 142px;
	background: url(master-headnav-bg.gif) top repeat-x;
	padding: 0 47px;
}

#nav .logo {
	float: left;
	margin-left: -2px;
	margin-top: 50px;
}
#nav ul.links {
	padding-top: 102px;
	text-align: right;
	color: #293e54;
}
#nav ul.links li {
	display: inline;
}
#nav ul.links li.last {
	margin-left: 10px;
}
#nav ul.links li a {
	color: #466381;
}
#nav ul.links li a:hover {
	color: #6188b0;
}
/* Finished Creating Top Nav-Bar Styles */

/* Begin Creating Top Header Styles */

.master #head {
	height: 371px;
	background: url(bg-master-header.jpg) center top no-repeat;
	padding: 30px 0 0 30px;
}
.master #head .content {
	width: 410px;
}
.master #head h1 {
	font-size: 150%;
	font-weight: normal;
	padding-top: 20px;
	margin-bottom: 20px;
	color: #88a6be;
}
.master #head h1 em {
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter:alpha(opacity=0);
	font-size: 50%;
}
.master #head h1 strong {
	font-size: 285.7%;
	font-weight: normal;
	line-height: 80%;
	color: #41a4ee;
	margin-left: -3px;
}

.master #head p.description {
	color: #a3c0d8;
	font-size: 114.29%;
	height: 100px;
}

.master #head p.links {
	margin-left: -16px;
	margin-top: 9px;
	_margin-top: 8px;
}

.master #head .sidebar {
	width: 536px;
	float: right;
}

.master #head .sidebar #screenslider {
	background:url(loading-master-bg.jpg) 243px 90px no-repeat;
	margin-top: 9px;
	height: 315px;
}
.master #head .sidebar #screenslider #slide-image {
	cursor: pointer;
	_cursor: hand;
}
.master #head .sidebar #slide-bg {
	height: 47px; width: 536px;
	background: url(screenshot-reflection.jpg) no-repeat;
}
.master #head .sidebar #slide-switcher {
	height: 35px; width: 476px;
	position: absolute;
	text-align: right;
	padding: 12px 60px 0 0;
}
.master #head .sidebar #slide-switcher a {
	_cursor: hand;
	cursor: pointer;
	width: 16px;
}
#oomfo-screenshot {
}


.slave #head {
	background: url(bg-slave-header.jpg) no-repeat;
	height: 110px;
	padding: 17px 0 0 30px;
}


.slave #head h1 {
	color: #c0cbd4;
	font-size: 200%;
	font-weight: normal;
	margin-top: 2px;

}
.slave #head p {
	color: #62a8e1;
	margin-top: 6px;
	font-size: 128.57%;
	line-height: 130%;
}
/* End Creating Top Header Styles */

/* Begin Creating Page-Section Styles */

#pagewrap {
	background: #03182d url(master-headnav-bg.gif) 0 -543px repeat-x;
	padding-top: 2px;
}
#pagewrap #pagebottom {
	height: 110px;
	background: url(page-bottom-bg.gif) center top no-repeat;
}
#page {
	background: url(bg-sidebar-separator.gif) right repeat-y;
}

#page .sidebar {
	width: 305px;
	float: right;
	background: url(bg-sidebar-top.jpg) left top no-repeat;
}

#page .sidebar #videozone {
	width: 300px;
}
#page .sidebar #videozone .top {
	background:url(video-top.jpg) no-repeat;
	height: 65px;
}
#page .sidebar #videozone .bottom {
	background:url(video-bottom.jpg) no-repeat;
	height: 27px;
}
#page .sidebar #videozone .main-video {
	display: block;
	background: url(video-main.jpg) no-repeat;
	height: 119px;
	font-size: 129.18%;
	text-align: center;
	padding: 65px 35px 0 15px
}
#page .sidebar #videozone .video-link {
	display: block;
	background:url(video-link.jpg) no-repeat;
	height: 20px;
	padding-left: 45px;
	padding-top: 2px;
	color: #abbbc8;
}

#page .content {
	width: 625px;
	padding: 30px 0 10px 30px;
}

#page .content h2,
#page .content .h2 {
	font-size: 214.29%;
	font-weight: normal;
	color: #8696a4;
}
#page .content h3,
#page .content .h3 {
	font-size: 160%;
	font-weight: normal;
	color: #8696a4;
}
#page .content h2 strong,
#page .content .h2 strong,
#page .content h3 strong,
#page .content .h3 strong {
	color: #35a3f3;
	font-weight: normal;
}
#page .content p {
	margin-bottom: 10px;
}

#page .content dl dd {
	margin-bottom: 12px;
}

#page .content ul,
#page .content ol {
	padding-left: 20px;
}
#page .content ul li {
	margin-bottom: 8px;
}
#page .content a:hover {
	color: #266ba5;
}

#page .content .quote {
	width: 560px;
	padding: 0;
	background: url(blockquote-bg.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 20px 10px 20px;
	color: #3e6586;
}
#page .content .quote .top {
	background: url(blockquote-bg.jpg) center top no-repeat;
	margin: 0 -20px;
	height: 20px;
}

#page .content .form {
	margin-left: 3px;
	_margin-left: 1px;
	width: 570px;
	padding: 0 51px 200px 30px;
	background: #05192e url(form-bg.jpg) bottom no-repeat;
}
#page .content .form .top {
	height: 30px;
	margin: 0 -51px 0 -30px;
	background: #05192e url(form-bg.jpg) top no-repeat;
}

#page .content .form label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	color: #2770b9;
	font-size: 114.29%;
	padding-top: 3px;
}
#page .content .form label.inline {
	padding-top: 0; margin-top: -2px;
	margin-bottom: 7px;
}
#page .content .form label.simple,
#page .content .form label.error {
	float: none;
	width: auto;
	color: #5e6a79;
	font-size: 100%;
	padding-top: 0;
	text-align: inherit;
}
#page .content .form label.error {
	display: block;
	margin-left: 110px;
	color: #996666;
}
#page .content .form label.long {
	width: auto;
}
#page .content .form .text,
#page .content .form .area,
#page .content .form .select {
	color: #5e6a79;
	background: #051324;
	border: 1px solid #0f2b49;
	padding: 5px;
	font-family: sans-serif;
	font-size: 100%;
	margin-bottom: 8px;
}
#page .content .form .select  {
	color: #9098a2;
}
#page .content .form .long {
	width: 380px;
}
#page .content .form .medium {
	width: 280px;
}
#page .content .form .select.medium {
	width: 292px;
}

#page .content .form .short {
	width: 120px;
}
#page .content .form .area {
	width: 520px;
	height: 60px;
	max-height: 260px;
}
#page .content .form .image.submit {
	margin: 0 0 -111px 340px;
	background: transparent url(form-button.png) no-repeat;
	width: 186px; height: 87px;
	padding-bottom: 50px;
	color: #ffffff;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:  142.86%;
	display: block;
	border: none;
	cursor: pointer;
	_cursor: hand;
	text-align: center;
}

#page .content .underform {
	color: #5E6A79;
	margin-top: -150px; padding-bottom: 125px; padding-left: 9px; font-size: 85%;
}
#page .content a.dull-link {
	color: #5E6A79;
	border-bottom: 1px solid #213144;
}
#page .content a.dull-link:hover {
	color:#818c9a;
	border-bottom-color: #5E6A79;
}


/* End Creating Page-Section Styles */

/* Begin Creating Footer Styles */

#foot {
	height: 174px;
	background: url(bg-footer.gif) repeat-x;
}
#foot .sidebar {
	float:right; width: 260px; padding-left: 15px;
	border-left: 1px dotted #213144; 
	_border-left: 1px solid #112134; 
	height: 60px;
}
#foot .content {
	color: #2c5375;
	padding: 30px;
	width: 930px;
	margin: 0 auto;
}
#foot .content a {
	color: #2c5375;
}
#foot .content small {
	display: block;
	padding-top: 10px;
	color: #1a3750;
	font-size: 80%;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* End Creating Footer Styles */

/* LightBox */
.pp_description {
color: #8c9dab;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 14px;
}
