@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Chic Chic Readymades
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%;}

.full{width:100%;}
.fixed{width:1000px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{display:block; clear:both;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.bordered{padding:4px; border:1px solid #ccc;}


/*------ body content ------*/
#wrapper{padding-top:30px;}

#mastHead{padding:2px 30px; height:60px; background:#8e857c; position:relative; border-bottom:2px solid #fff;}
#mastHead .logo{position:absolute; left:30px;}
#mastHead .tagline{position:absolute; right:30px; top:19px; color:#fff; text-transform:lowercase;}
#mastHead .tagline span{font-size:18px; font-weight:normal;}

#mainContent{padding:20px;}
.leftCol{width:440px; padding:0 10px 20px 10px; display:block; float:left; position:relative;}
.rightCol{width:440px; padding:0 10px 20px 10px; display:block; float:right; position:relative;}
.centerCol{display:block; padding:0 10px 20px 10px; clear:both;}

.highlightBox{position:relative; width:460px; left:-10px; margin-bottom:10px;}
.hBar{position:relative; background:#eee; padding:0 20px; height:38px; border-bottom:1px solid #fff; line-height:38px; margin:0;}
.hBar span{position:absolute; right:20px; font-size:14px; font-weight:normal; line-height:40px;}
.pad{margin-bottom:15px;}

.gallery{margin:0 0 20px 0; padding:0; list-style:none; display:block; clear:both;}
.gallery li, .gallery li a{display:block; float:left;}
.gallery a{border:1px solid #ccc; padding:4px; margin:20px 20px 0 0;}
.gallery a.last{margin-right:0;}
.gallery a.hide{display:none;}
.gallery img{width:130px;}

.pricingTbl{border:1px solid #fff; border-collapse:collapse; text-transform:uppercase; background:#fff;}
.pricingTbl th{background:#fff; font-weight:bold; border-color:#ccc;}
.pricingTbl .alternate{text-transform:none;}
.pricingTbl td{padding:5px; background:#fff; border-color:#ccc;}



/*------ main navigation ------*/
#mainNav{margin:0; padding:0; list-style:none; text-align:center; background:#eee; padding:15px 30px 13px; border-bottom:1px solid #ccc;}
#mainNav li{display:inline; color:#8e857c; font-size:10px; line-height:30px;}
#mainNav li a{padding:4px 7px; margin:0 1px; color:#8e857c; font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:30px;}
#mainNav li a:hover, #mainNav li a.selected{color:#fff; background:#8e857c;}


/*------ clearFix ------*/
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }


/*------ footer ------*/
#footer{background:#8e857c; padding:20px; font-size:12px; color:#fff;}
#footer div.f_left{padding:10px 50px 0 0;}
#footer td{color:#fff;}

#map_canvas{display:block; float:left; margin-right:50px; width:275px; height:110px; border:5px solid #fff;}