/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright modachick
     Author: Michelle Ma-Jackson
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/
body {color:#333;background: #fff url(../img/skins/bg_main.jpg) repeat-x center top;margin:0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -230px;background: url(../img/skins/bg_page.jpg) repeat-x center bottom;}

.container a:link {color: #00284D;}
.container a:visited {color: #00284D;}
.container a:hover {color: #C00;}
.container a:active, .container a:focus {color: #00284D;}

.container hr {margin:13px 0 21px 0;background:#ddd;color:#ddd;}
/**************************************/
/*              HEADER                */
/**************************************/
#header {width:100;height:20px;padding:12px 0 8px 0;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav {width:100%;height:40px;}
ul#navlist{float:right;text-decoration:none;margin:0 40px 0 0;padding:0;}
#navlist li{display: inline;list-style-type: none;margin:0;line-height:28px;}
#navlist a {font-weight:bold;text-decoration:none;text-align:center;}

a.nhome:link, a.nhome:visited, a.nport:link, a.nport:visited, a.ngal:link, a.ngal:visited, a.nservices:link, a.nservices:visited, a.ncontact:link, a.ncontact:visited, a.nabout:link, a.nabout:visited, a.nblog:link, a.nblog:visited, a.nshop:link, a.nshop:visited {color:#000;background: url(../img/btn/nav_on.png) no-repeat center center;}
a.nhome:link, a.nhome:visited {padding:10px 28px 18px 28px;}
a.nport:link, a.nport:visited {padding:10px 21px 18px 21px;}
a.ngal:link, a.ngal:visited {padding:10px 25px 18px 25px;}
a.nservices:link, a.nservices:visited {padding:10px 20px 18px 20px;}
a.ncontact:link, a.ncontact:visited {padding:10px 23px 18px 23px;}

a.nabout:link, a.nabout:visited {padding:10px 28px 18px 28px;}
a.nblog:link, a.nblog:visited {padding:10px 32px 18px 32px;}
a.nshop:link, a.nshop:visited {padding:10px 30px 18px 30px;}

a.nhome:hover, a.nhome_off:link, a.nport:hover, a.nport_off:link, a.ngal:hover, a.ngal_off:link, a.nservices:hover, a.nservices_off:link, a.ncontact:hover, a.ncontact_off:link, a.nabout:hover, a.nabout_off:link, a.nblog:hover, a.nblog_off, a.nshop:hover, a.nshop_off {color:#fff;background: url(../img/btn/nav_over.png) no-repeat center center;}
a.nhome:hover, a.nhome_off {padding:10px 28px 18px 28px;}
a.nport:hover, a.nport_off {padding:10px 21px 18px 21px;}
a.ngal:hover, a.ngal_off {padding:10px 25px 18px 25px;}
a.nservices:hover, a.nservices_off {padding:10px 20px 18px 20px;}
a.ncontact:hover, a.ncontact_off {padding:10px 23px 18px 23px;}

a.nabout:hover, a.nabout_off {padding:10px 28px 18px 28px;}
a.nblog:hover, a.nblog_off {padding:10px 32px 18px 32px;}
a.nshop:hover, a.nshop_off {padding:10px 30px 18px 30px;}

/**************************************/
/*                LINKS               */
/**************************************/
.container a.normal {font-weight:bold;}
.container a.normal:link {color: #666;}
.container a.normal:hover {color: #999;}

#folionav a.port {color:#666;font-weight:bold;text-decoration:none;}
#folionav a.port:hover {color:#fff;background:#222;padding:0 5px;}

.container a.crumb:link, .container a.crumb:visited, .container a.crumb:active, .container a.crumb:focus {font-size:0.9em;color:#666;text-transform:capitalize;text-decoration:none;font-weight:bold;padding:0 3px;}
.container a.crumb:hover {color:#fff;background:#666;}

a.vsite:link, a.vsite:visited, a.vsite:active, a.vsite:focus {text-decoration:none;padding:2px 5px;border:1px dotted #ccc;background:#222;text-decoration:none;}
a.vsite:hover {background:#666;text-decoration:none;}

a.contactme {width:138px;height:35px;display:block;margin:15px 0 0 200px;padding: 6px 0 0 27px;}
a.contactme:link, a.contactme:visited, a.contactme:active, a.contactme:focus {color:#fff;background: url(../img/btn/contact_me_on.png) no-repeat left top;text-decoration:none;}
a.contactme:hover {color:#f69;background: url(../img/btn/contact_me_over.png) no-repeat left top;text-decoration:none;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.mainpara {width:900px;text-align:left;padding: 0 3px;margin: 0 25px;}
.mainpara h1 {font-size: 1.4em;line-height:1.2em;}
.sp12tmb, .sp8tmb {float:left;background:#fff;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}
.sp12tmb {width:458px;height:278px;}
.sp8tmb {width:298px;height:184px;}

#bdcrumb {width:100%;padding-bottom: 5px;margin-bottom:15px;border-bottom: 1px solid #ccc;}

/* folio nav */
ul#folionav {text-decoration: none;margin:0;padding:0;}
#folionav li {display: inline;list-style-type: none;}
/* work */
.workblock {width:618px;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}
/* work desc / nav */
.descblock {width:288px;background: url(../img/skins/bg_tle_desc.png) repeat left top;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}

ul#worknav {text-decoration: none;margin:0;}
#worknav li {display: inline;list-style-type: none;margin:0;}
#worknav a {color:#fff;padding:2px 5px;border:1px dotted #ccc;background:#222;text-decoration:none;}
#worknav a:hover {color:#000;background:#ccc;}

.hdwrap {width:100%;height:40px;background:  url(../img/tle/h3_left.png) no-repeat left top;}
.hdend {float:left;width:8px;height:40px;background:  url(../img/tle/h3_right.png) no-repeat left top;}
.hdwrap h3 {float:left;font-size:1.2em;color:#fff;display:inline-block;margin:0 0 0 1px;padding:6px 8px 18px 8px;background:  url(../img/tle/h3_tle.png) repeat-x left top;}

/* Small Business Packages */
.smbiz {width:900px;height:420px;background: url(../img/pic/smbiz_main.png) no-repeat left 100px;}
.smbiz h1 {font-size:18px;}
.smbiz h2 {font-size:14px;color:#666;margin:0;padding:0 0 15px 0;}
.smbiz p {padding-left:550px;}
.frame1, .frame2 {height:139px;margin:10px 0;background:#efefef;}
.frame1 {border:1px solid #76fb00;}
.frame2 {border:1px solid #fb0094;}
.frame1 p, .frame2 p {padding:10px 2px;}
.frame1 h3, .frame2 h3 {width:80%;color:#333;border-bottom:1px dotted #999;margin:20px 0 0 5px;}


.frame2 .price {color:#c03;}
/**************************************/
/*               FONTS               */
/**************************************/
.loud {color:#060;}
.pricetag {float:right;color:#666;margin:18px 5px 0 0;}
.price {font-size:2em;color:#060;font-weight:normal;}
/**************************************/
/*               FOOTER               */
/**************************************/
.footer, .clear {height: 230px;}
.footer {color:#222;background:  url(../img/skins/bg_footer.jpg) repeat-x center bottom;}
.ftblock {width:300px;height:181px;padding:5px;}

.ftle {width:288px;height:130px;background: url(../img/skins/bg_tle_footer.png) repeat left top;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}
.ftle a:link, .ftle a:active, .ftle a:visited, .ftle a:focus {color:#fff;}
.ftle a:hover {color:#000;}
.ftle p {color:#ccc;}
.ftle ul {list-style-type: none;margin:0;padding:0;color:#ccc;}
.copyright {width:950px;font-size:0.9em;color:#999;margin:0 auto;text-align:center;padding-top:5px;}