#page {
margin : 0 auto; 
padding : 0 35px; 
width : 690px; 
background : url('images/top-highlight-wbx.jpg') no-repeat; 
} 
h2 {
font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 0px 0 -5px 0;
color: #7CC11A;
}
h3 {
font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 0px 0 0px 0;
color: #7FBD18;
}
#banner {
position : relative; 
margin-top : 5px; 
width : 690px; 
height : 82px; 
background : url('images/fill-home.jpg') no-repeat; 
} 
#banner p {
line-height : 14px; 
} 
#home #banner {
height : 125px; 
background : url('images/fill-home.jpg') no-repeat; 
} 
#banner h1, #banner h2 {
position : absolute; 
top : 20px; 
left : 20px; 
margin : 0; 
width : 310px; 
height : 20px; 
color : #ffffff; 
font-size : 1.4em; 
font-family : georgia, times, serif;
} 
#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; 
background : url('images/pic-frame.jpg') no-repeat; 
} 
#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.left {
margin : 0; 
} 

#continue p {
margin: 0 0 0 0px;
}
#continue blockquote{
	margin: 20px 0;
	padding: 0 0 0 40px;
	background: url('images/quote.gif') no-repeat;
	background-position: 10px 0;
	border: none;
	font-style: oblique;
	color: #888;
}
#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 h4 {
margin-bottom : -5px; 
margin-top : 0px; 
color : #666;
font-size: 12pt;
}
#continue h5 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 16px;
	color: #005A91;
	border-bottom: 3px double #EEEEEE;
	font-weight: bold;
	padding: 1px 20px 2px 25px;
	background: url('images/ok.gif') no-repeat left top;
	margin-bottom: -5px;
}
#continue p.indent {
	margin-left: 26px;
	}
#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; 
} 
.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; 
background : url('images/sidebar-top.png') no-repeat; 
} 
#devis2 p {
margin-left: 30px;
}
#devis2 h4 {
margin: -10px 0px -5px 30px;
}

#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 : 5px; 
} 
#sidenav {
width : 135px; 
margin : 10px 0 0; 
padding : 15px 0 0; 
} 
#sidenav ul {
list-style-type : none; 
background : transparent url('images/sec-normal.gif') no-repeat 0 -30px; 
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; 
background : transparent url('images/sec-normal.gif') no-repeat bottom right; 
height : 23px; 
margin : 0; 
color : #999; 
display : block; 
padding : 0; 
} 
#sidenav li a:active {
color : #036; 
} 
#sidenav li a:visited {
background : transparent url('images/sec-normal.gif') no-repeat bottom right; 
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; 
} 
#list-act {
float : right; 
top : 0; 
right : 0; 
width : 200px; 
background : url('images/dotted-line-vert.gif') repeat-y top left; 
padding : 0 0 0 15px; 
margin : 13px 0 0; 
font : normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
} 
#list-act ul, #list-act li {
list-style-type : none; 
margin : 0; 
padding : 0; 
} 
#list-act a em {
margin-left : 5px; 
font : normal 10px/15px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #7ab4d4; 
} 
#list-act ul {
margin-top : 12px; 
} 
#list-act p {
font : normal 13px/18px georgia, serif; 
color : #8c9297; 
margin : 5px 0; 
padding : 0; 
} 
#list-act img {
padding-bottom : 8px; 
} 
#list-act a {
display : block; 
padding : 3px; 
text-decoration : none; 
color : #333333; 
} 
#list-act a:hover {
background-color : #add6ff; 
display : block; 
padding : 3px; 
border : 0; 
} 
#list-act .even {
background-color : #f1f8ff; 
border-bottom : 1px solid #c1d6db; 
border-top : 1px solid #c1d6db; 
} 
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 h5 {
color : #973333; 
font-size : 12px; 
} 
#summary h3 {
font-size : 1.6em; 
margin-top : 5px; 
margin-bottom : -10px; 
} 
#summary2 {
float : left; 
width : 20%; 
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 : #666666; 
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 : #e3f3fa; 
display : block; 
} 
#summary2 h5 {
color : #973333; 
font-size : 12px; 
} 
#summary2 h3 {
font-size : 1.6em; 
margin-top : 5px; 
margin-bottom : -10px; 
} 
#column {
margin-left : 10px; 
float : left; 
width : 50%; 
} 
#column h5 {
margin-bottom : 0; 
padding : 0; 
font-size : 1.2em; 
} 
#services {
float : right; 
padding : 5px 20px 0; 
width : 306px; 
} 
#services p {
text-align : left; 
} 
#servicesexp {
float : right; 
padding : 15px 20px 0; 
width : 480px; 
} 
#servicesexp h1, #servicesexp h2 {
text-align : left; 
margin-bottom : -5px; 
} 
#servicesexp h5 {
text-align : left; 
margin-bottom : -5px; 
color : #832c2c; 
} 
#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; 
font-family : georgia, times, serif;
letter-spacing : -1px; 
font-size : 1.7em; 
}
#services h5 {
margin-bottom : 0; 
padding : 0; 
font-size : 1.2em; 
color : #832c2c; 
}
body {
margin : 0; 
padding : 0; 
min-width: 750px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.7em; 
color : #444; 
background : #fff url('images/bgwbx.jpg') repeat-x top center; 
} 
#header { 
position: relative; 
height: 80px; 
}
#header p {
float: right;
font-size: 10px;
margin: 50px 0px 0px 0px;
}
#header h5 { 
position: absolute; 
margin: 54px 0 0 5px; 
width: 160px; 
height: 46px; 
background: url('images/sports-et-vie.gif') no-repeat; 
}
#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: "Trebuchet MS", Arial;
font-size: 10px;
text-align: center;
padding-top: 4px;
color: #A3C8ED;
margin: 0;
font-weight: normal;
}
#header h5 strong, #header h6 strong { 
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 : #1965ac; 
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; 
} 
#navabs {

} 
#navtop {
margin-top : 1.5em; 
height : 15px; background: url('images/nav-top.gif') bottom repeat-x; 
} 
#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.gif') repeat-y bottom; 
} 
#nav li {
border-right : 1px solid #cfcfcf; 
display : block; 
float : left; 
} 
#nav li a {
display : block; 
color : #444; 
text-decoration : none; 
padding : 3px 21px 3px 14px; 
border-left : 1px solid #fff; 
border-bottom : 0; 
} 
li#nav-home {
background : none; 
} 
li#nav-home a {
border-left : 0; 
padding-right : 15px; 
background : none; 
} 
li#nav-contacts {
border-left : 0; 
} 
li#nav-about {
border-left : 0; 
}
p, dl {
margin : 0; 
padding : 1em 0 0; 
line-height : 140%; 
} 
hr {
	border-bottom: 3px double #EEEEEE;
} 
.line {
	border-bottom:1px dashed #CCCCCC;
}
h1 strong {
display : none; 
} 
form {
margin : 0; 
} 
a images {
border : none; 
} 
a:link {
color : #1965ac; 
text-decoration : none; 
} 
a:visited {
color : #1965ac; 
text-decoration : none; 
} 
a:hover {
color : #1965ac; 
text-decoration: underline; 
} 
a.cyan {
font-weight : bold; 
color : #1965ac; 
text-decoration : none; 
padding-bottom : 1px; 
padding-right : 15px; 
} 
a.red {
font-weight : bold; 
color : #832c2c; 
text-decoration : none; 
padding-bottom : 1px; 
padding-right : 15px; 
} 
a.left {
font-weight : bold; 
color : #1965ac; 
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; 
} 
#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 : #f9f9f9; 
} 
#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 : #ececec; 
} 
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
background : #e3f3fa; 
} 
#nav ul li a, #nav ul ul li a {
background : 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; 
background : url(../images/sidebar-top.png) no-repeat; 
} 
.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; 
background : url('images/bullet.gif') no-repeat bottom left; 
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%; 
font-size: 12pt;
} 
#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; 
background : url('images/sidebar-top.png') no-repeat; 
} 
#sidebar dl {
margin : 0; 
padding : 0 8px 20px; 
} 
#sidebar dl dt {
margin-top : 0.8em; 
} 
#sidebar dl dt a {
font-weight : bold; 
color : #ce000c; 
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; 
background : url('images/side-on-shaded.png') repeat-y; 
} 
#sidenav .side-bg {
background : url('images/side-bg-on.png') repeat-y; 
} 
.sidenav-hide {
display : none; 
} 
#footer {
clear : both; 
margin-bottom : 2em; 
border-top : 1px solid #c4c4c4;
} 
#footer.profile {
clear : both; 
margin-bottom : 2em; 
border-top: #dedede;
} 

#footer p {
font-size : 0.91em; 
color : #999; 
padding-top : 2em; 
text-align : justify; 
} 
#footer p.center {
font-size : 0.91em; 
color : #999; 
padding-top : 2em; 
text-align : center; 
} 
#footer p.centerprofile {
font-size : 0.91em; 
color : #999; 
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; 
background : url('images/top-highlight.jpg') no-repeat; 
} 
#wrap {
margin-bottom : 20px; 
background : url('images/faux-columns.png') repeat-y; 
} 
#wrapexp {
margin-bottom : 20px; 
background : url('images/faux-columnsexp.png') repeat-y; 
} 
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/ */
} 
#rapide ul {
margin : 0 0 0 10px; 
} 
#rapide ul li {
padding-bottom : 2px; 
} 
.largetext {
font-family : arial, georgia, times, serif; 
font-size : 13px; 
color : #333; 
} 
.largetextbold {
font-family : arial, georgia, times, serif; 
font-size : 14pt; 
font-weight : bold; 
color : #005A91; 
margin-top : -10px; 
} 
.largetextboldcyan {
font-family : arial, georgia, times, serif; 
font-size : 12px; 
font-weight : bold; 
color : #1965ac; 
margin-bottom : 0; 
padding : 0; 
} 
.largetextboldgray {
font-family : georgia, times, serif; 
font-size : 16px; 
font-weight : bold; 
letter-spacing: -1px;
color : #666; 
margin : 20px 0px 0px 0px; 
padding : 0; 
}
.xlargetextboldcyan {
font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1em;
letter-spacing: ;
color : #7FBD18; 
margin : 20px 0px 0px 0px; 
padding : 0; 
}
.largetextboldcyanit {
font-family : arial, georgia, times, serif; 
font-size : 12px; 
font-weight : bold; 
font-style: italic;
color : #1965ac; 
margin-bottom : 0; 
padding : 0; 
}
.largetextboldred {
font-family : arial, georgia, times, serif; 
font-size : 12px; 
font-weight : bold; 
color : #973333; 
margin-bottom : 0; 
padding : 0; 
} 
.largetextboldredit {
font-family : arial, georgia, times, serif; 
font-size : 12px; 
font-weight : bold; 
font-style: italic;
color : #973333; 
margin-bottom : 0; 
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 : #333; 
} 
.promotext {
font-family : Verdana, Helvetica, Arial; 
font-size : 12px; 
font-weight : bold; 
color : #666; 
} 
.promotextbold {
font-family : Verdana, Helvetica, Arial; 
font-size : 20px; 
font-weight : bold; 
color : #666; 
} 
.tinytext {
font-size : xx-small; 
color : #666; 
} 
.xsmall {
font-size : 11px; 
color : #666; 
}
.smalltext {
font-family : Arial, Verdana, Helvetica; 
font-size : 11px; 
color : #666;
} 
.smalltextgray {
font-family : Arial, Verdana, Helvetica; 
font-size : 9px; 
color : #ccc; 
border-top : 1px dotted #ccc; 
padding : 5px; 
} 
.smalltexdrktgray {
font-family : Arial, Verdana, Helvetica; 
font-size : 11px; 
color : #666; 
border-top : 1px dotted #ccc; 

} 
.alignright {
text-align : right; 
} 
.aligncenter {
text-align : center; 
font-size : x-small; 
border-bottom : 1px dotted #bbb; 
} 
.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 #ccc; 
background-color : #fff; 
}
input.op {
	border: none;
	}
input.btn {
	height: 24px;
	width: 81px;
	color: #ffffff; 
	background-color: #005A91; 
	border:1px solid #fff;
}
 
dt {
margin-bottom : 0; 
font-size : 1.1em; 
font-weight: bold;
color: #832c2c;
} 
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 : 3px; 
border : 1px solid #c4c4c2; 
} 
p.img a:hover img {
border : 1px solid #949492; 
}
li#nav-svcs { 
background-image: url('images/arrow-down.gif'); 
background-position: right;
background-repeat: no-repeat; 
}
li#nav-cabl { 
background-image: url('images/arrow-down.gif'); 
background-position: right;
background-repeat: no-repeat; 
}
li#nav-support { 
background-image: url('images/arrow-down.gif'); 
background-position: right;
background-repeat: no-repeat; 
}
a.cyan { 
font-weight: bold; 
color: #1965ac; 
text-decoration: none; 
padding-bottom: 1px; 
padding-right: 15px; 
background-image: url('images/arrow-cyan.gif');
background-position: right;
background-repeat: no-repeat; 
}
#list_act { float: right; top: 0; right: 0;	width: 200px; background: url('images/dotted-line-vert.gif') repeat-y top left; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:11px; font-family:lucida grande, tahoma, arial, verdana, sans-serif; margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:0px; padding-bottom:0 }
#list_act ul, #list_act li { list-style-type: none;	margin: 0; padding: 0; }
#list_act a em{	margin-left: 5px; font: normal 10px/15px "lucida grande", tahoma, arial, verdana, sans-serif; color: #7AB4D4; }
#list_act ul{ margin-top: 12px; }
#list_act p { font: normal 13px/18px georgia, serif; color: #8C9297; margin: 5px 0;	padding: 0; }
#list_act img{ padding-bottom: 8px; }
#list_act a{ display: block; padding: 3px; text-decoration: none; color: #333333; }
#list_act a:hover{ background-color:#add6ff; display: block; padding: 3px; border:0px; }
#list_act .even { background-color: #F1F8FF; border-bottom: 1px solid #C1D6DB; border-top: 1px solid #C1D6DB; }
#list_act. odd { border: 0px; }
.itembox {
font-size: 8pt;
border: 1px solid #b4b4b2;
padding: 10px;
background: #E3F3FA;
margin-top: 1.5em;
}
span.redit {
font-family : arial, georgia, times, serif; 
font-size : 12px; 
font-weight : bold; 
font-style: italic;
color : #973333; 
margin-bottom : 0; 
padding : 0; 
}

/*********** HEADERS *****************/

#webexheader {
	margin: -8px 0 10px 0px; 
	width: 690px;
	height: 244px;
	}
#webex {
	margin: 0 auto;
	width: 100%; 
}  
#webex.bg {
	margin: 0 auto;
	width: 100%; 
	height: 135px;
	background: #FFF url('images/webexbg-grn.jpg') bottom center no-repeat;
}  

#webex p {
	margin: 0px 5px 0 10px;
	}
	
#webex ul {margin:0 0 0 25px; padding:0 0 10px 0; list-style:none;}
#webex li {float:left; background:url(images/arrow-cyan.gif) left no-repeat; padding-left:15px; width:31%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;}
#webex ul.tab {	list-style: square;	margin: 10px 0px 0 12px; padding: 0px 10px 10px 15px; list-style-image: url('images/arrow-cyan.gif');	}
	
/*#webex li, contact li {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.8em;
	}*/

#webex table {
	margin: 0px 10px 0px 10px;
	width: 665px;
	border: 1px dotted #ccc;
	}
#webex p.sm {
	margin: 0px 260px 0 10px;
	}
#webex img.right, #continue img.right {
	border-left: 1px dotted #ccc;
	float: right;
	padding: 10px;
	}
#webex img.leftl {
	border-right: 1px dotted #ccc;
	border-left: none;
	float: left;
	padding: 10px;
	}
#webex img.leftr {
	float: left;
	padding: 10px;
	}

#webex h2 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: -1px;
	margin: 10px 0px 0px 10px;
	color: #005A91;
}
#webex h3 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	margin: 0px 0px 0px 10px;
	color: #005A91;
}

#webex h4 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -0.5px;
	margin: 5px 0px 10px 10px;
}
#webex h5 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	margin: 0px 0px 0px 10px;
	color: #005A91;
}

.webex1 {
	background-image: url('images/headers/1.jpg');
	background-repeat: no-repeat;
}
.webex2 {
	background-image: url('images/headers/2.jpg');
	background-repeat: no-repeat;
}
.webex3 {
	background-image: url('images/headers/3.jpg');
	background-repeat: no-repeat;
}
.webex4 {
	background-image: url('images/headers/4.jpg');
	background-repeat: no-repeat;
}
.webex5 {
	background-image: url('images/headers/5.jpg');
	background-repeat: no-repeat;
}
.webex6 {
	background-image: url('images/headers/6.jpg');
	background-repeat: no-repeat;
}
.webex7 {
	background: url('images/headers/7.jpg');
	background-repeat: no-repeat;
}
.webex8 {
	background-image: url('images/headers/8.jpg');
	background-repeat: no-repeat;
}
.webex9 {
	background-image: url('images/headers/9.jpg');
	background-repeat: no-repeat;
}
.webex10 {
	background-image: url('images/headers/10.jpg');
	background-repeat: no-repeat;
}

#webexheader h2 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	padding: 40px 0px 5px 20px;
	color: #005A91;
}
#webexheader h3 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	margin: -5px 0px 5px 20px;
	color: #005A91;
}

/*********** CONTACT *****************/

#contactwrap {
	margin: -5px 0 0 0px; 
	width: 690px;
	height: 380px;
}
#contactwrapexp {
	margin: -5px 0 0 0px; 
	width: 690px;
	height: 692px;
	background-image: url('images/headers/contact962.jpg');
	background-repeat: no-repeat;
}

.contact {
	background-image: url('images/headers/contact380.jpg');
	background-repeat: no-repeat;
}
.trial {
	background-image: url('images/headers/contact962.jpg');
	background-repeat: no-repeat;
}

.confirm {
	background-image: url('images/headers/confirm.jpg');
	background-repeat: no-repeat;
}
.downloads {
	background-image: url('images/headers/downloads.jpg');
	background-repeat: no-repeat;
}
.contactus {
	background-image: url('images/headers/contactus.jpg');
	background-repeat: no-repeat;
}
#contactwrap p, #confirm p {
	margin : 5px 0px 0px 0px; 
}
#contactwrap ul, #confirm ul {
	list-style: square;
	margin: 10px 0px 0 210px;
	padding: 0px 10px 10px 15px;
	list-style-image: url('images/arrow-cyan.gif');
	}

.contact-head {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: ;
	color : #7FBD18; 
	margin-top: 15px
	padding : 0; 
}
.contact-headblu {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: ;
	color : #1965ac; 
	margin-top: 15px
	padding : 0; 
}
.contact-headblk {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: ;
	color : #333; 
	margin-top: 0px
	padding : 0; 
}


/*********** CONTACT LEFT *****************/

#contactleft {
	width: 380px;
	float: left;
	clear: right;
	}
#contactleft img {
	float: left;
	margin-top: -9px;
	}
	
/*********** CONTACT RIGHT *****************/
	
#contactright {
	width: 286px;
	margin: 0px 0 0 390px;
	}
#contactright input.btn {
	height: 24px;
	width: 81px;
	color: #ffffff; 
	background-color: #005A91; 
	border:1px solid #fff;
}
#contactright form {
	margin: 15px 0 0 30px;
	}
#contactright p {
	margin: 10px 0 0 30px;
	}
#contactright input {
	background: #f4f4f4;
	border: solid 1px #7FBD18;
	padding: 2px;
}
#contactright input:focus, #contactright textarea:focus {
	border:1px solid #7FBD18;
	background-color: #DAFEDA;
}

#contactright input.op {
	background: #f4f4f4;
	padding: 2px;
	border: none;
}


span.grn {color:#7FBD18;}
span.blue {color:#005A91;}
span.wht {color:#FFF;}
span.gry {color:#999;}
span.blk {color:#333;}


/*********** PORTFOLIO *****************/

.port_hr{
	clear:both;
	width:660px; 
	border-bottom:1px dashed #CCCCCC;
	margin: 5px;  
}
.port_l{
	float:left;
	height:149px;
	width:163px;
	border-right:1px solid #CCCCCC;
	padding-top: 15px;
}
.port_r{
	float:right;
	height:158px;
	width:490px;
	padding-top:5px;
	padding-left:5px;
	background-image: url(images/bg_fade.jpg); 
	background-repeat: repeat-y;
}
.port_r ul {	
	list-style: square;
	margin: 10px 0 0 8px;
	/*padding: 0 10px 10px 15px;*/
	padding: 2px 20px 2px 25px;
	line-height: 1.2em;
	list-style-image: url('images/arrow-blu.gif');
	}
.port_r ul li{	
	padding: 2px 20px 2px 5px;
}
.port_gutter{
	clear:both;
	height:10px;
}
.port_hr p {
	margin: 3px 0 3px 0;
	line-height: 1.6em;
	padding:3px 0px 3px 0px;
}
.port_hr h3{
	font-size: 110%;color: #04689C;
	margin: 3px 0 0 0;
	font-weight:bold;
}
/********** ON-PAGE NAV **************/
#navcontainer {}
#navlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #778;
        font: bold 12px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #778;
        border-bottom: none;
        background: #E3F3FA;
        text-decoration: none;
}

#navlist li a:link { color: #004777; }
#navlist li a:visited { color: #667; }

#navlist li a:hover {
        color: #004777;
        background: #DCF5BA;
        border-color: #227;
}

#navlist li a#current {
        background: white;
        border-bottom: 1px solid white;
}