/*Calgary Neon Main Stylesheet*/

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset, div, table, td {
	margin: 0;
	padding: 0;
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}
/* end INITIAL*/

/* Layout */
body {
   background-color: #FFFFFF;
   background-image: url(../images/layout/body-background-tile.jpg);
   background-repeat: repeat-x;
}

/*
#bgLayerBack {
   background-image: url(../images/layout/bgLayerBack-tile.gif);
   background-position: center top;
   background-repeat: repeat-y;
}

#bgLayerFront {
   background-image: url(../images/layout/bgLayerFront-top.jpg);
   background-position: center top;
   background-repeat: no-repeat;
   height: 100%;
}
*/

#mainContainer {
   margin: 0px auto 0px auto;
   width: 768px;
   height: 100%;
}

#headerContainer {
   display: block;
   height: 255px;
   margin: 0px;
   padding: 0px;
   width: 768px;
}

#headerLogoFlash {
   display: block;
   height: 255px;
   margin: 0px;
   padding: 0px;
   width: 768px;
}

#printOnlyHeader {
   display: none;
}

.printOnly {
   display: none;
}

#bgContainer {
   background-image: url(../images/layout/bgContainer-tile.gif);
   background-repeat: repeat-y;
   width: 768px;
}

#bgContainerAlt {
   background-image: url(../images/layout/bgContainer-tile-alt.gif);
   background-repeat: repeat-y;
   width: 768px;
}

#middleContainer {
   background-image: url(../images/layout/content-background-top.gif);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width: 768px;
   min-height: 442px;
}

#middleContainerAlt {
   background-image: url(../images/layout/content-background-top-alt.gif);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width: 768px;
   min-height: 442px;
}

#middleContainerProducts {
   /*background-image: url(../images/layout/content-background-top.gif);
   background-position: 0px 0px;
   background-repeat: no-repeat;*/
   width: 768px;
   padding: 0;
}

#contentContainer {
   float: left;
   width: 454px;/*515px*/
   padding: 20px 15px 0 46px;
}

a:link, a:visited {
   color: #A3026C;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
}

a:hover, a:active {
   color: #EB348A;
}

#contentContainer p {
   color: #171717;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 14px;
   margin-top: 0;
   margin-bottom: 10px;
}

#contentContainer ul {
   margin-bottom: 10px;
   margin-left: 15px; /*IE Opera */
   margin-top: 10px;
   padding-left: 15px; /*Firefox*/
}

#contentContainer li {
   color: #171717;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 15px;
   list-style-image: url(../images/layout/bullet.gif);
}

#contentContainer li ul {
   margin-left: 10px; /*IE Opera */
   padding-left: 10px; /*Firefox*/
}

#contentContainerProducts {
   width: 768px;
   padding: 0;
}

#sideContainer {
   float: right;
   width: 225px;/*253px*/
   padding: 40px 18px 15px 10px;
}

#popContainer {
   margin: 0 auto 0 auto;
   width: 230px;
   padding: 10px 0 10px 0;
}

#popFormContainer {
   background-color: #ECECEC;
   width: 230px;
   margin: 0;
   padding: 10px 0 10px 0;
   height: 370px;
}

#sideBarQuickForm {
   margin: 10px auto 10px auto;
   padding: 0;
   width: 218px;
}

#sideBarQuickForm label {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   display: block;
   width: 150px;
   margin: 0;
   color: #171717;
   background-color: transparent;
}

#sideBarQuickForm select {
   background-color: #F9F9F9;
   display: block;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 212px;
   margin: 0 0 10px 2px;
   border: 1px solid #737272;
   padding: 0 0 0 2px;
}

#sideBarQuickForm input, #sideBarQuickForm textarea {
   display: block;
   background-color: #F9F9F9;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 212px;
   margin: 0 0 10px 2px;
   border: 1px solid #737272;
   padding: 0 0 0 2px;
}

#sideBarQuickForm input.text:focus, #sideBarQuickForm textarea:focus {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #A3026C;
}

#sideBarQuickForm input.button{
   background-color: transparent;
   border: none;
   display: block;
   width: 167px;
   margin: 10px 0 0 0;
   padding: 0 0 0 51px;
}

#sideBarQuickForm input.hidden {
   display: none;
}

#sideBarQuickForm textarea{
   height: 160px;
}

#footerContainer {
   clear: both;
   width: 768px;
}

#footerLogo {
   background-image: url(../images/layout/footerLogo.gif);
   background-repeat: no-repeat;
   height: 175px;
   width: 768px;
}

#logoBlock {
   height: 127px;
}

#footerSlogan {
   float: left;
   padding: 5px 0 0 35px;
   width: 395px;/*430px*/
}

#footerSlogan p {
   font-family: Arial, Helvetica, sans-serif;
   color: #737272;
   text-align: left;
   font-size: 11px;
   margin: 0;
   word-spacing: 3px;
}

#clientCopy {
   float: right;
   padding: 12px 20px 0 0;
   width: 318px;/*338px*/
}

#clientCopy p {
   font-family: Arial, Helvetica, sans-serif;
   color: #B9B9B9;
   text-align: right;
   font-size: 11px;
   letter-spacing: 1px;
   margin: 0;
}

#clientCopy span.client {
   color: #EC348A; 
   margin-right: -1px;
}

#clientCopy span.client2 {
   color: #ffffff; 
   margin-right: -10px;
}

#footerLinks {
   clear: both;
   padding: 10px;
   text-align: center;
   
}

#footerLinks p {
   font-family: Arial, Helvetica, sans-serif;
   color: #828282;
   font-size: 10px;
   margin: 0;
}

#footerLinks a {
   font-family: Arial, Helvetica, sans-serif;
   color: #828282;
   text-decoration: none;
   margin: 0 18px 0 18px;
   font-size: 10px;
}

#footerLinks a:hover {
   color: #171717;
}

br.clear {
   clear: both;
   font-size: 0px;
   line-height: 1;
   margin: 0px;
   padding: 0px;
   visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
   color: #872743;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: 1px;
   margin-top: 5px;
   margin-bottom: 5px;
}

h1 {
   font-size: 16px;
}

h2 {
   font-size: 13px;
   margin-left: 10px;
}

p.h2 {
   margin-left: 10px;
}

h3 {
   font-size: 11px;
   margin-left: 15px;
}

p.h3 {
   margin-left: 15px;
}

#googleMap {
   width: 450px; 
   height: 400px; 
   border: 1px solid #737272; 
   margin: 10px auto 10px auto;
}

#sideContainer #googleMap {
   width: 216px; 
   height: 216px; 
   border: 1px solid #737272; 
   margin: 10px auto 10px auto;
}

.smallText {
   font-size: 9px;
}

#saddr {
   font-family: Arial, Helvetica, sans-serif;
}

.submitButton {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	background: #FFFFFF;
	color: #A3026C;
	text-align: left;
	width: 199px;
	padding: 0px;
	margin: 0px;
}

.submitButton:hover, .submitButtonHover {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	background: #FFFFFF;
	color: #EB348A;
	text-align: left;
	width: 199px;
	padding: 0px;
	margin: 0px;
}

.contactContainer {
   padding: 5px 10px 5px 10px;
}

.contactName {
   display: block;
   float: left;
   font-size: 11px;
}

.contactEmail {
   display: block;
   float: right;
   font-size: 11px;
}

#serviceImageContainer {
   margin: 10px auto 10px auto;
   width: 218px;
}

#serviceImageContainer .serviceImage, #serviceImageContainer .serviceImageHover {
   margin: 25px auto 25px auto;
}

.serviceImage img {
   border: 2px solid #070206;
}

.serviceImageHover img {
   border: 2px solid #EC398B;
}

.commonButton {
   margin: 15px auto 15px auto;
}

.commonButton a:link, .commonButton a:visited {
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #A70E4C;
   text-transform: uppercase;
   padding: 5px 5px 5px 10px;
   width: 203px;
}

.commonButton a:hover, .commonButton a:active {
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #EB348A;
   text-transform: uppercase;
   padding: 5px 5px 5px 10px;
   width: 203px;
}