/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }


/* == UNIVERSAL ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: "lucida sans", "lucida grande", geneva, verdana, arial, helvetica, sans-serif; 
font-size: 62.5%;
color: #3A3C3B;
background: url(../images/body-bg.png) repeat-y top center #6795BA;
text-align: center;
}

/* == BUILDING BLOCKS ======================================================= */
#wrapper
{
margin: 0 auto;
padding-top: 60px;
width: 860px;
background: url(../images/wrapper-bg.jpg) no-repeat;
}

#ciao
{
margin: 0 auto;
width: 740px;
text-align: left;
}

#page
{
clear: both;
margin: 0 auto;
padding: 45px 50px;
width: 640px;
text-align: left;
background: url(../images/page-bg.png) no-repeat;
position: relative;
}

#maincontent
{
float: left;
width: 430px;
padding-right: 27px;
margin-bottom: 22px;
}

#sidebar
{
float: left;
width: 160px;
padding-left: 23px;
margin-bottom: 32px;
background: url(../images/maincontent-bg.png) repeat-y top left;
}
body.telephony #sidebar, body.netserv #sidebar, body.cert #sidebar, body.creds #sidebar
{
margin: 50px 0 0 0;
}

div#casepics
{
float: left;
width: 160px;
padding-left: 23px;
margin-bottom: 32px;
}

#sub-meta
{
clear: both;
margin-top: 30px;
padding-top: 10px;
background: url(../images/ciao-bella-bg.png) repeat-x top left;
}
#sub
{
width: 260px;
float: left;
padding-right: 10px;
}
#meta
{
width: 259px;
min-height: 60px;
float: left;
padding-left: 10px;
border-left: 1px solid #aaa;
}

#ciao-bella
{
clear: both;
padding-top: 20px;
}
#ciao-bella #thanks
{
width: 324px;
float: left;
padding-bottom: 20px;
}
#ciao-bella #madeby
{
padding-bottom: 10px;
}

/* == SPECIFIC STYLES BY BUILDING BLOCK =================================================== */

/* logo,etc: ============== */

#ciao h1
{
float: left;
margin: 0 50px;
}

#ciao h2
{
float: left;
padding-top: 6px;
font-size: 1.3em;
color: #153474;
}
#ciao h2.partner
{
padding-left: 50px;
}

#ciao ul
{
float: left;
margin-left: 14px;
}
#ciao ul li
{
margin-bottom: 14px;
}

/* main nav: ============== */

ul#nav
{
clear: both;
padding: 28px 0 0 81px;
}
ul#nav li
{
float: left;
margin-bottom: -10px;
}
ul#nav li a
{
display: block;
background-repeat: no-repeat;
text-indent: -10000em;
}
ul#nav li#ns a
{
width: 163px;
height: 40px;
background-image: url(../images/nav-ns.png);
}
ul#nav li#ns a:hover
{
background-image: url(../images/nav-ns-on.png);
}
ul#nav li#ns.active a
{
background-image: url(../images/nav-ns-on.png);
}
ul#nav li#tel a
{
width: 108px;
height: 40px;
background-image: url(../images/nav-tel.png);
background-position: 0 1px;
}
ul#nav li#tel a:hover
{
background-image: url(../images/nav-tel-on.png);
}
ul#nav li#tel.active a
{
background-image: url(../images/nav-tel-on.png);
background-position: 0 1px;
}
ul#nav li#cscs a
{
width: 308px;
height: 40px;
background-image: url(../images/nav-cscs.png);
}
ul#nav li#cscs a:hover
{
background-image: url(../images/nav-cscs-on.png);
}
ul#nav li#cscs.active a
{
background-image: url(../images/nav-cscs-on.png);
}
ul#nav li#cred a
{
width: 116px;
height: 40px;
background-image: url(../images/nav-cred.png);
}
ul#nav li#cred a:hover
{
background-image: url(../images/nav-cred-on.png);
}
ul#nav li#cred.active a
{
background-image: url(../images/nav-cred-on.png);
}

/* page: ============== */

#page a
{
color: #018AAD;
border-bottom: #018AAD 1px dotted;
}
#page a.plain
{
border-bottom: none;
}
#page a:hover
{
border-bottom-style: solid;
}
#page a.plain:hover
{
border-bottom-style: none;
}


#page p
{
font-size: 1.1em;
}

#page h2
{
margin-bottom: 10px;
font-size: 3.6em;
color: #f96511;
}

#page h3
{
clear: both;
margin-bottom: 6px;
font-size: 1.3em;
color: #f96511;
text-transform: uppercase;
}

/* maincontent: ============== */

#maincontent p
{
line-height: 1.6em;
}

#maincontent h3
{
padding-top: 10px;
}
#maincontent h3.bakers
{
padding-top: 50px;
}
#maincontent h3.rsa
{
padding-top: 40px;
}

#maincontent #intro
{
margin-bottom: 18px;
}
#maincontent #intro p
{
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.8em;
text-align: justify;
}
#maincontent #intro p em
{
font-size: 1.5em;
color: #f96511;
}
#maincontent #intro #intro-further p
{
margin-bottom: 5px;
font-size: 1.1em;
line-height: 1.6em;
text-align: justify;
}
#maincontent #intro #Contact-us
{
clear: both;
margin-top: 15px;
padding: 10px;
background: #ffffbb;
border-top: 1px solid #ccc;
}
#maincontent img.rightpic
{
clear: both;
float: right;
margin-left: 22px;
margin-bottom: 10px;
margin-right: 0;
}
body.telephony #maincontent img.rightpic
{
position: relative;
margin-left:  0px;
}
#maincontent img.leftpic
{
clear: both;
float: left;
margin-top:  8px;
margin-right: 22px;
margin-bottom: 10px;
}

#maincontent #cred #intro img
{
clear: left;
float: left;
margin-right: 22px;
margin-bottom: 10px;
}
#maincontent #cred h3
{
padding-top: 30px;
}
#maincontent #intro #Contact-us h3
{
padding-top: 0;
font-size: 1.4em;
}

#maincontent dl dt
{
float: left;
width: 120px;
}
#maincontent dl dd
{
float: left;
width: 300px;
margin-bottom: 28px;
}
#maincontent dl dd p
{
float: left;
width: 300px;
}

#maincontent div#stats
{
clear: both;
min-height: 250px;
background: url(../images/stats-graph.png) no-repeat top right;
}
#maincontent div#stats h3
{
width: 70px;
margin-bottom: 20px;
padding-top: 0;
}
#maincontent div#stats p
{
width: 70px;
margin-bottom: 13px;
line-height: 1.4em;
}

#maincontent div.fits
{
padding-top: 10px;
min-height: 85px;
background: url(../images/fits-bg.jpg) no-repeat 100% 50%;	
}
body.netserv #maincontent div.fits, body.cert #maincontent div.fits, body.telephony #maincontent div.fits
{
margin-top: 20px;
}
#maincontent div.fits h3
{
margin: 0;
}
#maincontent div.fits p
{
font-size: 1.2em;
}

#maincontent div.casestudy-home
{
margin-bottom: 15px;
}
#maincontent div.casestudy-home h3
{
margin: 0;
}
#maincontent div.casestudy-home p.lrg
{
margin: 10px 0 0 0;
font-size: 1.2em;
color: #f96511;
}

/* sidebar: ============== */

#sidebar p
{
line-height: 1.4em;
}

#sidebar img
{
margin: 5px 0 0 0;
}
#sidebar .partners img
{
margin: 15px 0 0 0;
}

#sidebar div.snip p.cred
{
margin-bottom: 15px;
}
#sidebar div.snip p.more
{
font-size: 1.2em;
text-align: right;
text-transform: uppercase;
letter-spacing: 0.09em;
}

#sidebar div.snip.creds img
{
margin: 8px 0 13px 0;
}

#sidebar div.snip h3
{
margin-top: 5px;
}

body.home #sidebar div.snip.benefits
{
margin: 48px 0 0 0;
}

/* case study pics sidebar: ============== */

div#casepics div.snip img
{
border:  1px solid #ccc;
}

div#casepics div.snip.rsa img
{
margin: 50px 0 0 0;
}
div#casepics div.snip.rsa img+img
{
margin: 10px 0 0 0;
}

div#casepics div.snip.templeton img
{
margin: 90px 0 0 0;
}
div#casepics div.snip.templeton p+img
{
margin: 20px 0 0 0;
}

div#casepics div.snip.bakers img
{
margin: 80px 0 0 0;
}
div#casepics div.snip.bakers img+img
{
margin: 20px 0 0 0;
}

div#casepics div.snip p
{
text-align: center;
}

/* footer: ============== */

#ciao-bella #thanks h4
{
font-size: 1.3em;
line-height: 1.4em;
color: #f96511;
}
#ciao-bella #thanks p
{
font-size: 1.3em;
line-height: 1.4em;
}

#ciao-bella #madeby p
{
line-height: 1.4em;
}
#ciao-bella #madeby p span
{
font-size: 0.9em;
}

#ciao-bella dl
{
clear: both;
margin: 0 -20px -48px -20px;
padding: 10px 20px 20px 20px;
font-size: 1.1em;
line-height: 1.8em;
background: #e8e4e5;
}
#ciao-bella dl dt
{
float: left;
width: 75px;
}
#ciao-bella dl dd
{
float: left;
width: 565px;
}
#ciao-bella dl dd ul li
{
display: inline;
}

/* == EXTRAS: ======================================================= */
.clear
{
clear: both;
}
.clearleft
{
clear: left;
}
.clearright
{
clear: right;
}

.accessibility
{
position: absolute;
left: -10000px;
}