/* @override http://dev.creativechamber.com/css/main.css */

/*--------------!GENERAL----------------*/

body {
background: #3D3533;
margin: 0;
overflow: scroll;
}

h1, h2, h3, h4, h5, h6, h7 {
font-weight: 100;
}

p {
line-height: 1.2em;
font-size: .8em;
}

a {
text-decoration: none;
}

a, a:active { 
outline: none;
}  

ol, ul {
list-style: none;
margin: 0;
padding: 0;
}

.bold {
font-weight: 700
}

.clearing {
clear: both;
}

.floatl {
float: left
}

.floatr {
float: right
}

.no-margin {
margin-right: 0!important;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*--------------!FONTS----------------*/

body {
font-family: "Trebuchet MS",arial,sans-serif;
}

@font-face { font-family: 'Museo 300'; src: url('Museo300-Regular.otf'); }
    
#nav-main a, #nav-home, #body-content h1  { 
font-family: "Museo 300", "Trebuchet MS",arial,sans-serif;
text-transform: lowercase;
}

/*--------------!COLOURS----------------*/

/* Grey */
#nav-main a, #stylized .small, #dropnav li a:hover, #footer a:hover {
color: #9B9793;
}

/* Almost White */
body, #nav-main .selected a, #nav-main a:hover, #body-content #nav-home a, #footer a, h2 a, #dropnav li a  {
color: #F8F8F2;
}

/* White */
#nav-main .selected a:hover, #txt-home, #footer #nav-social .email a:hover, #intro h1 a, #content.narrowcolumn h2 a  {
color: #FFF;
}

/* Green */
#body-content #nav-home a:hover, #body-content #intro p, h2 a:hover, #intro h1 span, #intro h1 a:hover, #content.narrowcolumn h2 a:hover {
color: #BFDF0C;
}


/* Bright Orange */
p a, #txt-home a, #news-home a, .btn-link, .about-us li a, #content.narrowcolumn a, .inline-list li a {
color: #ea7901;
}

/* Dull Orange */
p a:hover, #txt-home a:hover, #news-home a:hover, .btn-link:hover, .about-us li a:hover, #content.narrowcolumn a:hover, .inline-list li a:hover {
color: #925019; 
}

/*--------------!LAYOUT----------------*/

#container {
width: 960px;
margin: 0 auto;
}

#masthead {
width: 960px;
margin: 40px auto 60px auto;
position: relative;
position: relative;
height: 35px;
}

#nav-main {
position: absolute;
right: 10px;
top: 9px;
}

#body-content {
margin:0 10px;
}

#footer {
clear: both;
width: 960px;
height: 41px;
}

#content {
position: relative;
}

#content-a, #content-b {
width: 460px;
}

#content-a {
float: left;
z-index: 250;
}

#content-b {
float: right;
}

/*--------------!MASTHEAD----------------*/

/*---!Logo---*/
#masthead h1 a, #masthead #logo {
background: url(/g/logo.gif) no-repeat left top;
display: block;
height: 35px;
width: 240px;
overflow: hidden;
text-indent: -9999px;
position: absolute;
top: 0px;
left: 10px;
}

#masthead h1 a:hover, #masthead #logo:hover {
background-position: 0 -36px;
}


/*---!Main Nav---*/
#nav-main li {
float: left;
margin-left: 45px;
}

#nav-main a {
font-size: 1.1em;
font-weight: 100;
}


/*--------------!CONTENT----------------*/

/*---!Main Content---*/

#main-content h2 {
font-size: 1.1em;
line-height: 1.2em;
margin: 15px 0 10px 0;
}

#main-content p {
font-size: .9em;
}

#main-content p a {
font-size: 1em;
line-height: 1.2em;
margin: .8em 0;
}

/*---!Home---*/
#news-home {
width: 375px;
position: absolute;
top: 0px;
left: 480px;
padding-left: 45px;
padding-right: 60px;
background: url(/g/home/news.png) no-repeat left center;
min-height: 37px;
line-height: 1.2em;
}

#news-home.creativechamber {background: url(/g/home/news_cc.png) no-repeat left center;}
#news-home.parisperfect {background: url(/g/home/news_pp.png) no-repeat left center;}
#news-home.tree2mydoor {background: url(/g/home/news_tree2mydoor.png) no-repeat left center;}

#news-home h3 {
font-weight: 700;
font-size: .8em;
display: inline;
margin-right: 5px;
}

#news-home p {
display: inline;
}

#nav-home li {
float:left;
width: 470px;
}


#nav-home li a {
font-size: 5.5em;	
font-weight: 100;
margin-bottom: 15px;
display: block;
}

#nav-home li li {
float:left;
margin-right: 18px;
background-repeat: no-repeat;
background-position: left top;
margin-top: 18px;
width: 62px;
}

#nav-home li li a {
width: 62px;
height: 62px;
display: block;
text-indent: -9999px;
margin-bottom: 0;

}

#nav-home .twitter a { 
background-image: url(/g/home/twitter_lg.png)
}

#nav-home .facebook a { 
background-image: url(/g/home/facebook_lg.png)
}

#nav-home .rss A { 
background-image: url(/g/home/rss_lg.png)
}

#nav-home li li a:hover {
opacity: .5;
}

h2#txt-home {
text-align: justify;
line-height: 1.3em;
font-size: 1.45em;
margin: 20px 0;
}

/* Page styles*/

#body-content h1 {
font-size: 5.5em;
}

#content h2  {
margin: 0;
font-size: 1.8em;
}

#content h2 a {
background: none;
float: none;
display: inline;
margin: 0;
}

#content h3 {
margin: .7em 0;
font-size: 1.5em;
}

#content h4 {
margin: .3em .5em .4em 0;
font-size: 1em;
}

#content p {
margin: 1em 0;
}

#body-content #intro {
margin-bottom: 30px;
}

#body-content #intro p {
font-size: 1.5em;	
margin: 0px 0 0 100px;
text-transform: lowercase;
}

.section {
margin-bottom: 15px;
}

#content .section h2 {
margin-bottom: 15px;
}


.hidden {
display: block;
width: 460px;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: left top;
}

/* Portfolio */
.portfolio-links ul {
margin: 15px 0;
float: left;
}

.portfolio-links li {
float: left;
margin-right: 20px;
text-transform: lowercase;
width: 360px;
position: relative;
padding-left: 100px;
}

.portfolio-links li p, .about-us li p {
text-transform: none}


.portfolio-links span a  {
background-position: left top;
background-repeat: no-repeat;
width: 87px;
height: 84px;
display: block;
position: absolute;
top: 0; left: 0;
}

.portfolio-links div {
margin-left: 97px;
/*border: 2px solid green;*/
} 

.portfolio-links li p {
margin: .3em .5em .4em 0;
line-height: 1.2em;
}

.portfolio-links ul ul, .about-us ul ul {
margin: .3em 0;
float: none;
}

.portfolio-links li li,  .about-us li li, .inline-list li  {
width: auto;
margin: 0 .5em 0 0;
padding: 0 0 0 10px;
font-size: .85em;
line-height: 1.3em;
background: url(/g/blt_text.gif) no-repeat left center;
}

.inline-list li  {
float: left;
}

.portfolio-links #stephanie-brookes span a {
background-image: url(/g/portfolio/stephanie-brookes-main.png) ;
} 

.portfolio-links #tree2mydoor span a {
background-image: url(/g/portfolio/tree2mydoor-main.png) ;
} 

.portfolio-links #shell span a {
background-image: url(/g/portfolio/shell-main.png) ;
} 

.portfolio-links #pebble-hotels span a {
background-image: url(/g/portfolio/pebble-hotels-main.png) ;
}

.portfolio-links #pciq span a {
background-image: url(/g/portfolio/pciq-main.png) ;
} 

.portfolio-links #the-nod span a {
background-image: url(/g/portfolio/nod-main.png) ;
} 

.portfolio-links #for-home-and-me span a {
background-image: url(/g/portfolio/for-home-and-me-main.png) ;
}

.portfolio-links #circle-health span a {
background-image: url(/g/portfolio/circle-health-main.png) ;
}

.portfolio-links #joy-of-clothes span a {
background-image: url(/g/portfolio/joy-of-clothes-main.png) ;
}

.portfolio-links #padel span a {
background-image: url(/g/portfolio/padel-main.png) ;
}

.portfolio-links #multijet span a {
background-image: url(/g/portfolio/multijet-main.png) ;
}

.portfolio-links #business-plan-services span a {
background-image: url(/g/portfolio/bps-main.png) ;
}

.portfolio-links #wayfinder span a {
background-image: url(/g/portfolio/wayfinder-main.png) ;
}

.portfolio-links #ethesis span a {
background-image: url(/g/portfolio/ethesis-main.png) ;
}

.portfolio-links #paris-perfect span a {
background-image: url(/g/portfolio/paris-perfect-main.png) ;
}

.portfolio-links #nations-health-care span a {
background-image: url(/g/portfolio/nhc-main.png) ;
}

.portfolio-links span a:hover , .about-us .title a:hover {
opacity: 0.5;
} 

/* About us */
.about-us ul {
margin: 0;
float: left;
}

.about-us li {
float: left;
margin-right: 20px;
text-transform: lowercase;
width: 460px;
position: relative;
}

.about-us .title {
background-repeat: no-repeat;
background-position: left top;
padding-left: 100px;
min-height: 87px;
}

.about-us .title a {
background-position: left top;
background-repeat: no-repeat;
width: 87px;
height: 84px;
display: block;
position: absolute;
top: 0; left: 0;
text-indent: -9999px;
}

.uk {
background-image: url(/g/about/uk.png) ;
}

.ca {
background-image: url(/g/about/ca.png) ;
}

#john .btn-link, #nik .btn-link {
background-repeat: no-repeat;
background-position: left center;
padding: 3px 0 3px 37px;
min-height: 87px;
}

#john .btn-link {
background-image:url(http://twivatar.org/johnwright79/mini); 
}

#nik .btn-link {
background-image:url(http://twivatar.org/nikgeeks/mini); 
}

.portfolio-sections .sb {
height: 455px;
background-image: url(/g/portfolio/stephanie-brookes/breakdown.png);}

.portfolio-sections .fhandm {
height: 455px;
background-image: url(/g/portfolio/for-home-and-me/breakdown.png);}

.portfolio-sections .t2md {
height: 455px;
background-image: url(/g/portfolio/tree2mydoor/breakdown.png); 
}

.portfolio-sections .shell {
height: 455px;
background-image: url(/g/portfolio/shell/breakdown.png);}

.portfolio-sections .pebble-hotels {
height: 455px;
background-image: url(/g/portfolio/pebble-hotels/breakdown.png);}

.portfolio-sections .pciq {
height: 455px;
background-image: url(/g/portfolio/pciq/breakdown.png);}

.portfolio-sections .the-nod {
height: 455px;
background-image: url(/g/portfolio/the-nod/breakdown.png);}

.portfolio-sections .circle-health {
height: 455px;
background-image: url(/g/portfolio/circle-health/breakdown.png);}

.portfolio-sections .joy-of-clothes {
height: 455px;
background-image: url(/g/portfolio/joy-of-clothes/breakdown.png);}

.portfolio-sections .nations-health-care {
height: 455px;
background-image: url(/g/portfolio/nations-health-care/breakdown.png);}

.portfolio-sections .paris-perfect {
height: 455px;
background-image: url(/g/portfolio/paris-perfect/breakdown.png);}

.portfolio-sections .business-plan-services {
height: 455px;
background-image: url(/g/portfolio/business-plan-services/breakdown.png);}

.portfolio-sections .wayfinder {
height: 455px;
background-image: url(/g/portfolio/wayfinder/breakdown.png);}

.portfolio-sections .ethesis {
height: 455px;
background-image: url(/g/portfolio/ethesis/breakdown.png);}

.portfolio-sections .multijet {
height: 455px;
background-image: url(/g/portfolio/multijet/breakdown.png);}

/*.litebox_list {
float: left;
width: 460px;
}*/

.litebox_list li {
float: left;
margin-right: 20px;
}

#dropnav {
position: relative;
}

#dropnav #drop span {
display: block;
background: url(/g/nav_drop.gif) no-repeat 0 0;
height: 9px;
width: 18px;
text-indent: -9999px;
z-index: 1000;
position: absolute;
top: 10px;
left: 1px;
}

#dropnav ul {
display: none;
border: 1px solid #BFDF0C;
padding: 10px;
width: 460px;
float: left;
background: url(/g/transparent_bg.png);
padding: 10px;
z-index: 500;
}

#dropnav li:hover ul {
display: block;
position: absolute;
z-index: 500;
top:  10px;
}	

#dropnav li li {
width: 220px;
float: left;
margin: 5px 0;
text-indent: inherit;
}

#dropnav li li a {
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0 0px 23px;
}


/* Services */

.services .hidden {
height: 540px;
background-image: url(/g/services/services.gif);}



/*--------------!BUTTONS----------------*/

.btn .john {
background-image: url(http://twivatar.org/johnwright/mini);
}

.btn .nik {
background-image: url(http://twivatar.org/nikgeeks/mini);
}

.favicon {
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0 0px 23px;
}

.favicon-sb {
background-image: url(http://www.stephaniebrookes.com/favicon.ico);
}

.favicon-fhandm {
background-image: url(http://www.forhomeandme.com/favicon.ico);
}

.favicon-t2md {
background-image: url(http://www.tree2mydoor.com/favicon.ico);
}

.favicon-ph {
background-image: url(http://www.pebblehotels.com/favicon.ico);
}

.favicon-pciq {
background-image: url(http://www.pciq.com/favicon.ico);
}

.favicon-nod {
background-image: url(/g/portfolio/the-nod/favicon.gif);
}

.favicon-circle {
background-image: url(/g/portfolio/circle-health/favicon.gif);
}

.favicon-joc {
background-image: url(http://www.joyofclothes.com/favicon.ico);
}

.favicon-nhc {
background-image: url(/g/portfolio/nations-health-care/favicon.gif);
}

.favicon-shell {
background-image: url(/g/portfolio/shell/favicon.gif);
}

.favicon-pp {
background-image: url(http://www.parisperfect.com/favicon.ico);
}

.favicon-bps {
background-image: url(http://www.bizplans.co.uk/favicon.ico);
}

.favicon-wayfinder {
background-image: url(http://www.wayfinderkc.org.uk/favicon.ico);
}

.favicon-ethesis {
background-image: url(http://www.ethesis.co.uk/favicon.ico);
}


/* @group My Group */



/* @end */




/* Forms */

#form1 dt {
margin: 10px 0 5px 0;
}

.btn-form {
border: 1px solid red;
}

.send a {
background-image: url(/g/btn_send.png);
}

/*--------------!FOOTER----------------*/

#footer {
position: relative;
margin-top: 30px;
background: url(/g/footer.png) no-repeat center top;
padding: 18px 0 0 0;
text-transform: lowercase;
font-size: .9em;
}

#footer p {
margin-left: 20px;
font-weight: 700;
}

#footer span {
margin-left: 10px;
font-weight: 100;
}

#footer p a {
font-size: 1em;
}

#footer a {
font-size: .8em;
}

#footer #nav-social {
position: absolute;
right: 20px;
top: 18px;
}

#footer #nav-social li {
float: left;
display: inline-block;
}

#footer .twitter a, #footer .facebook a, #footer .rss a  {
display: block;
text-indent: -9999px;
background-position: center center;
background-repeat: no-repeat;
height: 18px;
width: 17px;
margin: 0 0 0 5px;
}

#footer .email a  {
margin-right: 10px;
}

#footer .twitter a  {
background-image: url(/g/twitter_sm.png)
}

#footer .facebook a  {
background-image: url(/g/facebook_sm.png)
}

#footer .rss a  {
background-image: url(/g/rss_sm.png)
}

#footer #nav-social a:hover {
opacity: .5;
}

/* ----------- Form ----------- */
.myform{
margin:0 0 0 100px;
width:500px;
}

#stylized label{
display:block;
width:500px;
font-size: 1.8em;
clear: both;
}
#stylized .small{
display:block;
font-size:.5em;
display: inline;
}
#stylized input, #stylized textarea{
font-size:1em;
padding:4px 2px;
border:solid 1px #9B9793;
width:400px;
margin:10px 0 20px 0px;
}

#stylized button {
background: none!important;
border: none;
margin: 0;
padding: 0;
clear:both;
}

#stylized button a, .btn {
border:1px solid #EA7901;
text-align:center;
color:#EA7901;
font-size:2.5em;
background: none!important;
padding:4px 2px;
display: block;
text-transform: lowercase;
}

.btn {
margin-left: 100px;
display: inline;
width: 100%;
}

#stylized button a:hover, .btn:hover {
color: #925019;
border:1px solid #925019;
}

/* Accordian */

#options {color:#925019; margin-bottom: 15px;}
#options a {color: #EA7901; font-size: .8em; text-transform: lowercase;}
#options a:hover {color:#925019}

#acc { margin:0 auto}
#acc h3 {color:#EA7901; border:1px solid #EA7901; padding:3px; margin:5px 0; cursor:pointer; padding-left: 25px; background: url(/g/down.gif) no-repeat 1.5% 50%; font-size: 1.1em;}
#acc h3:hover {color:#925019; border-color:#925019;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content { padding:5px;  border-top:none; background: none;}

/*#nested { list-style:none; color:#033; margin-bottom:15px}
#nested h3 { border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}*/

.acc-content li {
background: url(/g/blt_text.gif) no-repeat 0 5px;
padding-left: 15px;
margin: 5px;
line-height: 1.3em;
}

/* ----------- Blog Specific ----------- */
#sidebar {
width:300px;
float:right;
}

#content.narrowcolumn {
width:600px;
float:left;
}

#content .hentry {
border-bottom: 1px solid #BFDF0C;
float:left;
padding:10px 0 10px 0;
}

#content .hentry img {
border:1px solid white;
float:left;
margin-bottom:10px;
margin-right:10px;
}

#content .entry li {
margin-bottom:5px;
}

#content .entry li a {
margin-bottom:10px;
background:transparent url(/g/blt_text.gif) no-repeat 0 6px;
padding:0 0 0 15px;
}

#sidebar a {
color: #EA7901;
}

#sidebar a:hover {
color: #925019;
}

#sidebar h2 {
font-size:1.8em;
}

#sidebar ul li ul li {
background:transparent url(/g/blt_text.gif) no-repeat scroll left center;
font-size:0.85em;
line-height:1.3em;
margin:0 0.5em 0 0;
padding:0 0 0 10px;
width:auto;
}

#sidebar ul li.latestposts {
background:transparent url(/g/news/latest.png) no-repeat scroll left top;
padding-left:60px;
}

#sidebar ul li.latestposts {
background:transparent url(/g/news/latest.png) no-repeat scroll left top;
padding-left:60px;
}

#sidebar ul li.archives {
background:transparent url(/g/news/archive.png) no-repeat scroll left top;
padding-left:60px;
}

#sidebar ul li.categories {
background:transparent url(/g/news/categories.png) no-repeat scroll left top;
padding-left:60px;
}

.navigation {
border-bottom: 1px solid #BFDF0C;
padding-bottom: 15px;
}


.navigation .alignright{
margin-left: .9em;
margin-top: 5px;
}