/****** Regatronics CSS ******/

/****** 

Created By: Nick Foster 
nick@worldsitesmontreal.com 

******/



/****** Global Styles ******/

body {
background:#797979;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

img {
margin:0px;
padding:0px;
border:0px;
}


p {
color:#373737;
font-size:11px;
line-height:16px;
}

h1{
background:url(images/h1_image.jpg) 0% 0% no-repeat;
color:#434343;
font-size:20px;
padding:0px 0px 0px 25px;
margin:0px 0px 15px 0px;
font-weight:lighter;
}

h2{
color:#de413a;
font-size:12px;
letter-spacing:1px;
padding-top:3px;
}

h3{
color:#373737;
font-size:11px;
letter-spacing:1px;
padding-top:3px;
font-style:oblique;
margin:0px;
padding:0px;
}

h4{
color:#666666;
font-size:12px;
letter-spacing:1px;
padding-top:3px;
}
h5{}
h6{}

hr {
border:0;
height:1px;
width:98%;
color:#de413a;
background-color: #de413a;
text-align:center;
margin-top:5px;
margin-bottom:5px;
}

html>body hr {
margin-top:20px;
margin-bottom:20px;
}

a:link, a:active, a:visited {
text-decoration:none;
color:#de413a;
}

a:hover{
text-decoration:underline;
}

acronym, abbr{
border-bottom:solid 1px #de413a;
cursor: help;
}

.client{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.client img{
margin: 15px 10px 10px 10px;
border:0px;
}

#clientsTable td{
padding-left:10px;
text-align:center;
}

#logotable{
width:350px;
margin-left: auto;
margin-right:auto;
}

/****** Specific Styles ******/

#container {
background:#ffffff;
width:725px;
voice-family: "\"}\""; 
voice-family:inherit;
width:695px;
border-right: 7px solid #9b9b9b;
border-left: 7px solid #9b9b9b;
margin: 0px auto;
padding:0px 8px 0px 8px;
text-align:left;
}

#menuHeader {
background:url(images/menuheader_bg.jpg) 0% 0% no-repeat;
width:680px;
height:55px;
border-bottom:1px solid #de413a;
margin:0px 0px 0px 7px;
}

#menuHeader img {
float:left;
}

#headerImage {
border-bottom:1px solid #de413a;
width:680px;
height:226px;
margin:-13px 0px 0px 7px;
}

#sidebar {
float:left;
width:212px;
voice-family: "\"}\""; 
voice-family:inherit;
width:192px;
margin:12px 0px 12px 3px;
padding:0px;
}

html>body #sidebar {
margin:12px 0px 12px 7px;
}

.sidebarContent{
padding:2px 0px 10px 0px;
border:1px #7a7a7a solid;
background:#e1e1e1;
background-image: url(images/side_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#sidebar p{
font-size:10px;
padding:10px;
margin:0px;
line-height:12px;
}

.sidebarList{
color:#373737;
font-size:10px;
line-height:12px;
margin:0px 0px 12px 10px;
padding:0px 15px 0px 15px;
}

.sidebarList li{
list-style-image:url(images/sidebar_bullet.gif);
margin-top:10px;
}

#main {
background:#ffffff;
float:right;
width:475px;
voice-family: "\"}\""; 
voice-family:inherit;
width:455px;
margin:12px 0px 12px 0px;
padding:5px 20px 5px 10px;
}

.contentList {
list-style-image:url(images/list_image_content.jpg);
color:#373737;
}

.contentList li {
margin:20px 20px 20px 10px;
padding:0px;
}

.homelowertitle{
/*width:447px;*//*temporarily changed while testimonials are not shown*/
width:681px;
height:28px;
/*margin:0px -1px 12px 0px;*//*temporarily changed while testimonials are not shown*/
margin:0px 0px 12px 0px;
background:url(images/home_lowertitle_bg.jpg) 0% 0% repeat-x;
border:1px solid #7a7a7a;
}

html>body .homelowertitle{
/*width:445px;*//*temporarily changed while testimonials are not shown*/
width:678px;
}

.homelowertitle h1{
background:url(images/home_lowertitle_img.jpg) 4px 3px no-repeat;
color:#7a7a7a;
font-weight:lighter;
font-size:18px;
margin:0px;
padding:2px 0px 0px 27px;
}

.homecontent{
/*width:437px;
voice-family: "\"}\""; 
voice-family:inherit;
width:435px;*/ /*temporarily changed while testimonials are not shown*/
width:680px;
margin:0px 1px 15px 8px;
padding:0px;
/*float:left;*/ /*temporarily changed while testimonials are not shown
/*border-right:1px solid #7a7a7a;*//*temporarily changed while testimonials are not shown*/
}

html>body .homecontent{
/*padding:0px 11px 0px 0px;*//*temporarily changed while testimonials are not shown*/
padding:0px;
margin:0px 0px 15px 7px;
}


#hometestimonial{
width:211px;
float:right;
padding:0px;
margin-right:4px;
display:none; /*temporarily taken out of view */
}

html>body #hometestimonial{
margin-right:10px;
}

.testimonialtitle{
width:211px;
height:28px;
margin:0px 0px 12px 0px;
padding:0px;
background:url(images/home_lowertitle_bg.jpg) 0% 0% repeat-x;
border:1px solid #7a7a7a;
}

.testimonialtitle h1{
background:url(images/home_lowertitle_img.jpg) 4px 3px no-repeat;
color:#7a7a7a;
font-size:18px;
font-weight:lighter;
margin:0px;
padding:2px 0px 0px 27px;
}

.sidebartestimonial{
margin:0px 10px 0px 10px;
padding-top:10px
}

/****** Main Navigations Styles ******/

.menu {
height: 55px;
margin:0px;
padding:0px;
}

.maintenance, .security, .networking, .communications, .consulting{
position:relative;
float: left;
margin: 0px; 
padding: 0px;
font-family: arial, helvetica, sans-serif;
background: url(images/maintenance_over.jpg) no-repeat;
height: 55px;
overflow:hidden;/* for ie to hide extra height*/	
}

.security{
background: url(images/security_over.jpg) no-repeat;
}

.networking{
background: url(images/networking_over.jpg) no-repeat;
}

.communications{
background: url(images/communications_over.jpg) no-repeat;
}

.consulting{
background: url(images/consulting_over.jpg) no-repeat;
}

.menu a {
display: block;
height: 55px;
width:auto;
display: block;
float: left;
overflow:hidden;/* for ie to hide extra height*/
}

.menu img {height: 55px; border: 0; }
* html a:hover {visibility:visible}
.menu a:hover img{visibility:hidden}

.menu li{
display:inline;
}

.menu ul{
padding:0px;
margin:0px;
}

.menu span {
display:none;
}

blockquote {
background-image:url(images/blockquote_bg.jpg);
background-repeat:no-repeat;
}

/****** Second Navigation Styles ******/

#secondNav {
background:url(images/secondnav_square.jpg) 375px 3px no-repeat;
width:680px;
text-align:right;
padding:0px 13px 0px 0px;
position:relative;
z-index:12;
margin:1px 0px 0px 0px;
font-size:10px;
}

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

#secondNav li {
display:inline;
list-style-type:none;
}

#secondNav a:link, #secondNav a:active, #secondNav a:visited {
font-size:10px;
color:#6d6d6d;
text-decoration:none;
}

#secondNav a:hover {
color:#383838;
}


/****** Homepage Boxes ******/

#homeboxes{
width:680px;
margin:0px 0px 0px 7px;
padding:12px 0px 12px 0px;
}

#homeboxes img{
margin-bottom:-10px;
}

html>body #homeboxes img{
margin-bottom:0px;
}


#box1, #box2{
width:205px;
height:150px;
background:url(images/homebox_tile.jpg) repeat-x;
border:1px solid #7a7a7a;
padding:3px;
}

#box1{
float:left;
margin:0px;
text-align:center;
}

html>body #box2{
margin:0px 0px 0px 233px;
text-align:center;
}

#box2{
margin:0px 0px 0px 230px;
text-align:center;
}

html>body #box3{
width:205px;
height:150px;
float:right;
margin:-158px 9px 0px 0px;
text-align:center;
}

#box3{
width:205px;
height:150px;
float:right;
margin:-158px 0px 0px 0px;
text-align:center;
}

#box1 p, #box2 p, #box3 p{
text-align:left;
padding:0px 3px 0px 8px;
}




/****** Footer Styles ******/

#footer {
background:url(images/footer_bg.jpg) 0% 0% repeat-x;
clear:both;
width:680px;
margin:12px 0px 0px 7px;
padding:15px 0px 0px 0px;
height:65px;
border-top:1px solid #de413a;
color:#6d6d6d;
text-align:center;
font-size:10px;
}


#footer a{
margin:0px;
padding:0px;
font-size:10px;
}

#footer a:link, #footer a:active, #footer a:visited {
color:#6d6d6d;
text-decoration:none;
}

#footer a:hover {
color:#383838;
}

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

#footer li{
display:inline;
list-style-type:none;
padding:0px;
margin:0px;
}

#copyright{
text-align:left;
margin:0px 0px 0px 5px;
padding:11px 0px 0px 0px;
width:350px;
float:left;
font-size:9px;
}

html>body #copyright {
margin:0px 0px 0px 11px;
}

#copyright a:link, #copyright a:active, #copyright a:visited {
text-decoration:underline;
}

#copyright a:hover{
text-decoration:underline;
}

#valid{
width:200px;
float:right;
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 13px 0px 0px;
}

/****** Form Styles ******/

form#contact em{
color: #de413a;
}

label {
width: 50px;
float: left;
text-align: left;
margin:15px 10px 0px 0px;
display: block;
font-size:11px;
}

html>body label{
margin:15px 10px 0px -10px;
}

input {
margin:15px 0px 0px 0px;
}

html>body input{
margin:15px 0px 0px 10px;
}

textarea{
margin:3px 0px 0px 0px;
}

html>body textarea{
margin:3px 0px 0px 10px;
}

fieldset{
border:0px;
}

legend{
display:none;
}

/****** Thank you page ******/
#thanksContainer{
background:#ffffff;
text-align:left;
margin:50px auto;
width:400px;
border:5px solid #9b9b9b;
padding:0px 5px 0px 5px;
}

#thanksContainer p{
text-align:center;
}

#thanksContainer h1{
margin-left:130px;
}

/****** Sitemap Styles ******/

.accesskey{
padding:0px;
margin:0px;
font-style:italic;
font-size:10px;
text-decoration:none;
}