@charset "UTF-8";

/*Main -------------------------------------*/


body {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFF;background: #000000 url(../images/background.jpg) no-repeat;}
	
body#print,body#web,body#art,body#contact,body#blog {	background: #484848 url(../images/content-bground.jpg) no-repeat}	
	
div#wrapper{ width: 100%; }

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

div#logo{width:960px;background:url(../images/creative-habit-logo.gif) no-repeat left top; height:85px}

div#header{width:960px; background:url(../images/creative-habit-header.jpg) no-repeat; height:277px}
div#contentheader{width:960px; background:url(../images/content-header.jpg) no-repeat; height:145px}

h1{color:#e6177f; font-size:18px;padding:65px 0px 0px 160px;width:580px; float:left; font-weight:normal}

a{text-decoration:none; color:#ffffff}

a:hover{text-decoration:none;color:#333333}

ul li{list-style-type:none;}


/*Menu ---------------------------------------*/

div#navigation{width:520px; padding:248px 0px 0px 0px;float:right; }
div#contentnavigation{width:520px; padding:113px 0px 0px 0px;float:right; }

.Links a {color:#ffffff; font-size:16px;padding:10px 6px 10px 6px}
.Links a:hover{background-image:url(../images/menu-hover-bground.jpg); height:47px;}

body#home a#homenav,body#about a#aboutnav,body#web a#webnav,body#print a#printnav,body#art a#artnav,body#contact a#contactnav, body#blog a#blognav{color:#ffffff; background-image:url(../images/menu-hover-bground.jpg);height:47px;text-decoration:none;padding:10px 6px 10px 6px}

.Links li{display:inline; padding:0px 6px;}



/*straight to the point --------------------*/

div#thepoint{width:960px;background:url(../images/pencil-and-paper.png) no-repeat; height:137px;}

.PinkButton{width:155px; height:47px; float:left; padding: 25px 0px 0px 20px; background:url(../images/contact-button.png) no-repeat; margin-top:20px;font-size:24px; }

.PinkButton a {color:#ffffff;}
.PinkButton a:hover {color:#333333;}

/*Homepage Boxes ---------------------------*/

div#homecontent{ width:960px; padding-top:40px; min-height:220px; height:auto; padding-bottom:65px;}
div#content{ width:960px; padding-top:85px; min-height:220px; height:auto; padding-bottom:65px;}

div#homecontent .img{ margin:90px 0px 0px 10px; border:1px solid #ffffff}

.LeadIn{ width:260px; height:220px; border:1px solid #ffffff; float:left }

div#web { background: #333333 url(../images/web-title.png) no-repeat top left;}
div#print { background: #333333 url(../images/print-title.png) no-repeat top left; margin-left:85px;}
div#art {  background: #333333 url(../images/art-title.png) no-repeat top left; margin-left:85px;}


/*Slider Titles --------------------------*/

.Art{background:url(../images/art-title.png) no-repeat 70px 10px;}
.Web{background:url(../images/web-title.png) no-repeat 70px 10px; }
.Contact{background:url(../images/contact-title.png) no-repeat 70px 10px; }
.Print{background:url(../images/print-title.png) no-repeat 70px 10px; }



/*footer --------------------------------*/

div#footer{width:100%; background-image:url(../images/footer-bground.png); height:260px;}

div#footercontainer{width:960px; margin:0 auto; position:relative;padding-top:60px;color:#999999;font-size:12px;}

.FooterSections{width:300px; padding: 10px;  float:left; text-align:left;}

div#footercontact ul{background:url(../images/footer-contact.jpg) no-repeat; padding:40px 0px 0px 58px;height:60px;}
div#footerresume ul{background:url(../images/footer-resume.jpg) no-repeat 25px 0; padding:40px 0px 0px 115px; height:60px;}
div#footersocial ul{background:url(../images/footer-social.jpg) no-repeat 50px 0;padding:40px 0px 0px 195px; height:60px}

.download{width:122px; height:47px; background-image:url(../images/download-button.png); background-repeat:no-repeat; color:#ffffff;display:block;padding:11px 0px 0px 19px; font-size:18px;margin:0px 0px 0px 100px;}