/*   
    Theme Name: Creative Studio
    Theme URI: http://seoagent.org/wordpress-themes/
    Description: SEO by Effective Web Solutions. Originally based off of http://seoagent.org; fixed many multiple SEO issues they had. >.>
    Author: Effective Web Solutions.
    Author URI: http://www.effectivewebsolutions.biz
    Version: 1.0
    Tags: seo, seo optimized, green, web 2.0, modern, marketing, marketer, promotions
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
*{margin:0;padding:0}
html{background:url(images/normalbg.jpg) repeat}
a:link,a:active,a:visited{color:#1601A4; text-decoration: none}
a:hover{color:#000}
body{background:url(images/background.jpg) top left repeat-x;font:12px Verdana, Geneva, sans-serif;color:#302a24;display:block;height:100%;margin-bottom:10px;width:100%}
#wrap{width:944px;margin:auto}
#ribbon{height:195px !important; overflow:hidden}
#ribbon img{display:inline; position:relative; top: 24px}
#ribbon .desc{position: relative; top: 20px; left: 5px; width: 420px; font-size:11px; font-style: italic }
#nav{height:54px; clear:both; }
#homeheader{background:url(images/header.jpg) no-repeat;height:285px}
#homeheader a{color:#fff}
#image-products {
	width:280px;
	float:right;
	}

#logo .desc{font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif!important;color:#000;display:block!important;letter-spacing:1px;text-transform:uppercase;text-align:center}

#intro{width:390px;float:right; /*background:url(images/open-bracket.gif) 0 38px no-repeat;*/ height:90px;padding:46px 10px 0 35px; position: relative; top: -180px}
#intro p{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:24px;display:block;float:left; color: #1601A4; text-align:center; letter-spacing:1px}
.bracket-end{background:url(images/end-bracket.gif) no-repeat 0 38px;float:right; height:135px;width:30px; position: relative; top: -160px}
#intro p span{display:block; color:#fff; text-align:center; padding-top: 8px; font-style: italic}

#nav ul{list-style:none;display:block;padding:9px 5px 0 20px}
#nav li{display:inline;font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase}
#nav a{display:block;background:url(images/menu1-right.gif) right top no-repeat;height:45px;float:left;margin-right:1px;color:#f5f1e9;text-decoration:none;cursor:hand}
#nav a:active,#nav:visited{color:#f5f1e9;text-decoration:none}
#nav a span{display:block;height:35px;background:url(images/menu1-left.gif) left top no-repeat;margin-right:6px;padding:10px 10px 0 16px}
#homeheader #left-column{width:450px;float:left;padding:25px 10px 0 20px;}
#homeheader #left-column p{text-align:justify}
#homeheader #left-column p span{text-align:center; display:block; font-size: 20px; padding-top: 8px}
#homeheader #right-column{width:400px;float:right;padding:25px 20px 0 10px}
#homeheader #right-column h6{display:block;color:#fff;font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;margin-bottom:20px;padding:9px 0 0 3px}
#homeheader #left-column h1{font:normal 24px Georgia, "Times New Roman", Times, serif;color:#FFC;margin-bottom:14px}
#homeheader #left-column p{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;line-height:22px}
#homeheader #left-column .learnmore a{display:block;background:url(images/headerbutton.gif) no-repeat;width:132px;height:26px;padding-top:3px;float:left;font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#2D2522;text-align:center;margin:18px 5px 0 0}
.learnmore a:visited,.learnmore a:active{color:#2D2522;text-decoration:none}
#homeheader #left-column .learnmore a:hover{color:#52630C}

#portfolio{margin-top: 50px}
#portfolio li .imgholder{float:right}
#portfolio li .txtholder{width:190px;float:left}
#portfolio h3{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff; margin-bottom:16px}
.txtholder p{line-height:16px;font:12px Verdana, Geneva, sans-serif;color:#D2E1C6;margin-bottom:16px}
span.button-small a{display:block;float:left;background:url(images/smallbutton.gif) no-repeat;height:22px;padding-top:3px;width:89px;margin-right:5px;text-transform:uppercase;font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none;text-align:center; }
#homeheader span.button-small a {color:#333}
#contents{padding:10px 0}
#col1{width:300px;float:left;padding:5px 5px 5px 10px}
#col2{width:300px;float:right;padding:5px 10px 5px 5px}
#col3{margin-left:325px;margin-right:325px;padding:5px 0}
#contents strong{font-weight:400}
#contents h2,#contents .fauxh{font:normal 16px Georgia, "Times New Roman", Times, serif;color:#1601A4;margin-bottom:12px}
#contents #left .fauxh{display:block; font-size: 18px; margin-top:10px; padding:0}
#contents #left .fauxh:first-child{margin-top:0}
#contents p{line-height:18px;margin-bottom:18px}
#contents #left{width:65%;float:left;background:url(images/sidebarbg.jpg) right top repeat-y;padding:10px 10px 10px 20px}
#contents #left h2:first-child{font-size: 24px; color: #333; margin: 0 0 18px 0}
#contents #sidebar{width:28%;float:right;padding:10px 20px 10px 10px}
#content-page {
	width:700px;
	float:left;
	margin-left:20px;
	margin-right:20px;

}
#back-nav-bar {
	width:300px;
	float:left;
}
.divider{background:url(images/divider.jpg) no-repeat;height:17px;clear:both;margin-bottom:10px}
.post{padding-bottom:10px;background:url(images/postbottom.jpg) left bottom repeat-x;margin-bottom:15px}
.comment-author,.comment-author a:link,fn{font-size:14px;font-weight:700;font-style:normal;text-decoration:none}
.says{font-size:10px;font-weight:400}
.avatar{background:#fff;border:1px solid #e5e5e5;float:right;margin:0 0 3px 5px;padding:2px}
.reply a:link,.reply a:visited{background:#e5e5e5;font-size:11px;font-weight:400;color:#7f7e7e;text-align:center;text-decoration:none;padding:4px}
.reply a:hover{background:#1601A4;color:#fff;text-align:center;text-decoration:none;padding:4px}
.cancel-comment-reply a:link,.cancel-comment-reply a:visited{background:#C33;font-size:11px;font-weight:400;color:#fff;text-align:center;text-decoration:none;padding:4px}
.cancel-comment-reply a:hover{background:#C33;color:#fff;text-align:center;text-decoration:none;padding:4px}
.comment-meta a:link{text-decoration:none;color:silver;font-size:10px;margin:5px}
#respond h3{padding:5px}
#respond label{display:block;margin:5px 0}
#respond input{background:#fff url(images/shadow-top.gif) repeat-x top;border:#ccc 1px solid;padding:5px}
#submit{width:150px;height:33px;cursor:hand}
#comment{background:#fff url(images/shadow-top.gif) repeat-x top;border:#ccc 1px solid;width:100%}
.thread-even{background-color:#F9F9F9;border-bottom:1px solid #e5e5e5}
.thread-odd{background-color:#fff}
.comment-container{padding:10px}
#commentform{background:#fff url(images/shadow-top.gif) repeat-x top;border:#ccc 1px solid;padding:10px}
ol.commentlist{list-style-type:none;margin:0;padding:0}
ol.commentlist li{margin:0;padding:10px}




.credits{width:30%;float:right;padding-top:5px}
.credits .vcard{text-align:right}

#header{background:url(images/header-normal.jpg) no-repeat;height:91px}
#breadcrumb{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;padding:30px 100px 0 20px}
#breadcrumb a:hover{color:#28a3e2;text-decoration:none}
#breadcrumb a,#breadcrumb a:visited,#breadcrumb a:active{color:#28a3e2;text-decoration:none}

.postinfo{display:block;font-size:11px;color:#999}
.postbottom{height:16px;background:url(images/postbottommeta.jpg) repeat-x;border-bottom:solid 1px #c9bfab;margin-bottom:20px;margin-top:20px;padding:2px}
.post h3,.post h4{color:#344332}
.post h2{font:normal 20px Georgia, "Times New Roman", Times, serif}
.post h3{font:normal 22px Georgia, "Times New Roman", Times, serif;margin:0 0 10px}
.post h4{font:normal 22px Georgia, "Times New Roman", Times, serif}
blockquote{margin-left:25px;display:block;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;margin-bottom:18px;padding:5px}
#contents blockquote strong{font-weight:900}
#contents blockquote span{font-weight:900; font-style:italic}
blockquote.extract{float:right;width:200px;margin-left:10px;margin-bottom:5px;background:#ffe;padding-left:15px;font:normal 16px Georgia, "Times New Roman", Times, serif}
.post ul{margin-bottom: 25px}
.post ul li{display:block;background:url(images/bullet-post.jpg) 2px 5px no-repeat;padding:5px 5px 5px 20px;}
ul.list-posts li{display:block;margin-bottom:5px;background:url(images/bullet-post.jpg) 2px 5px no-repeat;border-bottom:dashed 1px #ccc;padding:5px 3px 5px 28px}
.form{margin:10px 25px 10px 50px}
.form .text{display:block;border:1px solid #666;background:#efefef;width:250px;font-size:14px;color:#000;padding:5px}
.form label{display:block;margin-bottom:3px;margin-top:10px}
.form .text:hover{background:#FFF;border:solid 1px #000}
.form .text:focus{background:#efefef;border:1px solid #690}
.form .button{display:block;border:1px solid #666;background:#efefef;margin:10px 0;padding:5px 10px}
.form .button:hover{display:block;border:1px solid #666;background:#fff;margin:10px 0;padding:5px 10px}
.alignleft{display:block;float:left}
.alignright{display:block;float:right}
.aligncenter{display:block;text-align:center;margin:0 auto}
img.alignleft,img.alignright,img.aligncenter{display:block;padding:3px}
img.alignleft,.posttitle img{float:left;margin:0 10px 10px 0}
img.alignright{float:right;margin:0 0 2px 10px}
img.aligncenter{margin:5px auto}
img.noborder{background:transparent;border:none;padding:0}
a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter{background:#FFF;display:block;padding:3px}
.wp-caption{margin-bottom:15px;margin-top:15px;text-align:center;max-width:470px!important;padding:3px}
.wp-caption img{border:none;width:100%!important;height:auto!important;margin:0;padding:0}
.wp-caption-text{color:#676F51;font-size:.85em;margin:0;padding:4px 0}
a img,img{border:none}
#footer{background:url(images/bottombg.jpg) repeat;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;padding:10px 10px 20px}
#footer a{color:#fff;text-decoration:none;border-bottom:dashed 1px #fff}
#footer #container{width:930px;margin:auto}
#footer p{display:block;padding:0px 0}
#footer .left{width:65%;float:left;}
#footer #footernav{list-style-type:none;margin:0;padding:8px 0 0px}
#footer #footernav li{display:inline;margin:0;padding:0 6px}
#footer #footernav li.home{border:none;margin:0;padding:0 10px 0 0}
#footer #footernav li a{color:#FFF;text-decoration:none;margin:0;padding:0}
#footer #footernav li a:hover{color:#FFF;text-decoration:none}
.clear,.navigation{clear:both}
ul,#sidebar ul li{list-style:none}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{text-decoration:none}
#nav a:hover,#nav .current_page_item a{background:url(images/menu2-right.gif) right top no-repeat;color:#fff;text-decoration:none}
#nav a:hover span,#nav .current_page_item a span{background:url(images/menu2-left.gif) left top no-repeat}
.underpost,#respond p{font-size:.9em}
.underpost a,ol.commentlist li a,.list-posts li a:hover{text-decoration:underline}

#sidebar h2, #sidebar h2 a, #sidebar h3, #sidebar h3 a{font-size: 18px; letter-spacing: 1px; margin:0 0 4px 0; padding:0; color: #322c26; font-weight: 700}
#sidebar h3{margin-top: 18px; font-family: Georgia,"Times New Roman",Times,serif}
#sidebar ul ul{margin:0;padding:0}
#sidebar ul{margin-bottom:18px}
.list-posts li a,.list-posts li a:visited,.list-posts li a:active{color:#000;text-decoration:none}

/* hcard / vcard */
#footer .vcard a{text-decoration:none; border-bottom:0}
#footer .fn{font-size:18px; letter-spacing: .15em;}
#footer .street-address{letter-spacing:.21em}
#footer .locality{letter-spacing: .16em}
#footer .country-name:after {content: "."; display: block; height: 4px; clear: both; visibility: hidden;}
.fhc{display:inline; float: left; padding-left: 87px; font-weight:900}
.sbc {font-size: 11px; letter-spacing: -.05em; color: #000; font-weight:900; display:block; clear:both; margin:12px 0 5px 0}
.sbc:first-child{margin:0 0 5px 0}
.country-name{display:inline}

.marl{margin-left:10px}
.marr{margin-right:10px}
.marb{margin-bottom:10px}
.mart{margin-top:10px}
.strong{font-weight:700}

ul.prolist {display: inline; float:left; width: 250px}
ul.prolist:first-child{padding-right:20px}
.biggreen{color:#3ADD00; font-size:18px; letter-spacing:1px; text-shadow:0px 1px 1px #333}