/*******************************************************
TITLE: Toco Group
DATE: 20090223
*******************************************************/

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#616161;
text-decoration:none;
visibility:visible
}

body {
margin:0px;
padding:0px;
text-align:center;
min-width:800px;
background-color:white;
}

h1 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:1.7em;
font-weight:lighter;
color:#000000;
}

#container { 	
margin:0px;
padding:0px;
width:800px;
background-color:#ffffff;
}

#header {
height:130px;
background-color:#ffffff;
}

#navbar {
margin:0px;
padding:0px;
list-style:none;
}

#navbar ul {
margin:0px;
padding:0px;
}

#navbar li {
margin:0px;
padding:0px;
float:left;
height:24px;
}

.navhome {
position: relative;
background: url("images/index_over_03.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 69px;
height: 24px;
}

.navhome img {
width: 69px;
height: 24px;
border: 0
}

.navwebservices {
position: relative;
background: url("images/index_over_04.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 116px;
height: 24px;
}

.navwebservices img {
width: 116px;
height: 24px;
border: 0
}

.navittraining {
position: relative;
background: url("images/index_over_05.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 105px;
height: 24px;
}

.navittraining img {
width: 105px;
height: 24px;
border: 0
}

.navportfolio {
position: relative;
background: url("images/index_over_06.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 86px;
height: 24px;
}

.navportfolio img {
width: 86px;
height: 24px;
border: 0
}

.navcontact {
position: relative;
background: url("images/index_over_07.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 89px;
height: 24px;
}

.navcontact img {
width: 89px;
height: 24px;
border: 0
}

.navhome a, .navwebservices a, .navittraining a, .navportfolio a, .navcontact a {
display: block;
font-size: 16px;
font-family: calibri, arial, helvetica, sans-serif;
color: #ffffff;
font-weight: 500;
text-decoration: none;
display: block;
float: left;
}

.navhome a:hover img, .navwebservices a:hover img, .navittraining a:hover img, .navportfolio a:hover img, .navcontact a:hover img {
visibility:hidden;
}

.navhome span, .navwebservices span, .navittraining span, .navportfolio span, .navcontact span {
position: absolute;
left: 20px;
top: 3px;
cursor: pointer;
} 

#main {
position :relative;
top:0;
left:0;
width:100%;
margin:0px;
padding:0px;

}

#homeleftbar {
margin:0px;
padding:0px;
height:272px;
float:left;
}

#homeleftcolumn {
margin:0px;
padding:20px 10px 10px 35px;
background-color:#ffffff;
width:380px;
height:242px;
float:left;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:.9em;
text-transform:none;
}

#homemidcolumn {
margin:0px;
padding:60px 10px 0px 35px;
background-color:green;
width:175px;
height:212px;
float:left;
text-align:left;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#homemidcolumn a {
color:#000000;
text-decoration:none;
}

#homemidcolumn a:hover {
color:#616161;
visibility:visible
}

#homerightcolumn {
margin:0px;
padding:30px 90px 0px 35px;
background-color:#ffffff;
width:240px;
height:212px;
float:right;
text-align:left;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#homerightcolumn a {
color:#000000;
text-decoration:none;
}

#homerightcolumn a:hover {
color:#616161;
visibility:visible
}

#footer {
margin:0px;
padding:0px;
background-color:#ffffff;
height:216px;
clear:both;
}

#webservicesleftbar {
margin:0px;
padding:0px;
width:10px;
height:376px;
float:left;
}

#webservicesleftcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:420px;
height:376px;
float:left;
} 

#webservicesleftcolumn h1 {
padding:20px 10px 0px 35px;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#000000;
float:left;
}

#webservicesleftcolumn img {
padding:0px;
width:120px;
height:66px;
vertical-align:top;
float:right;
}

#webservicesleftcolumn p {
margin:0px;
padding:0px 10px 10px 35px;
text-align:left;
vertical-align: middle;	
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:.9em;
clear:both;
text-transform:none;
} 

#webservicesrightcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:370px;
height:376px;
float:right;
font-size: 0; 
}

#webservicesfooter {
margin:0px;
padding:0px;
background-color:#ffffff;
height:112px;
clear:both;
}

#ittrainingleftbar {
margin:0px;
padding:0px;
width:10px;
height:346px;
float:left;
}

#ittrainingleftcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:420px;
height:346px;
float:left;
} 

#ittrainingleftcolumn h1 {
padding:20px 10px 16px 35px;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#000000;
float:left;
}

#ittrainingleftcolumn p {
margin:0px;
padding:0px 10px 10px 35px;
text-align:left;
vertical-align: middle;	
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:.9em;
clear:both;
text-transform:none;
} 

#ittrainingrightcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:370px;
height:346px;
float:right;
font-size: 0; 
}

#ittrainingfooter {
margin:0px;
padding:0px;
background-color:#ffffff;
height:142px;
clear:both;
}

#portfolioleftbar {
margin:0px;
padding:0px;
width:10px;
height:366px;
float:left;
}

#portfolioleftcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:420px;
height:366px;
float:left;
} 

#portfolioleftcolumn h1 {
padding:10px 10px 10px 35px;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#000000;
float:left;
}

#portfolioleftcolumn img {
margin:0px;
padding:0px 0px 0px 30px;
width:265px;
height:190px;
clear:both;
float:left;
}

#portfolioleftcolumn p {
margin:0px;
padding:0px 10px 15px 35px;
text-align:left;
vertical-align: middle;	
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:.9em;
clear:both;
text-transform:none;
} 

#portfolioleftcolcaption {
margin:0px;
padding:0px 0px 0px 40px;
font-family: Courier New, sans-serif;
font-size:1.1em;
color:black;
} 

#portfoliorightcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:white;
width:370px;
height:366px;
float:right;
font-size: 0; 
}

#portfoliofooter {
margin:0px;
padding:0px;
background-color:#ffffff;
height:122px;
clear:both;
}

#contactleftbar {
margin:0px;
padding:0px;
width:10px;
height:366px;
float:left;
}

#contactleftcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
width:420px;
height:366px;
float:left;
} 

#contactleftcolumn h1 {
padding:20px 10px 0px 35px;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#000000;
float:left;
}

#contactleftcolumn img {
padding:0px;
width:120px;
height:66px;
vertical-align:top;
float:right;
}

#contactleftcolumn p {
margin:0px;
padding:35px 10px 30px 35px;
text-align:left;
vertical-align: middle;	
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:.9em;
clear:both;
text-transform:none;
} 

#contactrightcolumn {
margin:0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
width:370px;
height:366px;
float:right;
font-size: 0; 
}

#contactfooter {
margin:0px;
padding:0px;
background-color:#ffffff;
height:122px;
clear:both;
}

.formtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000
    }

.formtextbold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF
    }

.inputbox {
	border-right:  #999999 1px solid;
    border-top:    #999999 1px solid;
    border-left:   #666666 1px solid;
    border-bottom: #666666 1px solid;
    height:        18px;
    width:         180px;
    background-color: #CCFFFF;
    font-family:   Arial, Helvetica, Sans-Serif;
    font-size:     9pt;
    text-align:    left;
    }

.textareatext {

    font-family:   Arial, Helvetica, Sans-Serif;
    font-size:     9pt;
    font-weight:   normal;
    color:         #000000;
    text-align:    right;
    }

.textareabox {

	border-right:  #999999 1px solid;
    border-top:    #999999 1px solid;
    border-left:   #666666 1px solid;
    border-bottom: #666666 1px solid;
    height:        120px;
    width:         180px;
    background-color: #CCFFFF;
    font-family:   Arial, Helvetica, Sans-Serif;
    font-size:     10pt;
    font-weight:   normal;
    color:         #000000;
    text-align:    left;
    }

.submitbox {

    padding:       0px 0px 0px 0px;
	border-right:  #999999 1px solid;
    border-top:    #999999 1px solid;
    border-left:   #666666 1px solid;
    border-bottom: #666666 1px solid;
    height:        16px;
    background-color: #006699;
    font-family:   Verdana, Arial, Helvetica, Sans-Serif;
    font-size:     7pt;
    font-weight:   bold;
    color:         #FFFFFF;
    }