*{ margin: 0px; padding: 0px; }*

body

{background: #000000 url(images/bg.jpg) center repeat;height:auto;font-family: arial,verdana,georgia,geneva,helvetica;font-style:normal;font-size:12pt;}
H1{font: 12.5pt/16.5pt  verdana,arial,georgia,geneva,helvetica;color:#4469A9;}
H2{font: 12.5pt/16.5pt  verdana,arial,georgia,geneva,helvetica;color:#003399;}
:link { color: #0066CC; }  /* for unvisited links */
:visited { color: #444444; } /* for visited links */
a:active { color: #0033CC; } /* when link is clicked */
a:hover { color: #18358F; } /* when mouse is over link */

.top-mo468 {display: none;}

.top {width:960px;height:100px;text-align:left;}

.topinnerL {width:124px;height:100px;float:left;}

.topinnerM {width:607px;height:100px;background:#000000 url(images/topinnerM.jpg) no-repeat;text-align:left;float:left;}

.topinnerR {width:124px;height:100px;float:left;}

.menucontain {width:960px;background-color:#FF6600;}

.tmenu {background-color:#FF6600;width:960px;text-align:left;font-size:16pt;font-family:arial,verdana,geneva;}

.tmenuright {background: #FF6600;}

/* Top Horizontal Menu Bar */
ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0px;border-width:0px;border-style:solid;border-color:#FCA46A;-moz-border-radius:3.5px;-webkit-border-radius:3.5px;border-radius:3.5px;}
ul#css3menu1 ul{background-image:url("http://www.vancouverconcrete.net/images/menuhoverback.gif");background-repeat:repeat;display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:8px 12px 12px 12px;background-color:#6666FF;border-radius:3.5px;-moz-border-radius:3.5px;-webkit-border-radius:3.5px;border-color:#d4d4d4;}
ul#css3menu1 li:hover>*{display:block;z-index:3;}
ul#css3menu1 li:hover{position:relative;}
ul#css3menu1 ul ul{position:absolute;left:100%;top:0;}
ul#css3menu1{display:block;font-size:0;float:left;}
ul#css3menu1 li{display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12pt Arial,Georgia,verdana,geneva;color:#000000;text-shadow:none 0 0 1px;cursor:pointer;}
ul#css3menu1 ul li{float:none;margin:5px 0 0;}
ul#css3menu1 ul a{text-align:left;padding-top:0px;padding-right:3px;padding-bottom:0px;padding-left:3px;background-color:#6666FF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12pt Arial,Georgia,verdana,geneva;color:#eeeeee;text-decoration:none;}
ul#css3menu1 li:hover>a{background-color:#6666FF;border-color:#5690A5;border-style:solid;font:12pt Arial,Georgia,verdana,geneva;color:#3366FF;text-decoration:none;text-shadow:none 0 0 1px;background-position:0 100px;}
ul#css3menu1 img{border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{display:none;}
ul#css3menu1 li:hover > a img.def{display:none;}
ul#css3menu1 li:hover > a img.over{display:inline;}
ul#css3menu1 li a.pressed img.over{display:inline;}
ul#css3menu1 li a.pressed img.def{display:none;}
ul#css3menu1 span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 a{padding:8px;background-color:#F0F1F4;background-image:url("http://www.vancouverconcrete.net/images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:none 0 0 1px;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{background-color:#6666FF;background-image:url("http://www.vancouverconcrete.net/images/menuhoverback.gif");background-position:0 100px;border-style:solid;border-color:#6182E3;color:#ffffff;text-decoration:none;text-shadow:none 0 0 1px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{background-color:#6666FF;font:12pt Arial,Georgia,verdana,geneva;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li.topfirst>a{border-radius:0px 0 0 0px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{border-radius:0 0px 0px 0;-moz-border-radius:0 0px 0px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;}

.pagecontent
{width:960px;height:100%;float:middle;background-color:#F6FCFE;text-align:left;color:#000033;margin-top:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:10px;}

.l-side {float:left;width:640px;text-align:left;line-height:14pt;margin-left:10px;}
.r-side {float:right;width:300px;vertical-align:top;text-align:right;padding-right:5px;}
.p-titles {background: url(images/ptitles.jpg) no-repeat;width:640px;height:64px;font-family:georgia,verdana,arial,geneva;font-size:20pt;font-weight:bold;padding-left:82px;padding-top:18px;margin-bottom:8px;}
.ps-titles {background: url(images/pstitles.jpg) no-repeat;width:620px;height:43px;font-family:georgia,verdana,arial,geneva;font-size:17pt;font-weight:bold;padding-left:78px;padding-top:14px;margin-bottom:8px;}
.c-box-top {background: url(images/past-clients-box-top.png) no-repeat;width:290px;height:94px;}
.c-box-mid {background: url(images/past-clients-backing.png) repeat-y;width:290px;height:auto;}
.c-box-bot {background: url(images/past-clients-box-bottom.png ) no-repeat;width:290px;height:22px;}
.s-box-top {background: url(images/service-area-box-top.png) no-repeat;width:290px;height:92px;}
.footer {width:960px;background-color:#FFFFFF;padding:5px 0 5px; 0;border-width:1px 0 0 0;border-style:dotted;border-color:#C0C0C0;text-align:left;font-size:9pt;font-family:arial,verdana,geneva,helvetica;}

/* Home Page Java Ticker Content Boxes */

.hp-ticker-top
{width:620px;height:40px;background: url('images/hompage-ticker-top.gif') no-repeat;}

.sliderwrapper
{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
border-bottom-width: 0px;
border-top-width: 0px;
width:620px; /*width of featured content slider*/
height:325px;
padding-right:1px;
}

.sliderwrapper .contentdiv
{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding-left: 0px;
padding-top:5px;
background: white;
width:620px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:325;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination
{
width:613px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
font-size:10pt;
background-color: #CCCCCC;
padding: 5px;
}

.pagination a
{padding: 0 10px;text-decoration:none;color: #00007D;background: white;}

.pagination a:hover, .pagination a.selected
{color: #000;background-color: #FEE496;}

/************************** Media Query CSS **************************/

@media only screen and (max-width: 980px){
   
.top-mo468 {display: none;}
.topp {height: 100px;text-align: left;width: 100%;}
   
.headiM { width: 80%;}
.headiL {width: 20%;}
.headiR {width: 100%;}
.headiR img{display: table;float: none;margin: 0 auto;width: 29%;}
.topp .headiL img{width: 100%;}

.menu-container {width: 100%;float: left;}
ul#css3menu1 a{padding: 5px;}


.pagecontent .l-side{ width: 50%;}
.pagecontent .r-side{ width: 48%;}
.p-titles {background: url(images/ptitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:10pt;font-weight:bold;padding-left:82px;padding-top:18px;margin-bottom:8px;}
.ps-titles {background: url(images/pstitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:10pt;font-weight:bold;padding-left:78px;padding-top:14px;margin-bottom:8px;}

.sliderwrapper{ width: 100%;}

.pagination{box-sizing: border-box;width: 100%;}

 img {max-width:100%;height:auto;margin: 0 auto;}

body{background:float: left;font-family: arial,verdana,georgia,geneva,helvetica;font-size: 12pt;font-style: normal;height: auto;width: 100%;}

.pagecontent{width: 100%;}

.menu-container img{width:100% ! important;}

/* .headiR img{width:100% ! important;}
 */
.footer{width:100%;}  

}

@media only screen and (max-width: 767px){

.top-cp {display: none;}
.top {display: none;}
.topinnerL {display: none;}
.topinnerM {display: none;}
.topinnerR {display: none;}
.menucontain {display: none;}
.tmenu {display: none;}
.tmenuright {display: none;}
.m-menu {width:480px;display:block;background-color:#F0F1F5;font-size:14pt;font-family:verdana,arial,helvitica;}
.p-titles {background: url(images/ptitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:11pt;font-weight:bold;padding-left:82px;padding-top:18px;margin-bottom:8px;}
.ps-titles {background: url(images/pstitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:11pt;font-weight:bold;padding-left:78px;padding-top:14px;margin-bottom:8px;}


.pagecontent .l-side {
  width: 100%;
}
.pagecontent .r-side {
  display: table;
float: none;
margin: 0 auto;
width: 60%;
}

.headiL {display: table;float: none;margin: 0 auto;width: 35%;}

.headiM {width: 100%; height: auto;}

.headiR img {display: table;float: none;margin: 0 auto;width: auto;}

ul#css3menu1 a {font-size: 9px;padding: 5px;}
.home-ticker-top{width: 100%;padding: 0;}

ul#css3menu1 li:hover > a, ul#css3menu1 li > a.pressed{ font-size: 9px;}
}





@media only screen and (max-width: 480px){

.body {width:400px;height:auto;}
.pagecontent {width:400px;height:auto;float:middle;background-color:#F6FCFE;text-align:left;color:#000033;margin-top:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:10px;}
img {max-width:100%;height:auto;}

.top-cp {display: none;}
.top {display: none;}
.topinnerL {display: none;}
.topinnerM {display: none;}
.topinnerR {display: none;}
.menucontain {display: none;}
.tmenu {display: none;}
.tmenuright {display: none;}
.top-mo468 {width:360px;display:block;background-color:#F0F1F5;font-size:14pt;font-family:verdana,arial,helvitica;}

#header h1 {  color: #000;  font-size: 20pt;  font-weight: 100;  letter-spacing: -1px;  line-height: 14px;  padding: 0 0 5px 10px;}

#header {height: auto;  width: 100%;  margin-bottom: 18px;}
#right span b{font-size: 19px;line-height: 22px;}

#header h2 {  color: #ccccff;  font-size: 15pt;  font-weight: 100;  letter-spacing: -1px;  line-height: 15px;  margin-bottom: 7px;  padding: 0 0 2px 11px;}
#right {float: none;margin: 0 auto;width: 96%;}

#wrap {background: #ffffff none repeat scroll 0 0;box-sizing: border-box;margin: 0 auto;padding: 6px 10px 3px;box-sizing:border-box;}

.indeximage {display: none;}
.l-side img{display: table;float: none;margin: 0 auto;width: 100%;}
.hp-ticker-top {display: none;}
.sliderwrapper {display: none;}
.contentdiv {display: none;}
.pagination {display: none;}
.p-titles {background: url(images/ptitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:10pt;font-weight:bold;padding-left:82px;padding-top:18px;margin-bottom:8px;}
.ps-titles {background: url(images/pstitles.jpg) no-repeat;max-width:380px;height:auto;font-family:georgia,verdana,arial,geneva;font-size:10pt;font-weight:bold;padding-left:78px;padding-top:14px;margin-bottom:8px;}

}