body {

margin : 0; 

padding : 0; 

font-family : Arial, Helvetica, sans-serif; 

font-size : 0.7em; 

color : #444; 

background : #fff url('images/masthead-ban.jpg') repeat-x top center; 

} 

#page {

margin : 0 auto; 

padding : 0 35px; 

width : 690px; 

background : url('images/masthead.jpg') no-repeat; 

} 

#full {

margin : 0 auto; 

padding : 5px 20px 0; 

width : 660px; 

} 

#banner {

position:relative; 

margin-top : 5px; 

width : 690px; 

height : 82px; 

background : url('images/fill-home-red.jpg') no-repeat; 

} 

#banner p {

line-height : 14px; 

} 

#home #banner {

height : 125px; 

background : url('images/fill-home-red.jpg') no-repeat; 

} 

#banner h1 {

position : absolute; 

top : 20px; 

left : 20px; 

margin : 0; 

width : 310px; 

height : 20px; 

color : #ffffff; 

font-size : 1.4em; 

} 

#banner p {

position : absolute; 

top : 30px; 

left : 20px; 

margin : 0; 

width : 310px; 

height : 16px; 

color : #fff; 

} 

#banner select {

position : absolute; 

top : 20px; 

left : 470px; 

margin : 0; 

width : 200px; 

height : 20px; 

color : #000000; 

} 

#banner p.full {

position : absolute; 

top : 40px; 

left : 20px; 

margin : 0; 

width : 610px; 

height : 16px; 

color : #fff; 

} 

#contacts {

position : absolute; 

top : 0; 

right : 45px; 

width : 296px; 

height : 210px; 

} 

#contacts img {

position : absolute; 

top : 0; 

} 

#picframe {

position : absolute; 

top : -13px; 

right : 26px; 

width : 296px; 

height : 210px; 

background : url('images/pic-frame-sm.jpg') no-repeat; 

} 

#home #picframe {

height : 246px; 

} 

#picframe #flash-accueil, #picframe #flash-services {

position : absolute; 

top : 14px; 

left : 15px; 

} 

#picframe img {

position : absolute; 

top : 14px; 

left : 15px; 

} 

.cleaner {

clear : both; 

height : 1px; 

font-size : 1px; 

border : none; 

margin : 0; 

padding : 0; 

background : transparent; 

} 

.bands {

margin-top : -20px; 

height : 15px; 

background : url('images/3bands.gif') repeat-x; 

} 

.btm {

margin-top : 10px; 

height : 35px; 

background : url('images/bottom-bg.jpg') repeat-x; 

} 

#continue {

margin : 20px; 

} 

#continue dt {

color : #000; 

background : url('images/info.gif') bottom left no-repeat;

text-indent: 24px; 

margin: -10px 10px 0 0;

}

#continue h1 {

font-size : 1.4em; 

margin-bottom : 5px; 

margin-top : 25px; 

background : transparent url('images/logo-lead.gif') no-repeat bottom left; 

text-indent: 2em;

} 

#continue h2 {

font-size : 1.4em; 

margin-bottom : 5px; 

margin-top : 25px; 

} 

#continue h5 {

margin-bottom : -5px; 

margin-top : 25px; 

color : #CE0000;

}

#continue h6 {

margin-bottom : -5px; 

margin-top : -15px;

font-size: 1.5em; 

color : #CE0000;

}

#continue ul li {

font-size: 11px;

} 

#leftCol {

width : 485px; 

margin : 10px; 

float : left; 

} 

#leftActivite {

width : 450px; 

margin-left : 20px; 

} 

#rightCol {

padding-left : 10px; 

width : 160px; 

float : right; 

background : transparent url('images/bg-right.jpg') no-repeat bottom right; 

height : 300px; 

color : #999; 

} 

#act-content {

position: absolute; 

width: 240px; 

height: 17px; 

z-index: 100; 

left: -275px; 

top: -6px;

}

#act-content p {

font-size: 10px;

color: #c04545;

}

.greyBox {

float : left; 

width : 315px; 

margin : 10px; 

border : 5px solid #fbfbfb; 

} 

.greyBox:hover {

border : 5px solid #f1f1f1; 

} 

.greyBox img {

float : left; 

margin-right : 10px; 

} 

.greyBox p {

margin-top : 0; 

} 

.greyBox strong {

padding-left : 17px; 

background : url('images/arrow-cyan.gif'); 

background-repeat : no-repeat; 

} 

#devis {

float : left; 

width : 100%; 

} 

#devis a:hover {

cursor : pointer; 

border : 0; 

} 

#devis2 {

float : right; 

padding : 20px 20px 0; 

width : 306px; 

} 

#devis label {

margin-top : 2px; 

width : 120px; 

float : left; 

} 

#devis2 label {

margin-top : 2px; 

width : 120px; 

float : left; 

} 

#devis select {

width : 147px; 

} 

#devis select, #devis input {

margin-top : 2px; 

} 

#sidenav {

width : 135px; 

margin : 10px 0 0; 

padding : 15px 0 0; 

} 

#sidenav ul {

list-style-type : none; 

color : #666; 

margin : 0 0 0 0; 

padding : 5px 0 15px; 

} 

#sidenav ul li {

list-style-image : none; 

background : transparent url('images/sec_hover.gif') no-repeat bottom right; 

height : 23px; 

margin : 0; 

} 

#sidenav_inside {

background : transparent url('images/sec_bottom.gif') no-repeat bottom right; 

padding : 10px 0 50px; 

} 

#sidenav li a, #sidenav li a:link {

list-style-image : none; 

height : 23px; 

margin : 0; 

color : #999; 

display : block; 

padding : 0; 

} 

#sidenav li a:active {

color : #036; 

} 

#sidenav li a:visited {

color : #999; 

} 

#sidenav li a:hover {

background : none; 

color : #3f7e86; 

} 

#ul4 #nav4 a, #ul5 #nav5 a, #ul6 #nav6 a, #ul7 #nav7 a, #ul14 #nav14 a, #ul8 #nav8 a, #work #navall a {

background : transparent url('images/sec_active.gif') no-repeat bottom right; 

color : #3f7e86; 

} 

.left {

float : left; 

} 

.imgBox {

float : left; 

width : 350px; 

margin-left : 10px; 

} 

fieldset {

border : 1px solid #cacaca; 

} 

legend {

margin : 5px; 

} 

.help {

position : relative; 

line-height : 18px; 

margin-left : 5px; 

color : #666666; 

} 

#summary {

float : left; 

width : 40%; 

padding-left : 10px; 

padding-right : 10px; 

line-height : 140%; 

background : url('images/dotted_line_vert.gif') repeat-y top right; 

} 

#summary ul, #summary li {

margin : 0; 

padding : 0; 

list-style-type : none; 

} 

#summary ul {

margin-bottom : 20px; 

} 

#summary ul li {

border-bottom : 1px solid #d6d6d6; 

padding-top : 0.2em; 

padding-left : 0.5em; 

padding-bottom : 0.2em; 

} 

#summary a {

color : #666666; 

text-decoration : none; 

border : 0; 

} 

#summary blockquote {

margin : 20px 0 0 -3px; 

width : 155px; 

height : 218px; 

border-top : 1px solid #c4c4c4; 

text-indent : -9000px; 

} 

#summary li a:hover {

background-color : #e3f3fa; 

display : block; 

} 

#summary h2 {

color : #CE0000; 

font-size : 12px; 

}

#summary h5 {

color : #CE0000; 

font-size : 12px; 

} 

#summary h3 {

font-size : 1.3em; 

margin-top : 5px; 

margin-bottom : -10px; 

letter-spacing : -1px;

} 

#summary2 {

float : left; 

width : 20%; 

margin-top: 5px;

padding-left : 10px; 

padding-right : 10px; 

line-height : 140%; 

background : url('images/dotted_line_vert.gif') repeat-y top right; 

} 

#summary2 ul, #summary li {

margin : 0; 

padding : 0; 

list-style-type : none; 

} 

#summary2 ul {

margin-bottom : 20px; 

} 

#summary2 ul li {

border-bottom : 1px solid #d6d6d6; 

padding-top : 0.2em; 

padding-left : 0.5em; 

padding-bottom : 0.2em; 

} 

#summary2 a {

color : #333; 

text-decoration : none; 

border : 0; 

} 

#summary2 blockquote {

margin : 20px 0 0 -3px; 

width : 155px; 

height : 218px; 

border-top : 1px solid #c4c4c4; 

text-indent : -9000px; 

} 

#summary2 li a:hover {

background-color : #ebebeb; 

display : block; 

} 

#summary2 h2 {

color : #CE0000; 

font-size : 12px; 

}

#summary2 h5 {

color : #CE0000; 

font-size : 12px; 

} 

#summary2 h3 {

font-size : 1.3em; 

margin-top : 5px; 

margin-bottom : -10px; 

letter-spacing : -1px;

} 

#column {

margin-left : 10px; 

float : left; 

width : 50%; 

} 

#column h2 {

margin-bottom : 0; 

padding : 0; 

font-size : 1.2em; 

}

#column h5 {

margin-bottom : 0; 

padding : 0; 

font-size : 1.2em; 

} 

#column h6 {

display: block;

background-color: #CE0000;

border: solid 2px #dfdfdf;

color: #ffffff;

margin-bottom : 0; 

padding : 5px; 

font-size : 1.1em; 

}

#services {

float : right; 

padding : 15px 20px 0; 

width : 306px; 

} 

#services p {

text-align : left; 

} 

#servicesexp {

float : right; 

padding : 5px 20px 0; 

width : 480px; 

} 

#servicesexp h1 {

font-size: 2em;

display: block;

text-indent: 10px;

background-color: #000;

color: #fff;

margin : 5px 0 5px 0; 

border: solid 4px #dfdfdf;

border-style: double;

} 



#servicesexp h2 {

text-align : left; 

font-size: 2em;

margin-bottom : -5px; 

letter-spacing : -1px;

color : #333;

}

#servicesexp h3 {

font-size: 18px;

margin-top: -5px;

}

#servicesexp h3.topline {

font-size: 18px;

margin-bottom : 0; 

padding-top: 10px;

border-top: 1px solid #dfdfdf;

}

#servicesexp h4 {

text-align : left; 

font-size: 1.2em;

margin-bottom : -5px; 

padding-top: 10px;

border-top: 1px solid #dfdfdf;

}

#servicesexp h5 {

text-align : left; 

font-size: 1.1em;

margin-bottom : -5px; 

color : #CE0000; 

} 

#servicesexp h6 {

margin-bottom : 10px; 

margin-top : 3px;

font-size: 1.5em; 

color : #CE0000;

}

#servicesexp h6.notop {

margin-bottom : 10px; 

margin-top : -15px;

font-size: 1.5em; 

color : #CE0000;

}

#servicesexp h6.nobot {

margin-bottom : 0; 

margin-top : 0;

font-size: 1.5em; 

color : #CE0000;

}

#servicesexp ul.spec {

margin-top : 20px; 

margin-right : 1px;

margin-bottom : 1px;

margin-left : 15px;

} 

#servicesexp ul.spec li {

padding-bottom : 0px; 

} 

#services p {

text-align : left; 

} 

#services p.just {

text-align : justify; 

} 

#services h1 {

margin-bottom : 10px; 

padding : 0; 

letter-spacing : -1px; 

font-size : 2em; 

} 

#services h2 {

margin-bottom : 10px; 

padding : 0; 

letter-spacing : -1px; 

font-size : 2em; 

} 

#services h3 {

margin-bottom : 0; 

padding : 0; 

letter-spacing : -1px; 

font-size : 2em; 

}

#services h5 {

margin-bottom : 0; 

padding : 0; 

font-size : 1.2em; 

color : #CE0000; 

} 

#services h6 {

margin-bottom : -5px; 

margin-top : -15px;

font-size: 1.5em; 

color : #CE0000;

}



#header {
	position : relative;
	height : 115px;

} 

#header h5 {

position : absolute; 

margin : 38px 0 0 5px; 

width : 160px; 

height : 67px; 

} 

#header h6 {

position : absolute; 

right : 0; 

margin : 50px 30px 0 0; 

width : 300px; 

height : 37px; 

background : url('images/signature.gif') no-repeat; 

} 

#header h1 {

font-family: arial, veranda, helvetica, sans serif;

font-size: 11px;

text-align: center;

padding-top: 4px;

color: #ccc;

margin: 0;

} 

#header h5 strong, #header h6 strong {

text-indent: -999em;

margin: 20px; 

background : url('images/signature.gif') no-repeat; 

} 

#header h5 a:hover, #header h6 a:hover {

border-bottom : 0; 

} 

#introduction {

margin : 10px 0 0 20px; 

width : 45%; 

color : #666; 

} 

#introduction p {

padding-top : 0.5em; 

} 

#introduction h1 {

padding-top : 10px; 

margin-bottom : 5px; 

} 

#introduction strong {

color : #444; 

} 

#introduction a {

font-weight : bold; 

color : #CE0000; 

text-decoration : none; 

} 

#introduction p {

margin : -2px 0 8px; 

} 

#points ul, #col-points ul {

margin : 1.2em 0 0; 

padding-left : 17px; 

line-height : 140%; 

list-style-image : url('images/arrow-cyan.gif'); 

} 

#points ul li, #col-points ul li {

margin-top : 1em; 

} 

#points a, #col-points a {

font-weight : bold; 

color : #0096ce; 

text-decoration : none; 

} 

#points blockquote {

margin : 20px 0 0 -3px; 

width : 155px; 

height : 218px; 

border-top : 1px solid #c4c4c4; 

text-indent : -9000px; 

} 



/*************** NAV *************************/



#navabs {

margin-bottom : 0; 

} 

#navtop {

margin-top : 99px; 

height : 10px; /* To adjust top of nav from header*/

background : url('images/nav-top.gif') repeat-x bottom; 

} 

#navbottom {

height : 15px; 

background : url('images/nav-bottom.gif') repeat-x top; 

} 

#nav {

top : auto; 

} 

ul#nav {

margin : 0; 

padding : 0; 

list-style : none; 

background : url('images/nav-bg-gry.gif') repeat-y bottom;

} 

#nav li {

border-right : 1px solid #cfcfcf; 

display : block; 

float : left;

background: #000;

} 

#nav li a {
	display : block;
	color : #fff;
	text-decoration : none;
	border-left : 1px solid #fff;
	border-bottom : 0;
	background: #666;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;

} 



li#nav-home {

background: #none;

} 

li#nav-home a {

border-left : 0; 

padding-right : 15px; 

background: #666;

} 

li#nav-home a:hover {

background: #000;

text-decoration: underline;



}

li#nav-contacts {

border-left : 0; 

} 

li#nav-contacts a:hover {

background: #000;

text-decoration: underline;



}

li#nav-about {

border-left : 0; 

}

li#nav-about a:hover {

background: #000;

text-decoration: underline;



}

li#nav-quote {

background: #none;

} 

li#nav-quote a {

border-left : 0; 

padding-right : 15px; 

background: #666;

} 

li#nav-quote a:hover {

background: #000;

text-decoration: underline;



}

li#nav-map {

background: #none;

} 

li#nav-map a {

border-left : 0; 

padding-right : 15px; 

background: #666;

} 

li#nav-map a:hover {

background: #000;

text-decoration: underline;

}



li#nav-svcs a:hover, li#nav-support a:hover {

background : none;

text-decoration: underline;

}







#nav ul {

position : absolute; 

z-index : 99; 

left : -999em; 

margin : 0 0 0 -1px; 

padding : 0; 

width : 14.4em; 

width : 13.9em; 

height : auto; 

border : solid #c7c7c7; 

border-width : 1px 1px 0; 

background : #666; 

} 

#nav ul ul {

margin : -1.3em 0 0 12em; 

} 

#nav li li {

padding : 2px 1em 2px 0; 

width : 13em; 

border-bottom : 1px solid #dbdbdb; 

} 

#nav ul a {

width : 13em; 

width : 9em; 

border-right : 0; 

} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left : -999em; 

} 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left : auto; 

} 

#nav li:hover, #nav li.sfhover {

background : #666;

} 

#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {

background : #666;



} 

#nav ul li a, #nav ul ul li a {

background : none;

} 







/***********************************/



p, dl {

margin : 0; 

padding : 1em 0 0; 

line-height : 140%; 

} 

hr {

display : none; 

} 



form {

margin : 0; 

} 

a images {

border : none; 

} 

a:link {

color : #CE0000; 

text-decoration : none; 

} 

a:visited {

color : #CE0000; 

text-decoration : none; 

} 

a:hover {

color : #CE0000; 

border-bottom : 1px solid #333; 

} 

a.cyan {

font-weight : bold; 

color : #CE0000; 

text-decoration : none; 

padding-bottom : 1px; 

padding-right : 15px; 

} 

a.red {

font-weight : bold; 

color : #CE0000; 

text-decoration : none; 

padding-bottom : 1px; 

padding-right : 15px; 

} 

a.left {

font-weight : bold; 

color : #CE0000; 

text-decoration : none; 

padding-bottom : 1px; 

padding-left : 15px; 

} 

a.gris {

font-weight : bold; 

color : #808080; 

text-decoration : none; 

} 

a.imgLink img {

border : 0; 

} 

a.imgLink, a.imgLink:hover {

border : 0; 

text-decoration : none; 

} 

#menu {

float : left; 

margin : 1px 0 0; 

width : 49%; 

} 

#menu #points {

float : left; 

width : 52%; 

} 

#points h3 {

margin : -20px 0 0; 

} 

#menu #col-points {

float : left; 

width : 45%; 

} 

#col-points h3 {

margin : 10px 0 0; 

height : 15px; 

text-indent : -9000px; 

} 

#news {

float : right; 

padding : 20px 20px 0; 

width : 306px; 

} 

.pic {

float : left; 

margin-right : 12px; 

padding : 3px; 

border : 1px solid #dfdfdf; 

background : #fff; 

} 

.picture {

padding : 3px; 

border : 1px solid #dfdfdf; 

background : #fff; 

} 

#news dl {

margin : 0; 

padding : 0 0 20px; 

} 

#news dl dt a {

font-weight : bold; 

color : #ff7700; 

text-decoration : none; 

} 

#news dl dd {

margin : 0.5em 0 0; 

} 

#news h4 {

margin : 0; 

padding-top : 20px; 

height : 10px; 

border-top : 1px solid #c4c4c4; 

text-indent : -9000px; 

} 

#news ul, #rightCol ul {

margin : 1.2em 0 0; 

padding-left : 17px; 

line-height : 140%; 

list-style-image : url('images/bullet.gif'); 

} 

#news ul li, #rightCol ul li {

margin-top : 0.5em; 

} 

#news ul a, #rightCol ul a {

color : #c11000; 

text-decoration : none; 

border-bottom : 1px dotted #ccc; 

} 

#galservices img {

margin-right : 15px; 

margin-top : 15px; 

float : left; 

border : 3px solid #dadada; 

} 

#galservices img:hover {

border : 3px solid #ff7700; 

} 

#galservices a {

text-decoration : none; 

border : 0; 

} 

#content {

float : left; 

margin : 10px 0 0; 

width : 49%; 

} 

#content a {

color : #0096ce; 

text-decoration : none; 

border-bottom : 1px dotted #0096ce; 

} 

#content a:hover {

border-bottom : 1px solid #0096ce; 

} 

#content h3 {

margin : 0 10px 0 0; 

padding : 7px 20px 15px; 

font-style : italic; 

line-height : 120%; 

color : #0096ce; 

border-bottom : 1px solid #c4c4c4; 

} 

#content h4 {

margin : 1.5em 0 0.2em; 

line-height : 120%; 

} 

#content p.nopad {

padding-top : 0; 

} 

#content p.highlight {

margin : 0.8em -5px -0.2em -15px; 

padding : 0.8em 5px 0.8em 15px; 

color : #1d1d1d; 

border : solid #f6cece; 

border-width : 1px 0; 

background : #fdf2f2; 

} 

#content strong {

color : #1d1d1d; 

} 

#sidebar {

float : right; 

width : 306px; 

padding : 125px 20px 0; 

} 

#sidebar dl {

margin : 0; 

padding : 0 8px 20px; 

} 

#sidebar dl dt {

margin-top : 0.8em; 

} 

#sidebar dl dt a {

font-weight : bold; 

color : #CE0000; 

text-decoration : none; 

} 

#sidebar dl dd {

margin : 0; 

color : #777; 

} 

a.simple {

margin : 0; 

color : #777; 

border : 0; 

} 

a.simple:hover {

color : #000; 

} 

#sidebar h4 {

margin : 0; 

padding-top : 20px; 

height : 10px; 

border-top : 1px solid #c4c4c4; 

text-indent : -9000px; 

} 

#sidebar ul#sidenav {

margin : 0; 

padding : 0; 

list-style : none; 

border-top : 1px solid #e7e7e7; 

} 

#sidebar ul#sidenav ul {

margin : 0.5em 0 0; 

padding : 0; 

list-style : none; 

} 

#sidebar ul#sidenav li {

padding : 5px 10px 5px 13px; 

border-bottom : 1px solid #e7e7e7; 

} 

#sidebar ul#sidenav ul li {

border-bottom : 0; 

} 

#sidebar ul#sidenav a {

color : #0096ce; 

text-decoration : none; 

} 

#sidebar ul#sidenav ul a {

color : #666; 

} 

#sidenav a.side-on-top {

color : #333 !important; 

font-weight : bold; 

} 

#sidenav ul li.side-on {

margin : 0 -10px 0 -13px; 

padding-right : 20px !important; 

padding-left : 26px !important; 

} 

#sidenav .side-bg {

} 

.sidenav-hide {

display : none; 

} 

#footer {

clear : both; 

margin-bottom : 2em; 

padding-bottom: 10px;

border-top : 1px solid #c4c4c4;

width : 690px; 

background : url('images/footer-bg.jpg') no-repeat bottom left;

} 



#footer p {

font-size : 0.91em; 

color : #999; 

padding-top : 2em; 

text-align : center; 

} 

#footer a {

color : #999; 

font-weight : bold; 

text-decoration : none; 

} 

#footer a.grey {

color : #999; 

font-weight : bold; 

text-decoration : none; 

} 

#footer images {

position : absolute; 

left : -9000px; 

} 

#container {

margin : 0 auto; 

padding : 0 35px; 

width : 690px; 

} 

#wrap {

margin-top: 10px;

margin-bottom : 20px; 

background : url('images/faux-columns.gif') repeat-y; 

} 

#wrapexp {

margin-bottom : 20px; 

background : url('images/faux-columnsexp.gif') no-repeat top left;

} 

ul#skip, ul#back {

display : none; 

} 

.clr {

clear : both; 

} 

.clearfix:after {

content : "."; 

clear : both; 

height : 0; 

visibility : hidden; 

display : block; 

} 

* html .clearfix {

height : 1%; 

} 

.clearfix {

display : inline-block; 

} 



/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac See http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */



.largetext {

font-family : arial, georgia, times, serif; 

font-size : 13px; 

color : #333; 

} 

.largetextbold {

font-family : arial, georgia, times, serif; 

font-size : 12px; 

font-weight : bold; 

color : #999; 

margin-top : -10px; 

} 

.largetextboldcyan {

font-family : arial, georgia, times, serif; 

font-size : 12px; 

font-weight : bold; 

color : #CE0000; 

margin-bottom : 0; 

padding : 0; 

} 

.largetextboldred {

font-family : arial, georgia, times, serif; 

font-size : 12px; 

font-weight : bold; 

color : #CE0000; 

margin-bottom : 10px; 

padding-top : 5px; 



} 

.lgtxtbldrd {

font-family : arial, georgia, times, serif; 

font-size : 12px; 

font-weight : bold; 

color : #CE0000; 

margin-bottom : 0px; 

margin-top: -8px;

padding : 0; 

}

.largetextboldborder {

font-family : Verdana, Helvetica, Arial; 

font-size : 12px; 

font-weight : bold; 

border-bottom : 1px dotted #666; 

} 

.largetextboldnopad {

font-family : arial, georgia, times, serif; 

font-size : 12px; 

font-weight : bold; 

margin-top : -14px; 

color : #999; 

} 

.largetextred-bg {

display: block;

background-color: #CE0000;

border: solid 2px #dfdfdf;

color: #ffffff;

margin-bottom : 0; 

padding : 5px; 

font-size : 1.1em; 

}

.largetextblk-bg {

display: block;

background-color: #000000;

border: solid 2px #dfdfdf;

color: #ffffff;

margin-bottom : 0; 

padding : 5px; 

font-size : 1.1em; 

}

.promotext {

font-family : Arial, serif; 

font-size : 12px; 

font-weight : bold; 

color : #333; 

} 

.promotextbold {

font-family : Verdana, Helvetica, Arial; 

font-size : 20px; 

font-weight : bold; 

color : #666; 

} 

.tinytext {

font-size : xx-small; 

color : #999; 

} 

.smalltext {

font-size : 10px; 

} 

.xsmall {

font-size : 11px; 

color : #666; 

}

.smalltextgray {

font-family : Verdana, Helvetica, Arial; 

font-size : 9px; 

color : #ccc; 

border-top : 1px dotted #ccc; 

padding : 5px; 

} 

.smalltexdrktgray {

font-family : Verdana, Helvetica, Arial; 

font-size : 10px; 

color : #666; 

border-top : 1px dotted #ccc; 

padding : 5px; 

} 

.alignright {

text-align : right; 

} 

.alignp {

margin-left: -999em; 

}

.aligncenter {

text-align : center; 

font-size : xx-small; 

} 

.eebg {

font-family : Verdana; 

font-size : 10px; 

font-style : normal; 

color : #666; 

line-height : normal; 

border : 1px solid #ddd; 

background-repeat : no-repeat; 

} 

textarea, input, select {

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 

font-size : 10px; 

color : #000; 

border : 1px solid #333; 

background-color : #fff; 

} 

dt {

margin-bottom : 0; 

font-size : 1.1em; 

font-weight: bold;

color: #CE0000;

} 

dd {

margin-bottom : 20px; 

margin-top : 5px; 

}  

p.img {

margin : 0; 

padding : 0; 

} 

p.img img {

float : right; 

margin : 0 0 1em; 

} 

p.img a img {

padding : 5px; 

border : 1px solid #c4c4c2; 

} 

p.img a:hover img {

border : 1px solid #949492; 

}

li#nav-svcs, li#nav-svcs0 { 

background-image: url('images/arrow-down.gif'); 

background-position: right;

background-repeat: no-repeat; 

}

li#nav-cabl, li#nav-cabl0 { 

background-image: url('images/arrow-down.gif'); 

background-position: right;

background-repeat: no-repeat; 

}

li#nav-support, li#nav-support0 { 

background-image: url('images/arrow-down.gif'); 

background-position: right;

background-repeat: no-repeat; 

}

a.cyan { 

font-weight: bold; 

color: #CE0000; 

text-decoration: none; 

padding-bottom: 1px; 

padding-right: 15px; 

background-image: url('images/arrow-cyan.gif');

background-position: right;

background-repeat: no-repeat; 

}

span.highlight

	{

	font: bold 1em arial, georgia, times, serif;

	color: #1965ac;

	}

span.highlight2

	{

	font: bold 1.1em arial, georgia, times, serif;

	color: #CE0000;

	}

#product {

	width: 166px;

	border: 1px solid #dfdfdf;

	margin: 0;

	}

#product p {

	margin: 10px 10px 5px 10px;

	}

#product2 {

	width: 166px;

	border: 1px solid #dfdfdf;

	margin: 0;

	}

#product2 p {

	margin: 10px 10px 5px 10px;

	}

#specs {

	float: left;

	padding: 0 0 10px 0;

	margin: 10px 1% 20px 0;

	background: #e3f3fa;

	border: 1px solid #ccc;

	width: 45%; /* ie5win fudge begins */

	width: 41%;

	}

html>body #specs {

	width: 45%; /* ie5win fudge ends */

	}

#specs p {

	background : url('images/info.gif') bottom left no-repeat;

	text-indent: 24px; 

	margin: -10px 10px 0 10px;

	}

#specs h6 {

	margin: 0 0 5px 0;

	text-indent: 10px;

	font-size: 1em;

	color: #fff;

	font-weight: normal;

	padding-top : 0.2em; 

	padding-bottom : 0.2em;

	background-color : #000; 

	border-bottom: 3px solid #BEBEBE;

	display : block;}

#docs {

	float: right;

	padding: 0 0 10px 0;

	margin: 10px 2% 20px 0;

	background: #e3f3fa;;

	border: 1px solid #ccc;

	width: 45%; /* ie5win fudge begins */

	width: 41%;

	}

html>body #docs {

	width: 45%; /* ie5win fudge ends */

	}

#docs p {

	background : url('images/adobe.gif') bottom left no-repeat;

	text-indent: 24px; 

	margin: -10px 10px 0 10px;

	}

#docs h6 {

	margin: 0 0 5px 0;

	text-indent: 10px;

	font-size: 1em;

	color: #fff;

	font-weight: normal;

	padding-top : 0.2em; 

	padding-bottom : 0.2em;

	background-color : #000; 

	border-bottom: 3px solid #BEBEBE;

	display : block;}

.docs {

	background : url('images/adobe.gif') bottom left no-repeat;

	text-indent: 24px; 

	margin: -10px 10px 0 10px;

	}

.specs {

	background : url('images/info.gif') bottom left no-repeat;

	text-indent: 24px; 

	margin: -10px 10px 0 0;

	}

.sys {

	background : url('images/info.gif') bottom left no-repeat;

	text-indent: 24px; 

	margin: 0 10px 0 0;

	}

span.brdbtm {

	border-bottom: 1px dotted #666;

	font-size: 11px;

	font-weight: bold;

	color: #000;

	}

.notop {

	margin-top: -10px;

	}

.indent {

	text-indent: 30px;

	}

p.capt	{

	color: #666;

	margin: 0.5em 0 0.8em 0;

	padding: 0 0 0.8em 0;

	border-bottom: 1px dotted #bba;

	font-size: 9px;

	line-height: 1.3em;

	}

p.capt-center

	{

	color: #666;

	margin: 0.5em 0 0.8em 0;

	padding: 0 0 0.8em 0;

	border-bottom: 1px dotted #bba;

	font-size: 9px;

	line-height: 1.3em;

	text-align: center;

	}

.act {

	color: #666;

	font-weight: normal;

	padding-top : 0.2em; 

	padding-bottom : 0.2em;

	background-color : #e9e9e9; 

	display : block;}

.brochure {

	margin-top: -1em;}

.item 

	{

	font-size: 88%;

	border-top: 1px solid #b4b4b2;

	padding: 1.2em;

	border-bottom: 1px solid #b4b4b2;

	background: #f4f4f2;

	margin-top: 1.5em;

	}

.itembox {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background: #ffffff;

	}



.itembox2 {

	margin-top: 1.5em;

	padding: .5em;

	border-top: solid 1px #e0e0e0;

	background-image: url('images/slope-bg.gif');

	background-repeat: repeat-x;

	background-position: left top;

	}

	

.itembox2 a {

	text-decoration: underline;

	}



.itembox-cs {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background-image: url('images/cust-svc.jpg');

	}

	

.itembox-cslg {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background-image: url('images/cust-svc-lg.jpg');

	}

	

.itembox-phn {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background-image: url('images/bw-phn-bg.jpg');

	}

	

.itembox-bg {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background: #e9e9e9;

	}

	

.itembox-bl {

	margin-top: 1.5em;

	padding: 1.2em;

	border: solid 1px #5E5C35;

	background: #e3f3fa;

	}

	

strong {

	font-size: 100%;

	}

	

.listArw {

	list-style-image:  url('images/arw-line.gif');

}

p.legal {

	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 

 	color: #000000; font-size: 10px; line-height: normal;

 	}

 	















/**************************************************

     Box Holder

 **************************************************/

 

#boxholder {

	clear: both;

	overflow: auto;

	padding-top: 10px;

	border: 1px solid #CCCCCC;

	padding: 5px;

}



#boxholder h2, #boxholder h3{

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 5px;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	background: #CE0000;

}

#boxholder .pricetag{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #333;

	background-image: url('images/menu-bg.gif');

	background-repeat: repeat-x;

	border: 1px solid #CCCCCC;

	background-position: left bottom;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 10px;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 1px;

	margin-left: 5px;

	display: block

}

#boxholder a:link {

		color: #ce0000;

}

#boxholder a:hover{

	color: #666;

	text-decoration: none;

}

#boxholder sup{

	color: #ff6c00;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

}



/**************************************************

     Individual Boxes

 **************************************************/



#boxone {

	float: left;

	width: 150px;

	margin-right: 3px;

}

#boxtwo {

	float: left;

	width: 150px;

	margin-right: 3px;

	margin-left: 3px;

}

#boxthree {

	float: left;

	width: 150px;

	margin-left: 3px;

}

#boxone p, #boxtwo p, #boxthree p {

	padding: 4px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 1.3em;

	color: #5f7786;

}

#boxone ul, #boxtwo ul, #boxthree ul {

	list-style: square;

	margin-left: 8px;

	padding: 0 10px 10px 15px;

	line-height: 1.2em;

	}

	

#boxone li, #boxtwo li, #boxthree li {

	font-size: 11px;

	font-weight: bold;

	color: #5F7786;

	line-height: .5em;

	}

	

#boxone, #boxtwo, #boxthree {

	border: 1px solid #CCCCCC;

	background-image: url('images/slope-bg.gif');

	background-repeat: repeat-x;

	background-position: center bottom;

}

#get-quote{ float:left; margin: 14px 0px 10px 0px; }

#get-quote a{  display:block;  width:140px; height:50px; background-color: #FF0000;background:url('images/get-quote.gif') no-repeat left top; text-decoration: none;}

#get-quote a:hover{ background:url('images/get-quote-on.gif') left top no-repeat; text-decoration: none;}