/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/BackGroundGradient.jpg) repeat #000; color:#537087; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* HEADER */

#main_header{width:100%; margin:0 auto; background:url(../images/verticalGradient.jpg) repeat-x #000; height:310px;}
#main_header_left{width:100%; margin:0; margin-left:50% auto; background:url(../images/verticalGradient.jpg) repeat-x #000; height:310px;}

#header{width:775px; margin:0 auto; background:url(../images/Sorum_Header.jpg) no-repeat #000; height:310px; position:relative;}

#header ul {width:543px; height:21px; position:absolute; top:35px; left:26px;}
#header ul li{float:left}

#header ul li.home{width:35px; height:21px; margin-right:34px}
#header ul li a{font:13px/15px Tahoma, sans-serif; font-weight:normal; color:#ced7e6; text-decoration:none; font-weight:bold;}
#header ul li a:hover{color:#596396;}
#header ul li.about{width:83px; height:21px; margin-right:35px}
#header ul li.services{width:50px; height:21px; margin-right:35px}
#header ul li.projects{width:57px; height:21px; margin-right:33px}
#header ul li.clientLogin{width:83px; height:21px; margin-right:35px}
#header ul li.partner{width:83px; height:21px; margin-right:35px}
#header ul li.contacts{width:61px; height:21px;}

#header ul.enter {width:126px; height:64px; position:absolute; top:240px; left:605px; background: none; margin:0}

/* CONTENT */

#main_body{width:100%; background:url(../images/BackGroundGradient.jpg) repeat-x #000; clear:both}	

#content{width:775px; margin:0 auto; padding:0; position:relative;}

/* Left Pannel */

#leftpan{width:385px; float:left; position:relative;}
#leftpan p{width:240px; margin:0 0 0 101px; padding-top:37px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}
#leftpan a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; color:#057edb;}
#leftpan a:hover{color:#edf6fd;}

#leftpan #about{width:385px; min-height:173px; border-bottom:#949494 1px solid; float:left; position:relative;}
#leftpan #about h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#1a5a8c;}
#leftpan #about h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#d5e3f0;}
#leftpan #about p{width:330px; margin:0 0 0 0px; position:absolute; top:45px; left: 10px; font:10px/12px Tahoma, sans-serif; text-align:justify;}

#leftpan #services{width:385px; min-height:173px; border-bottom:#1a5a8c 1px solid; float:left; position:relative;}
#leftpan #services h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#3b4696;}
#leftpan #services h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#d5e3f0;}
#leftpan #services p{width:330px; margin:0 0 0 0px; position:relative; top:15px; left: 10px; font:11px/14px Tahoma, sans-serif; text-align:justify;}

#leftpan #services ul{width:280px; margin:18px 0 0 8px; float:left}
#leftpan #services ul li a{display:block; width:280px; height:16px; background:url(../images/arrow.jpg) 5px 6px no-repeat; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; color:#057edb; font-weight:normal; text-decoration:none; padding:0 0 0 18px;}
#leftpan #services ul li a:hover{color:#FFF; background:url(../images/invert_arrow.jpg) 5px 6px no-repeat; background-color:#1a5a8c;} 

#leftpan #projects{width:385px; min-height:275px; float:left; position:relative;}
#leftpan #projects h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#3b4696;}
#leftpan #projects h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#d5e3f0;}
#leftpan #projects p{width:330px; margin:0 0 0 0px; position:relative; top:15px; left: 10px; font:11px/14px Tahoma, sans-serif; text-align:justify;}

#leftpan #projects p.s1 {width:238px; margin:5px 0 0 0; padding:10px 0 0 78px; float:left; background:url(../images/freeware.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#leftpan #projects p.s2 {width:238px; margin:0 0 10px 0; padding:10px 0 0 78px; float:left; background:url(../images/sponsor.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#leftpan #projects p.s3 {width:238px; margin:0 0 30px 0; padding:10px 0 0 78px; float:left; background:url(../images/SpecialPrj.gif) no-repeat; min-height: 45px; font:10px/12px Tahoma, sans-serif;}
#leftpan #projects span {font:11px/13px Tahoma, sans-serif; font-weight:bold; color: #1a5a8c;}


/* Rigth Pannel */

/*
#d5e3f0;
*/
#rightpan{width:385px; float:left; position:relative;}
#rightpan p{width:240px; margin:0 0 0 101px; padding-top:37px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}
#rightpan a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; color:#057edb;}
#rightpan a:hover{color:#edf6fd;}

#rightpan #welcome{width:385px; min-height:173px; float:left; position:relative; border-bottom:#1a5a8c 1px solid;}
#rightpan #welcome h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#3b4696;}
#rightpan #welcome h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#829fb6;}
#rightpan #welcome p{width:333px; margin:0 0 0 10px; padding-top:65px; padding-bottom: 10px;  font:11px/14px Tahoma, sans-serif;}
#rightpan #welcome p span {font-weight:bold; color:#829fb6;}

#rightpan #latestproj{width:385px; min-height:275px; float:left; position:relative; }
#rightpan #latestproj h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#3b4696;}
#rightpan #latestproj h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#d5e3f0;}
#rightpan #latestproj p{width:333px; margin:0 0 0 10px; padding-top:65px; padding-bottom: 10px;  font:11px/14px Tahoma, sans-serif;}
#rightpan #latestproj p.limitedService {width:238px; margin:5px 0 0 20px; padding:5px 0 0 78px; float:left; background:url(../images/warning.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#rightpan #latestproj p span {font-weight:bold; color:#b9d822;}

#rightpan #projects{width:385px; min-height:275px; float:left; position:relative;}
#rightpan #projects h1{width:340px; height:25px; display:block; position:absolute; top:11px; left:10px; font:19px/21px Tahoma, sans-serif;font-weight:bold; color:#3b4696;}
#rightpan #projects h2{width:340px; height:72px; display:block; position:absolute; top:45px; left:10px; font:12px/14px Tahoma, sans-serif;font-style:italic; color:#d5e3f0;}
#rightpan #projects p{width:330px; margin:0 0 0 0px; position:relative; top:15px; left: 10px; font:10px/12px Tahoma, sans-serif; text-align:justify;}

#rightpan #projects p.s1 {width:238px; margin:5px 0 0 0; padding:10px 0 0 78px; float:left; background:url(../images/freeware.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#rightpan #projects p.s2 {width:238px; margin:0 0 0 0; padding:10px 0 0 78px; float:left; background:url(../images/sponsor.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#rightpan #projects p.s3 {width:238px; margin:0 0 0 0; padding:10px 0 0 78px; float:left; background:url(../images/SpecialPrj.gif) no-repeat; min-height: 60px; font:10px/12px Tahoma, sans-serif;}
#rightpan #projects span {color: #d5e3f0;}

/* CONTATOS */

#contatos{width:715px; float:left; position:relative;}
#contatos p{width:240px; margin:0 0 0 251px; padding-top:67px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}
#contatos p span {font:12px/14px Tahoma, sans-serif; font-weight:bold; color:#6267e9;}
#contatos a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#contatos a:hover{color:#b8d71e;}
#contatos{width:715px; min-height:600px; background:url(../images/b_temporary.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;}
#contatos h1{width:123px; height:24px; background:url(../images/h_contactos.gif) 0 0 no-repeat; display:block; position:absolute; top:21px; left:231px; text-indent:-20000px;}
#contatos h2{width:116px; height:156px; background:url(../images/contacts.gif) 0 0 no-repeat; display:block; position:absolute; top:21px; left:56px; text-indent:-20000px;}

#contatos #mapa{width:425px; min-height:350px; background:url(../images/b_temporary.jpg) bottom no-repeat; border:#949494 1px solid; float:left; position:absolute; top:201px; left:251px; }

/* TEMPORARY PAGE */
#temporary{width:715px; float:left; position:relative;}
#temporary p{width:240px; margin:0 0 0 251px; padding-top:37px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}
#temporary a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#temporary a:hover{color:#b8d71e;}

#temporary #temporary_content{width:715px; min-height:200px; background:url(../images/b_temporary.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;}
#temporary #temporary_content h2{width:200px; height:120px; background:url(../images/Under_Construction.jpg) 0 0 no-repeat; display:block; position:absolute; top:11px; left:16px; text-indent:-20000px;}

/* ERROR PAGE */
#error{width:715px; float:left; position:relative;}
#error p{width:240px; margin:0 0 0 251px; padding-top:37px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}
#error a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#error a:hover{color:#b8d71e;}

#error #error_content{width:715px; min-height:200px; background:url(../images/b_temporary.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;}
#error #error_content h2{width:200px; height:131px; background:url(../images/error.gif) 0 0 no-repeat; display:block; position:absolute; top:41px; left:56px; text-indent:-20000px;}

#error #error_content #error_google{width:405px; height:50px; position:absolute; left:250px; vertical-align:top; border: solid 1px;}
#error #error_content #error_google p{width:240px; margin: 0 0 0 0px; padding-bottom: 10px;  font:10px/12px Tahoma, sans-serif;}

/* FOOTER #243139*/

#main_footer{width:100%; margin:0 auto;  clear:both; background-color:#edf6fd;}	
#footer{width:775px; margin:0 auto; padding:0; position:relative; background-color:#222222; border-top: #5b90b0 1px solid;}
#footer p{display:block; margin: 20px auto 0 auto; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; color:#ced7e6; font-weight:normal; text-align:center; padding-bottom:20px}
#footer a{font:10px/20px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#ced7e6; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#000; text-decoration:none; background:#FFF;}


/* POPUP */
#popup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:154px;  
width:408px;  
background:#e9f3fc;  
border:3px solid #1a5a8c;  
z-index:2;  
padding:12px;  
font-size:13px;
}  
#popup h1{  
text-align:left;  
color:#1a5a8c;  
font-size:14px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupClose{  
font-size:12px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#047ee1;  
font-weight: bold;  
display:block;  
}

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}