/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.gif) top repeat-x #FFFFFF; text-align:center;}
.extra{ background:url(images/abstract1.png) no-repeat center 265px;}

img { vertical-align:top; }
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.615em; color:#868686;}
input, select { vertical-align:middle; font-weight:normal;}


a {color:#32bcf4; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:21px;}
p1 {padding-bottom:10px}
h1{ padding-top:66px; font-size:2.308em; line-height:1.2em;}
h1 a{ display:inline-block; background:url(images/logo_seeas.png) no-repeat 0 0; text-decoration:none; color:#323639; padding:1px 0 3px 44px;}
h1 a strong{ color:#36bdf4; text-transform:uppercase;}
h2{ font-size:2.769em; color:#323639; line-height:1.2em; padding-bottom:190px; margin-top:-7px;}
h2 strong{ display:block; font-size:0.75em; color:#666666; margin-top:-7px; letter-spacing: 3px; }
h2 a{ text-decoration:none; background:url(images/extra-link-bg.gif) no-repeat right 17px; padding-right:19px; margin-left:5px; display:inline-block;}
h2 a:hover{ color:#323639;}
h3{ font-size:1.923em; line-height:1.2em; padding-bottom:10px; color:#666666;}
h3 strong{ color:#32bcf4; font-size:1.5em; letter-spacing: 4px; line-height:1.2em; }
h3 b{ font-size:0.76em; display:block; color:#36bdf4; margin-top:30px;}
h3 c{ font-size:1.0em; display:block; color:#36bdf4; margin-top:10px;}
h3 d{ font-size:1.0em; display:block; color:#36bdf4;}
h3 e{ font-size:0.76em; display:block; color:#36bdf4; padding-top:10px;}
h3 f{ font-size:0.76em; display:block; color:#FF0000; margin-top:30px;}
h4{ font-size:1.923em; color:#ccd0d5; line-height:1.923em; padding-bottom:10px; padding-left: 60px; margin-top:-7px;}
h4 strong{ display:block; color:#32bcf4; font-size:1.5em; margin-top:-7px; }
h4 a{ text-decoration:none; background:url(images/extra-link-bg.gif) no-repeat right 17px; padding-right:19px; margin-left:5px; display:inline-block;}
h4 a:hover{ color:#323639;}
h5{ font-size:1.923em; line-height:1.2em; padding-bottom:10px; color:#323639;}
h5 strong{ font-size:0.76em; color:#32bcf4; margin-top:-4px;}
h6{ font-size:1.0em; color:#32bcf4; margin-top:10px;}
h6 a{ font-size:1.0em; color:#000000; margin-top:10px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 33px 0 0; float:left;}
.imgindent1 {margin:0 10px 0 0; float:left; text-align: center;}
.imgindent2 {margin:0 10px 0 0; float:left; padding-top:15px;}
.imgindent3 {float:left; padding-top:17px; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; padding-right: 20px; }
.phone{ float:right; padding-right:27px;}
.space1{ margin-left:28px;}
.space2{ margin-left:20px;}
.space3{ margin-left:240px;}
.space4{ margin-left:248px;}
.space5{ margin-left:50px;}
.space6{ margin-left:95px;}
.padding1{ padding-top:12px;}
.padding2{ padding-top:27px;}
.padding3{ padding-top:52px;}
.padding4{ padding-top:20px;}
.padding5{ padding-top:5px;}
.padding6{ padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
/* ============================= header ====================== */
#header{ position:relative;}
#header .menu{ float:right; padding:65px 1px 0 0;}
#header .menu li{ float:left; padding-left:4px; text-transform:uppercase;}
#header .menu a{ display:inline-block; text-align:center; background:url(images/menu-item2-bg.png) no-repeat 0 0; width:105px; padding:7px 0 13px 0; color:#fff; text-decoration:none; font-weight: bold; font-size: 0.85em; }
#header .menu a:hover{ background:url(images/menu-item2-bg-act.png) no-repeat 0 0;}

/* ============================= content ====================== */
#content{ }
.indent{ padding:3px 0 3px 0;}
.indent1{ padding-left: 25px; padding-bottom: 5px; line-height: 2; list-style-image: url(images/extra-link-bg.gif); }
.indent2{ padding-right: 15px; line-height: 2;}
.indent3{ padding-top: 15px; padding-right: 0; padding-bottom: 35px; padding-left: 10px;}
.indent4{ padding-left: 15px; line-height: 2;}
.indent5{ padding-left: 15px; line-height: 2.5;}
.indent6{ padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 20px;}
.indent7{ padding-top: 15px; padding-right: 0; padding-bottom: 20px; padding-left: 10px;}
.indent8{ padding-left: 15px; }
.indent9{ padding left: 10px; padding-right: 40px; line-height: 2;}
.title1{ background:url(images/starthere.png) no-repeat 0 0; padding-top:70px;}
.title2{ background:url(images/lock_off.png) no-repeat 0 0; padding-top:55px;}
.title3{ background:url(images/konqueror.png) no-repeat 0 0; padding-top:70px;}
.title4{ background:url(images/email_icon.jpg) no-repeat 0 0; padding-top:55px;}
.title5{ background:url(images/ksysguard.png) no-repeat 0 0; padding-top:70px;}
.title6{ padding-top:10px; padding-right:35px}
.title7{ padding-top:50px; font-size:1.92em; color:#626364; line-height:1.2em; padding-left: 10px; }
.title8{ padding-top:20px; color:#32bcf4; font-size:1.5em; padding-bottom:-20px;}
.title9{ background:url(images/otrs_button.jpg) no-repeat 0 0; padding-top:60px; padding-bottom:20px}
.title10{ padding-top:10px; font-size:1.75em; line-height:1.2em;}
.title11{ padding-top:17px; font-size:1.92em; line-height:1.2em;}
.title12{ padding-top:35px;}
.title13{ background:url(images/title4-bg.jpg) no-repeat 0 0; padding-top:50px;}
.title14{ font-size: 140%; font-weight: bold;}

.list li{ background:url(images/list-item-tail.gif) top repeat-x; padding-bottom:4px;}
.list li span{ display:block; background:url(images/list-item-left-bg.gif) left top no-repeat;}
.list li span span{ background:url(images/list-item-right-bg.gif) right top no-repeat; width:100%; height:41px;}
.list .last{ padding-bottom:0; width:100%;}
.list a{ color:#000; text-decoration:none; font-size:0.923em; text-transform:none; display:inline-block; margin-top: 8px; margin-right: 0; margin-bottom: 0; margin-left: 21px; padding-top: 0; padding-right: 0; padding-bottom: 2px; padding-left: 30px; }
.list a:hover{ color:#32bcf4;}
.list .item1 a{
	background:url(images/seeas.png) no-repeat 0 0;
	text-indent: 10px;
	font-size: 0.85m;
}
.list .item2 a{ background:url(images/news_icon.png) no-repeat 0 0;}
.list .item3 a{ background:url(images/os_icon.png) no-repeat 0 0;}
.list .item4 a{ background:url(images/zimbra_icon.png) no-repeat 0 0;}
.list .item5 a{ background:url(images/list-item5-bg.gif) no-repeat 0 0;}
.list .item6 a{ background:url(images/list-item6-bg.gif) no-repeat 0 0;}
.list .item7 a{ background:url(images/login.png) no-repeat 0 0; text-indent: 10px; }
.list .item8 a{ background:url(images/otrs-mini.png) no-repeat 0 0; text-indent: 10px;}


.box{ background:url(images/box-bot-tail.gif) bottom repeat-x #f3f4f4; color:#323639;}
.box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat;}
.box .indent{ padding:7px 8px 11px 8px;}
.box strong{ display:block; margin:4px 0 -7px 0;}
.box a{ text-decoration:none; font-size:0.923em;}
.box a:hover{ color:#323639;}

.list1{ margin:-4px 0;}
.list1 li{ line-height:2.231em; background:url(images/extra-link-bg.gif) no-repeat 2px 11px; padding-left:27px;}
.list2 p{ margin:-8px 0; line-height:2em; background:url(images/list1-marker.gif) no-repeat 12px 30px; padding-left:35px;}
.list3 li{ line-height:2.231em; background:url(images/extra-link-bg.gif) no-repeat 4px 9px; padding-left:24px;}
#bulletlist{ padding-left:10px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-line.gif) top repeat-x; text-align:center; font-size:0.923em;}
#footer .menu{ padding:30px 55px 0 0;}
#footer .menu li{ display:inline; color:#ababab; padding-left:6px;}
#footer .menu a{ color:#ababab; text-decoration:none; display:inline-block; margin-right:9px;}
#footer .menu a:hover{ color:#32bcf4;}
#footer p{ color:#32bcf4; padding:0; margin:-5px 60px 0 0;}
#footer p a{ text-decoration:none;}
#footer p a:hover{ color:#ababab;}

/* ============================= forms ============================= */
#SearchForm{ background:url(images/search-form-bg.gif) no-repeat 0 0; position:absolute; right:0; width:250px; height:42px; font-size:0.923em; color:#868686;}
#SearchForm a{ display:inline-block; padding-left:20px; color:#000000; text-decoration:none; padding-top:1px; letter-spacing:3px; margin-top:9px; margin-right:3px; margin-bottom:0; margin-left:15px;}
#SearchForm a:hover{ color:#32bcf4; letter-spacing: 3px; }
#SearchForm .input1{ border:solid 0px; background:none; width:160px; vertical-align:top; padding:3px 4px 5px 5px; color:#000; font-family:Arial, Helvetica, sans-serif;}
#SearchForm .input2{ vertical-align:top; margin:9px 0 0 4px;}
#SearchForm label{ background:url(images/search-form-text-bg.gif) no-repeat 0 0; display:inline-block; vertical-align:middle; margin-left:7px;}

#SubscribeForm .input1{ border:solid 0px; width:180px; vertical-align:top; padding:3px 4px 8px 5px; color:#000; font-family:Arial, Helvetica, sans-serif; background:none;}
#SubscribeForm .input2{ vertical-align:top; margin:0 0 0 5px;}
#SubscribeForm label{ background:url(images/subscribe-form-text-bg.gif) no-repeat 0 0; display:block;}
#SubscribeForm a{ color:#868686;}

#ContactForm{ padding-top:3px;}
#ContactForm label{ display:block; height:27px;}
#ContactForm input{ border:solid 1px #585858; background:none; font-family:Arial, Helvetica, sans-serif; font-size:0.923em; color:#868686; padding:2px 2px 1px 3px; width:237px;}
#ContactForm textarea{ border:solid 1px #585858; background:none; font-family:Arial, Helvetica, sans-serif; font-size:0.923em; color:#868686; padding:2px 2px 1px 3px; width:237px; height:79px; overflow:auto;}
#ContactForm a{ float:right; margin:5px 0 0 20px;}