@charset "utf-8";

/*
Version: 1.0 
Site Name: www.carrythe1.com
Author: copperDesign (copper29design.com)
*/


/* --------> Resets & Site Specific Defaults <-------- */
@import url( '../assets/resetstyle.css' );

html, body {
	 font: 14px Georgia, serif;
	 background: #362e25;
	 color: #c2b59b;
	 height: 100%;
	 width: 100%;
	 }

html {
       overflow-y: scroll;
}

/* --------> Site Structure/Layout <-------- */
#pageWrap {
	 position: relative;
/* 	 width: 750px;<!-- PRE-pixelPerfect */
width: 735px; 
	 margin: 0 auto;
	 padding: 225px 0 150px;
	 }

#contentWrap {
	 float:left;
/* 	 width:650px; <!-- PRE-pixelPerfect */
width: 605px;
	 }
	 
#content {
	 float:left;
	 margin:0 auto;
/* 	 width:650px; <!-- PRE-pixelPerfect */
width: 605px;
	 }  

#services #content{
	 background: transparent url(../assets/imgs/contentDiv-trans.png) no-repeat center bottom;
	 padding-bottom: 30px;
}

#contentLeft	{
	 float: left;
	 margin: 30px 0 0 0;
}

#contentLeft img {
	 margin: -52px 0px 0 7px
}

#contentRight	{
	 float: right;
	 margin: 30px 0 0 0;
}

#contact #contentRight {
	 float: none;
	 margin:139px 0 0 303px;
	 /*#margin: 33px 0 0 303px;*/
}

#about #contentRight{
	 float: none;
	 margin: 139px 0 0 171px;
}

#gutterLeft {
	 float: left;
	 padding-right: 49px;
}

#gutterRight {
/*	 float:right; <!-- PRE-pixelPerfect */
float: left;
	 padding-left:49px;
}

.clear	{
	 clear: both;
}


/* --------> Typography <-------- */
p {
	 line-height: 17px;
	 padding-top: 10px;
	 text-align: justify;
	 }

h1, h2, h3 {
	 font-family: Georgia, Serif;
	 font-weight: normal;
	 }

h1	{
	 color: #A23A23;
	 font-size: 42px;
	 font-style: italic;
	 line-height: 1.2em;
	 letter-spacing:-1.25px;
	 margin-top:55px;
	 }

h1 span.header	{
	 color: #c2b59b;
	 font-size: 40px;
	 font-style: normal;
	 }

h1.footer{
	 margin: 0px;
}

h2{
 	 color: #c2b59b;
	 font-size: 24px;
	 line-height: 1em;
	 }
 
h3 {
	 color: #A23A23;
	 font-size: 24px;
	 font-style: italic;
	 line-height: 0.5;
	 }

.logotype	{
	 color: #A23A23;
}

h3.mailmsg	{
	padding-top: 15px; 
}

#services h3, #about h3{
	 padding: 0 0 10px 0;
}

/* --------> Header <-------- */
#headerWrap	{
	 position: fixed;
	 height: 75px;
	 background: #c2b59b /*url(../assets/imgs/mainFade.jpg) no-repeat center bottom*/;
	 width: 100%;
	 left: 0px;
	 z-index: 1;
}

#header {
	 margin: 0 auto;
	 position:relative;
	 width:	650px;
	 height: 75px;
}



#nav	{
position:absolute;
text-indent:-9999px;
width:650px;
background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat -1000px -1000px;

}


#nav .about	{
	 background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -24px 47px;
	 display:block;
	 height:75px;
	 left:60px;
	 position:absolute;
	 width:90px;
	 z-index:600; 
}

#nav a:hover.about {
	 background-position: -24px -45px 
}

#about .about, #about a:hover.about	{
	 background-position: -24px -136px;
}

#nav .services	{
	 background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -211px 47px;
	 display:block;
	 height:75px;
	 left:248px;
	 position:absolute;
	 width:95px;
	 z-index:600;
}

#nav a:hover.services {
	 background-position: -211px -45px;
}

#services .services, #services a:hover.services	{
	 background-position: -211px -136px;
}

#nav .contact{
	 background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -383px 47px;
	 display:block;
	 height:75px;
	 left:422px;
	 position:absolute;
	 width:105px;
	 z-index:600;	
}

#nav a:hover.contact {
	 background-position: -383px -45px;
}

#contact .contact, #contact a:hover.contact	{
	 background-position: -383px -136px;
}

#logo	{
	 background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -170px -226px;
	 height:90px;
	 left:603px;
/* left: 608px; <!-- only on 1024x768 */
	 position:absolute;
	 top:17px;
	 width:201px;
	 z-index:600;
}

#contentFade	{
background:transparent url(../assets/imgs/footerFade-trans.png) repeat-x scroll center -60px;
height:250px;
}


/* --------> Footer <-------- */

#footerLine	{
	 position: fixed;
	 bottom: 75px;
	 height: 5px;
	 width: 100%;
	 background-color: #A23A23;
	 z-index: 2;
}


#footerFade {
	 position: fixed;
	 bottom: 0px;
	 height: 250px;
	 width: 100%;
	 background: transparent url(../assets/imgs/contentFade-trans.png) no-repeat center bottom; 
}

#footerWrap{
	 height: 75px;
	 background: #c2b59b;
	 bottom: 0px;
	 position: fixed;
	 width: 100%;
}

#footer {
	 margin: 0 auto;
	 position: relative;
	 width: 650px;
}

#callToAction	{
	 position: absolute;
	 width: 200px;
	 left: 114px;
	 top: 6px;
}

#contacts	{
	 left: 342px;
	 position: absolute;
	 width: 145px;
}

#contacts p{
	 color: #362e25;
	 font-size: 12px;
	 line-height: 1.2em;
}

#tag	{
	 background: transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -22px -228px;
	 bottom: -50px;
	 height: 90px;
/* 	 left: -165px; <!-- PRE-pixelPerfect */
left: -174px;
/* left: -135px; <!-- only on 1024x768 */
	 position: absolute;
	 width: 55px;
	 z-index: 3;
}

/*
#about #tag{
	 bottom:280px;
	 height:90px;
	 left:60px;
}
*/

#design {
background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat scroll -385px -232px;
bottom:-70px;
height:40px;
left:710px;
position:absolute;
width:65px;
z-index:3;
}

a:hover #design{
	 background:transparent url(../assets/imgs/cto_theme-trans.png) no-repeat -451px -232px;
}