* { margin: 0; padding: 0; }

body {     font-size: .85em;     font-family: Arial, Verdana, Helvetica, Sans-Serif;     color: #232323;     background-color: #676767; }
a img { border: none; }

#page  {     width: 960px;     margin: 50px auto 20px auto;     position: relative;     background-color: #fff; }
#header {     height: 100px;     padding-top: 80px; }
#logo  {     position: absolute;    top: 24px;    right: 30px;}
#phone  { position: absolute; top: 24px; left: 30px; }

#nav { height: 100px; background-image: url( /images/CanvasBG.jpg ) ; background-repeat: repeat-x; background-position: 0 20px; }
#nav ul { padding-left: 30px; }
#nav ul li { display: block; float: left; height: 30px; margin-right: 30px; padding-top: 55px;}    

#nav ul li:hover { background-image: url( /images/hoverstar.png ); background-repeat: no-repeat; background-position: center 0px; }
#nav ul li.on { background-image: url( /images/greystar.png ); background-repeat: no-repeat; background-position: center 0px; }

#coverrail { background-color: transparent; width: 960px; }
#coverrail img#upper { position: absolute; left: 20px; top: 170px; z-index: 10;}
#coverrail img#lower { position: absolute; right: 30px; top: 495px; z-index: 10;}

#gallary { background-color: #fff; list-style: none; margin: 10px 0px 10px 10px; height: 305px;}
#gallary li {margin: 0; padding: 10px; float: left;position: relative;width: 96px;height: 132px; }
#gallary li img { position: absolute;left: 10; top: 10; width: 96px; height: 132px;-ms-interpolation-mode: bicubic; }

#main
{
    background-image: url( ../images/CanvasBG.jpg ) ;
    background-repeat: repeat-x repeat-y;
    margin: 0px auto 0px auto;
    padding: 50px 0px 20px 0px;
    width: 960px;
    position: relative;
    clear: both;
    min-height: 500px;
}

#leftcol { width: 570px; margin-left: 65px; font-size: 1.1em; line-height: 1.5em; }
#leftcol.wide { width: 800px; }
#leftcol h1 { margin-bottom: 10px; }
#leftcol h2 { margin-bottom: 5px; }
#leftcol p { margin-bottom: 20px; }
#leftcol p.redstar { padding-left: 40px; background-image: url( /images/redstar.png ); background-position: 0px 0px; 
                             background-repeat: no-repeat; }
#leftcol p.gotqs { font-size: 1.1em; font-weight: bold; }
#leftcol p.gotqs a { color: #000; text-decoration: none; }
#leftcol p.gotqs strong { color: #CF171F; }
#leftcol p a.email { color: #CF171F; font-weight: bold; }
#leftcol p.gotqs a:hover { text-decoration: underline; }
#leftcol img.floatpic {  float: right; }

#rightcol {
    position: absolute;     top: 50px;    right: 0px;
    width: 245px;
    background-color: #8A9FA3;
    padding: 20px;
    margin-right: 20px;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: normal;
}

#rightcol p { margin-bottom: 10px; }
#rightcol img.floatpic {  float: right; width: 130px; height: 130px; }


.page-HW #leftcol { width: 430px; }
.page-HW #leftcol p  { width: 400px; }

.page-HW #rightcol { width: 245px; }
.page-HW #rightcol p { font-size: 0.9em; }


#footer { height: 75px; background-color: #8A9FA3; padding-left: 60px; padding-top: 15px; position: relative; }

#leftfoot { position: absolute; left: 65px; }

#rightfoot {
    text-align: right;
    font-size: 12px;
    position: absolute;
    right: 20px;
    width: 300px;
    margin-top: 10px;
    top: 5px;
}

#footerlink, #homepageseo
{
    text-align: right;
    font-size: 10px;
    position: absolute;
    right: 20px;
    width: 600px;
    bottom: 40px;
}

#footerlink, #homepageseo strong { color: #fff; }

#homepageseo {  bottom: 25px; }
   
#rightfoot a, #footerlink a 
{ 
    text-decoration:none; 
    color: #fff;
}

#rightfoot a
{
    margin-left: 15px;
}

#rightfoot a:hover, #footerlink a 
{ 
    text-decoration:underline;
}

#login_panel { position: absolute; bottom: 5px; right: 20px; font-size: 7pt;}
#login_panel p { font-size: 9pt; }

.editarea {  position: relative; min-height: 30px;}
.editlink { position: absolute; right: 2px; top: 2px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; z-index: 999; line-height: 1em;}
.editlink a { display: inline-block; padding: 2px;  color: #000;background-color: #0f0; text-decoration: none; font-weight: normal; 
                  font-size: 12px; border: 2px solid #000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; opacity:0.6; } 
.editcontent { border: dashed 1px #0f0; }
