@import url("clearfix.global.css");
/*\*//*/

@import url(clearfix.ie.mac.css);

/*****************/
/* COMMON STYLES */
/*****************/
*{margin:0;padding:0;border:0;}
.bord{border:1px solid #f00;}

html { height: 100%;}
body{min-height:100%;margin:0 auto;text-align:center;background:#313131;}

hr{background:#ccc;height:1px;margin:10px 0;}
hr.fatboy15{background:#ebebeb;height:15px;margin:0 0 8px 0;}
hr.fatboy5{background:#38b2ea;height:5px;margin:0 0 15px 0;}

.white{background:#fff;}
.black{background:#000;}
.red{color:#933;}
.grey{color:#999;}
.dgrey{color:#3f3f3f;}
.blue{color:#38b2ea;}
.pink{color:#f71c9c;}

.floatLeft{float:left;}
.floatRight{float:right;}
.floatRightish{position:absolute;left:600px;}
.floatMiddle{text-align:center;margin:auto;}
.clearer{clear:both;}

#usernameLabel{color:#fff;font-size:9px;font-weight:bolder;position:absolute;left:0px;top:8px;}
#passwordLabel{color:#fff;font-size:9px;font-weight:bolder;position:absolute;left:0px;top:42px;}
input.text1{position:absolute;left:0px;top:21px;width:133px;height:16px;padding:2px 2px 0 2px;color:#666;background:url(im/bg_input.png)}
input.text2{position:absolute;left:0px;top:55px;width:133px;height:16px;padding:2px 2px 0 2px;color:#666;background:url(im/bg_input.png)}
input.go{cursor:pointer;position:absolute;left:140px;top:54px;width:26px;height:20px;background:url(im/input_go.png);}
input.go:hover{background:url(im/input_go_on.png);}

input.rich-calendar-input{border: 1px solid black;}
input.editDate{width:133px;height:16px;padding:2px 2px 0 2px;color:#666;border: 1px solid black;}
input.editText{width:100%;height:16px;padding:2px 2px 0 2px;color:#666;border: 1px solid black;}
textarea.editTextBox{width:100%;height:64px;padding:2px 2px 0 2px;color:#666;border: 1px solid black;}
input.searchText{width:133px;height:16px;padding:2px 2px 0 2px;color:#666;background:url(im/bg_input.png)}
input.searchButton{width:26px;height:20px;background:url(im/input_go.png);}
input.searchButton:hover{background:url(im/input_go_on.png);}

span.newsButton{background:#fff;width:15px;color:#666666;font-weight:bold;margin-right:1em;}
a.newsButton{cursor:pointer;background:#fff;width:15px;color:#000;font-weight:bold;margin-right:1em;text-decoration:none}
a.newsButton:hover{color:#f71c9c;}
td.selected a.newsButton{font-size:larger}
input.serviceButton{text-decoration:underline;float:right;color:#f71c9c;cursor:pointer;background:#fff;width:32px;font-weight:bold;font-size:8pt}
input.serviceButton:focus, input.serviceButton:hover, input.serviceButton:active{outline:none}
/*.buttonBar{float:right;}*/
/*.buttonBar button{background:#fff;width:15px;color:#000;font-weight:bold;}*/
/*.buttonBar button:hover{color:#1293c6;}*/

.pad5{padding:5px;}
.padTop{padding:5px 0 0 0;}

/********************/
/* STRUCTURE STYLES */
/********************/
#super{width:100%;top:0;position:relative;float:left;margin:auto;text-align:center;}
#topBar{background:#000;width:100%;height:19px;margin:auto;text-align:center;}
#topLinks{margin:auto;width:1000px;color:#fff;text-align:right;padding:3px 0 0 0;display:none;}
#container{margin:auto;width:1010px;text-align:center;}

/* HEADER */
#header{width:1010px;margin:0;position:relative;height:70px;background: url(im/bg_header.jpg) no-repeat top left;}

#logo{width:140px;height:70px;position:absolute;left:33px;top:0;background: url(im/so4it_logo.png) no-repeat center left;}
#topQuote{position:absolute;left:240px;width:404px;height:83px;}
#topPortrait{position:absolute;left:654px;width:122px;height:83px;}
#login{position:absolute;left:834px;width:166px;height:83px;z-index:2;}
.backdrop{top:5px;left:829px;width:177px;height:73px;background:url(im/loginruta.png);position:absolute;z-index:1;}

/* CONTENT AREAS */
#mainContent_space{width:1010px;background:url(im/shadow_main.png) top repeat-y;float:left;}
#mainContent{padding:28px 33px 30px 33px;float:left;}

#columnLeft_space{float:left;width:750px;}
.twoCol,
.col1,
.col2,
.col3,
.col4{float:left;width:344px;margin-right:0px;margin-top:28px}
.twoCol{margin-right:22px; margin-top:28px}
.twoCol .col1,
.twoCol .col2{margin-top:0;}
.col4,
.twoCol .col2 .col3{margin-right:0}

.left{float:left;width:192px;margin-right:28px;}
.right{float:left;width:500px;padding-right:27px;}

#columnRight_space_empty{float:right;width:194px;height:500px}

#columnRight_space{position:absolute;float:left;width:252px;height:300px;right:5px;top:-300px;}
#columnRight{padding:0;float:left;position:absolute;bottom:0px;right:0px;line-height:0px;}

#columnSingle{float:left;width:944px;}
#columnSingle .col1{float:left;width:468px;margin-top:0px;}
#columnSingle .col2{float:right;width:468px;margin-top:0px;}

.reference{padding-left:20px;}

.videoBox_tall{float:left;width:468px;height:384px;}
.videoBoxFrame_tall{float:left;position:relative;left:-4px;top:0px;width:476px;height:384px;background:url(im/bg_videobox_tall.png);}
.videoBoxFrame_tall_filled{float:left;position:relative;left:-4px;top:0px;width:476px;height:384px;background:url(im/bg_videobox_tall_filled.png);}
.videoBoxContent_tall{float:left;position:relative;left:8px;top:8px;width:460px;height:368px;}

.videoBox_medium{float:left;width:468px;height:361px;}
.videoBoxFrame_medium{float:left;position:relative;left:-4px;top:0px;width:476px;height:361px;background:url(im/bg_videobox_medium.png);}
.videoBoxContent_medium{float:left;position:relative;left:8px;top:8px;width:460px;height:345px;}

.videoBox_short{float:left;width:468px;height:296px;}
.videoBoxFrame_short{float:left;position:relative;left:-4px;top:0px;width:476px;height:296px;background:url(im/bg_videobox_short.png);}
.videoBoxContent_short{float:left;position:relative;left:8px;top:8px;width:460px;height:280px;}

/* BOTTOM BANNER */
#bottomBanner_space{width:100%;height:135px;float:left;position:relative;}
#bottomBanner{width:1000px;height:135px;background:#5f5f5f;margin:auto;text-align:center;}

#bottomIcon1, #bottomIcon2, #bottomIcon3{position:absolute;width:80px;}
#bottomIcon1{top:58px;left:25px;}
#bottomIcon2{top:63px;left:345px;}
#bottomIcon3{top:52px;left:665px;}

#bottomText1, #bottomText2, #bottomText3{position:absolute;width:220px;top:50px;}
#bottomText1{left:90px;}
#bottomText2{left:410px;}
#bottomText3{left:730px;}

/* FOOTER */
#footer_space{width:100%;height:52px;position:relative;float:left;}
#footer{width:1000px;height:52px;background:#393939 url(/images/fot.gif);margin:auto;text-align:center;}

/* Controls for number of news on first page */
.plusminus{font-size:20px;margin-right:20px;a}

#footerInfoMail{position:absolute;top:20px;left:240px;width:90px;height:18px;}
#footerModestyLink{position:absolute;top:20px;left:738px;width:177px;height:18px;}

/**************/
/* TYPOGRAPHY */
/**************/
body,p,div,td,th{font-family:"helvetiva neue",helvetica;font-size:12px;line-height:16px;color:#666;}
.left,
.left p{font-size:11px;line-height:14px;}

a,a:visited{text-decoration:underline;color:#f71c9c;}
a:focus, a:hover,a:active{text-decoration:underline;color:#f71c9c; outline:none}

.left p{margin-bottom:15px;}
.left a{float:right;font-weight:bold;}

p,div{text-align:left;}
p{margin:5px 0 10px 0;}

.first{margin-top:0;}
.ingress{font-weight:normal;font-size:15px;line-height:22px;margin-bottom:20px;}
.rightBox{font-weight:normal;}

#topLinks a{color:#fff;}

#topQuote p{color:#ccc;font-family:Verdana;font-size:20px;}
#topQuoteFirstLine{margin-top:16px;}
#topQuoteSecondLine{margin-top:0px;text-align:right;}

#breadcrumb{color:#fff;font-weight:bold;font-size:10px;}

h1{font-family:Verdana;font-size:28px;font-weight:bold;line-height:100%;margin:0 0 25px 0;color:#000;}
h2{font-family:Verdana;font-size:14px;font-weight:bold;line-height:16px;margin:0;}
.padMain div h2,
.padMain .twoCol h2,
.adminForm h2,
.pad .left h2{font-weight:bold;font-size:12px;background:url(im/bg_h2.png) no-repeat;color:#fff;display:block;height:27px;padding:3px 0 8px 10px;margin:0;}
.padMain .twoCol .col3 h2{width:354px;}

h3{font-family:Verdana;color:#3f3f3f;font-size:11px;margin:7px 0 10px 0;}
.right h3{font-size:11px;margin-top:0;color:#f71c9c;}
h4{font-size:13px;font-weight:bold;color: #2f2f2f;margin:7px 0 10px 0;}

.col3 p{margin:0px 0px 2px 0px;}

#columnRight_space p{margin:5px 0;line-height:15px;}
#columnRight_space a{float:right;color:#db0381;margin-bottom:5px;}

#bottomBanner h2{position:absolute;left:33px;top:15px;font-weight:bold;font-size:12px;background:url(/images/bottom_bar.png) no-repeat;color:#fff;display:block;height:29px;width:943px;padding:3px 0 8px 10px;margin:0;text-align:left;}
#bottomBanner p{color:#999;}

ul{margin-left:15px;}
li{margin:3px 0 0 0;}
ul.bulletedlist{list-style:disc url(im/mykran.png) inside;margin-left:0;}
ul.bulletedlist li{margin:2px 0;}
ul.bulletedlist li.last{list-style:none url(im/blank.png) inside;padding-left:20px;}

.homeIntroduction{font-weight:normal;font-size:15px;line-height:22px;margin-top:10px;margin-bottom:5px;}
.homeLinks{width:100%;font-weight:normal;font-size:15px;line-height:22px;margin-top:10px;margin-bottom:5px;float:left;}
#newsForm{}
#newsForm a{text-decoration:none;color:#666666;margin-right:14px;}

.serviceQuote{font-style:italic;padding:0px 20px 0px 20px; clear: both;}
.serviceSignature{padding-right:20px;text-align:right;}

/***********/
/* NAVMENU */
/***********/
#navmenu_space{width:850px;background: url(im/bg_navmenu.png) top no-repeat;margin:0 5px;position:relative;top:46px;left:150px;height:23px;}
#navmenu{text-align:center;position:absolute;height:24px;top:0;left:25px;}
#navmenu ul{width:1000px;margin:0;height:24px;}
#navmenu ul li{display:block;padding-right:15px;float:left;margin:0px;}
#navmenu ul li a{display:block;height:18px;text-decoration:none;color:#fff;font-size:9px;font-weight:bolder;margin-top:3px;padding-top:3px;}
#navmenu ul li a#home{width:60px;}
#navmenu ul li a#company{width:120px;}
#navmenu ul li a#partners{width:100px;}
#navmenu ul li a#jobs{width:130px;}
#navmenu ul li a#services{width:80px;}
#navmenu ul li a#products{width:80px;}
#navmenu ul li a#contact{width:80px;}
#navmenu ul li a#news{width:90px;}

#navmenu ul li a:hover{color:#f71c9c;}
#home #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab60.png);}
#company #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab120.png);}
#services #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab80.png);}
#products #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab80.png);}
#partners #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab100.png);}
#jobs #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab130.png);}
#news #navmenu ul li a.on{color:#f71c9c;background:url(im/navmenu/tab90.png);}

a#home:hover{background:url(im/navmenu/tab60.png);}
a#company:hover{background:url(im/navmenu/tab120.png);}
a#partners:hover{background:url(im/navmenu/tab100.png);}
a#jobs:hover{background:url(im/navmenu/tab130.png);}
a#services:hover{background:url(im/navmenu/tab80.png);}
a#products:hover{background:url(im/navmenu/tab80.png);}
a#contact:hover{background:url(im/navmenu/tab80.png);}
a#news:hover{background:url(im/navmenu/tab90.png);}

#products.on{background:url(im/navmenu/tab80.png);}
#contact.on{background:url(im/navmenu/tab80.png);}

h4.newsHeadline{margin: 7px 0 0;}
.adminForm input,
.adminForm textarea,
.adminForm label{display:block;}
.adminForm textarea,
.adminForm input{border:solid 1px black;padding:0 2px 0 2px;}
.adminForm input#id{border:none;}
.adminForm input#headline{width:370px;}
.left .adminForm a{float:none;display:block;}
.adminForm .formBtn{display:inline;}
.adminForm textarea{width:370px;height:100px;padding:2px;}
.adminForm textarea#message{height:200px;}