@import 'ct2.styles.css';
@import 'facebox.css';

/*@ default styles */
body { font: normal 12px Arial; color: #666; background: black; cursor: default }
#wrapper { width: 990px }
#content {position: relative}
a:link, a:visited { color: Black; text-decoration: underline}
a:hover, a:active { color: red; text-decoration: underline}

/*@ gallery */
div.gallery { position: relative }
div.gallery ul {position: absolute; top: 10px; left: 10px}
div.gallery ul li {float: left; padding: 10px}
ul.page2 { display: none }

/*@ contact form */
#ContactForm { width: 320px; margin: 0px 180px}
#ContactForm legend { color: White; font: bold 12px Arial; margin: 10px 0px 10px 190px}
#ContactForm label { color: White; width: 140px; float: left; clear: left; text-align: right; display:block; padding: 5px 3px}
#ContactForm input, #ContactForm textarea {margin: 2px; width: 160px}
#ContactForm input[type='submit'] { float: right; width: 100px; text-align: center}

/*@ main.master */
#leftMargin { background: url('/Images/bgLeftMargin.jpg') no-repeat; width: 155px; height: 1100px; float: left}
#main {float: left; width: 798px; height: 1100px }
#rightMargin { background: url('/Images/bgRightMargin.jpg') no-repeat; width: 37px; height: 1100px; float: left}
#contentTop {background: url('/images/bgTopContent.jpg') no-repeat; width:798px; height:242px; }
#contentTop p:first-child {padding: 40px 15px 10px 60px; margin: 0px}
#contentTop p, #contentTop address {padding: 10px 15px 10px 60px; margin: 0px}
#contentTop address + address { margin-top: -20px; padding-left:115px}
#contentBottom { background: url('/Images/bgBlackCenter.jpg') no-repeat; width: 798px;height: 382px;}
#contentBottom p {margin: 0px; padding: 10px 20px}
.redStripe { background: url('/Images/bgMidRedStripe.jpg') no-repeat; width: 798px; height: 37px}
.redStripe h3 { text-align: center; padding-top: 10px; color: White; font: italic bold 16px Cambria, Times New Roman}
.silverStripe { background: url('/Images/bgFooterGreyStripe.jpg') no-repeat; width: 798px; height: 38px}
.silverStripe p {text-align: center; margin: 0px; padding-top: 10px}
.bottom {background: url('/Images/bgBodyBottom.jpg') no-repeat; width: 798px; height: 225px}
p em {font: italic bold 13px Cambria, Times New Roman}
.callNow {position: absolute; top: 2px; right: 2px; background: url('/Images/bgCallNow.jpg') repeat-x; text-transform: uppercase; color: White; font: normal 14px Arial; text-align: center; width: 190px; padding: 5px 0px}
#page_default #contentBottom { background: url('/Images/bgC2Home.jpg') no-repeat}
#page_about #contentBottom { background: url('/Images/bgC2About.jpg') no-repeat }
#page_products #contentBottom { background: url('/Images/bgC2Products.jpg') no-repeat}

/*@ main menu */
ul#mainMenu { background: url('/Images/bgMainMenu.jpg') no-repeat; width: 186px; height: 209px; position: absolute; top: 25px; left: -134px}
ul#mainMenu li { display: block; padding: 4px 0px 0px 23px }
ul#mainMenu li:first-child { display: block; padding-top: 20px }
#page_default ul#mainMenu li.home, #page_about ul#mainMenu li.aboutUs, #page_contactus ul#mainMenu li.contactUs,
#page_products ul#mainMenu li.products, #page_gallery ul#mainMenu li.gallery { visibility: hidden }
