/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

li   {
     list-style-image:url(images/pointerb.gif);
     }



#header{
 margin:0px auto 0px auto;
 padding:0px;
 width:778px;
}

.logo {
 background: url(images/logo.jpg);
 background-repeat:no-repeat;
 background-position:19px 23px;
 border: 0px;
 margin:0px;
 padding: 24px 0px 9px 18px;
}

.logo a {
 display: block;
 text-decoration: none;
 overflow: hidden;
 border: 0;
 margin: 0px;
 padding: 0;
 height: 57px;
 width: 120px;
 cursor: pointer;
}

.banner {
 background: url(images/banner.gif);
 background-repeat:no-repeat;
 background-position:0px 28px;
 width: 370px;
}

#main_portal {
 margin:0px auto 0px auto;
 padding:0px 0px 0px 0px;
 width:778px;
 background-color:#FFFFFF;
 vertical-align:top;
}

.nav-topline {
 padding-left:114px;
}

.nav-topline-contact {
 padding-left: 201px;
}

.linkblock {
 background:#4b5155;
 padding-left:312px;
}

.feedback {
 background:#4C5155 url(images/greybg.gif);
 background-repeat:repeat-y;
 background-position:0px 0px;
 padding-left:485px;
}

.foot-holding {
 /*background:#5C636A url(images/ho-line.gif);
 background-repeat:repeat-x;
 background-position:0px 0px; */
 height:81px;
 margin-top:20px;
}

#footer {
 color:#FFFFFF;
 margin:0px auto 0px auto;
 padding:0px;
 width:778px;
 background-color:transparent;
}

.foot {
 color:#ffffff;
 padding-left:10px;
 padding-top:15px;
 width:400px;
 clear:right;
 float:left;
}

.foot {
 color:#ffffff;
}

.foot a {
 color:#f9b419;
 text-decoration:none;
}

.foot a:hover {
 background:#292929;
 color:#f9b419;
 text-decoration:none;
}

.email {
 padding-left:386px;
}






.col-01 {
 background:#FFFFFF; /* url(images/greybg.gif) */
 background-repeat:repeat-y;
 background-position:0px 0px;
 width:259px;
 padding-top:0px;
}

.col-02 {
 padding-top:95px;
 width:252px;
}

.col-03 {
 width:260px;
 padding-top:165px;
}

.business-con {
 font-family: arial, tahoma, verdana;
 background:#FFFFFF url(images/ho-line.gif);
 background-repeat:repeat-x;
 background-position:0px 0px; 
 text-align:justify;
 padding:17px 5px 18px 5px;
}

/*img.business-sol {
 padding-left:22px;
 padding-top:10px;
}*/

.web-con {
 font-family: arial, tahoma, verdana;
 background:#FFFFFF url(images/ho-line.gif);
 background-repeat:repeat-x;
 background-position:0px 0px;
 padding:17px 0px 18px 5px;
}

.it-con {
 font-family: arial, tahoma, verdana;
 background:#FFFFFF url(images/ho-line.gif);
 background-repeat:repeat-x;
 background-position:0px 100%;
 padding:17px 5px 18px 5px;
}

.ve-line {
 background: url(images/ve-line.gif);
 background-repeat:repeat-y;
 width:1px;
}

img.more {
 float:right;
 padding-right:25px;
}

.more3{
 padding-left:150px;
}


#portal-column-left {
 width:200px;
 padding:25px 10px 10px 10px;
 /* background: url(images/navbg.gif) no-repeat 100% 0px; */

}

 .multimedia {
   font-family: arial, tahoma, verdana;
   font-size: 11px;
   font-weight: bold;
   color: #1272B3;
   padding: 10px 5px 0px 5px;
   background: url(images/multi_pointer.gif);
   background-repeat: no-repeat;
   background-position:  5px 0px;
   border-bottom:1px solid #cccccc;
   margin-bottom:5px;
 }

div.multimedia-03 {
   font-size: 11px;
   font-weight: normal;
   color: #666666;
   vertical-align: top;
   padding: 0px 5px 5px 0px;
   border-bottom: 1px solid #FFFFFF;
   margin-bottom: 5px;
}

div.multimedia-03 a{
   color: #666666;
   text-decoration: none;
}
div.multimedia-03 a:hover{
   color: #666666;
   text-decoration: underline;
}

.exelink{   
   font-size: 11px;
   color: #666666;
   font-family: arial, tahoma, verdana;
   padding-left:10px;
}

.exelink a{   
   font-size: 11px;
   color: #666666;
}

.exelink a:hover{   
   color: #333333;
   text-decoration: underline;
   
}

.sep {
   font-size:12px;
   font-weight:bold;
   border-top:2px solid #382d32;
   margin-top:10px;
   margin-bottom:10px;
   padding:3px 3px 3px 3px;
   color:#91b476;
}




ul#NavListC  li {
    background-color: transparent;
    white-space: nowrap;
    list-style-image: none;
    list-style-type: none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    line-height: -10px;
}

#NavListC li {
    display: block;
    list-style-image: none;
    list-style-type: none;
    padding:0px;
    margin:0px 0px 0px 0px;
    width:150px;
    height:21px;
}

#NavListC li a {
    background-color: #333333;
    display: block;
    font:10px arial, verdana, sans-serif normal ;
    color:#ffffff;
    height: auto;
    padding: 0.0em;
    margin: 0em;
    text-decoration: none;
    text-transform: uppercase;
    padding-left:10px;

}

#NavListC li a:hover {
    background-color: #cdffc1;
    color: #333333;;
}






.navigation{
    background-color: transparent;
    width:150px;
    font-size:11px;
    list-style-image: none;
    list-style-type: none;
}

.navigation li{
    list-style-image: none;
    list-style-type: none;
}


.navigation li a{
    background-color: transparent;
    display:block;
    height:18px;
    margin:1px 0 0 0;
    color:#222222;
    text-align:left;
    padding-left:10px;
    line-height:18px;
    text-transform: uppercase;
}

.navigation li a:hover{
    background:#cdffc1;
    color:#222222;
    text-decoration:none;
}

.navigation li.block a, 
.navigation li.selected a,.navigation li a.active {
    background:#e3ffd6;
    color:#222222;
}

.termscon {
    width:500px;
    background-color: #FFFFFF;  
    color: #666666;;
    padding:10px 10px 10px 10px;
    margin:20px auto 10px auto;
}

.about_us {
  height:250px;
}

input.inp, textarea.inp {
	border: 1px solid #ddd;
	width: 220px;
	background: #f2f2f2;
	font: 11px arial, verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	}

input.inpb {
	border: 1px solid #ddd;
	width: 110px;
	background: #f2f2f2;
	font: 11px arial, verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-right: 5px;
	outline: none;
        cursor:pointer;
	}
 

.fbl {
	font: 11px arial, verdana, sans-serif;
	color: #443;
        text-align:right;
	padding:3px 10px 3px 3px;
	outline: none;
	}


.cus {
	font: 11px arial, verdana, sans-serif;
	color: #443;
        text-align:left;
	padding:3px;
	outline: none;
	}

.lmailto {
        background:transparent;
	font: 11px arial, verdana, sans-serif;
	color: #444444;
        text-align:left;
	padding:3px;
	}

.lmailto a{
	font: 11px arial, verdana, sans-serif;
	color: #444444;
        text-align:left;
	padding:3px;
        text-decoration:none;
	}

.lmailto a:hover {
	color: #0077aa;
        text-decoration:underline;
	}

.c_us {
        height:160px;
}


.selected a {
    color:#1272b3;
    background-color: #1272b3;
    font-weight:bold;
}


/* Portfolio */

#slider-box { width:708px; hei\\ght:250px; margin:20px 20px; padding:10px; border:5px solid #333333; overflow:hidden;}

#slider-box img { float:left; clear:right; width:450px;}
#slider-box div.web-disc { float:right; clear:right; width:240px;}
#slider-box div.web-disc br { margin-bottom:10px}

#portfolio_menu {border:0; padding:0; margin:0 0 0 20px; list-style-type:none; }

#portfolio_menu li {display:block; width:30px; height:20px; float:left; position:relative;}
#portfolio_menu li a, #portfolio_menu li a:visited {display:block; width:30px; height:20px; font-size:0; text-indent:-999px; text-decoration:none;}
* html #portfolio_menu li a, * html #portfolio_menu li a:visited {text-indent:0; font-size:0; color:#191919; }
#portfolio_menu li a:focus {outline:0;}

#portfolio_menu li.first_off {background:url(images/first_off.gif);}
#portfolio_menu li.first {background:url(images/first.gif);}

#portfolio_menu li.previous_off {background:url(images/previous_off.gif);}
#portfolio_menu li.previous {background:url(images/previous.gif);}

#portfolio_menu li.next_off {background:url(images/next_off.gif);}
#portfolio_menu li.next {background:url(images/next.gif);}

#portfolio_menu li.last_off {background:url(images/last_off.gif);}
#portfolio_menu li.last {background:url(images/last.gif);}
















/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */