/* LAST UPDATED - OCT 8, 2018  ------------------------------------------------------- */

/* @import url(fonts.css); ---- not used -- */


html, body{
	margin: 0px;
	background-color: #f2ede3;
	color: #b3c3cc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
h1{
	height: 0px;
	text-indent: -99999px;
	font-size: 1px;
	position: absolute;
}
h2{
	color: #ffffff;
	position: absolute;
	text-indent: -99999px;
}
h3{
	background-color: #222;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 40px;
	margin: -4px 0px 2px 0px;
}
p{
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	line-height: 20px;
	color: #b3c3cc;
	margin: 0px 0px 12px 0px;
	padding-right: 10px;
}
p strong{
	color: #ddd;
}
p.large{
	font-size: 20px;
	color: #fff;
}
p.large strong{
	background-color: #c28f5b;
	padding: 0px 4px 0px 4px;
}
p a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
p a:hover{
	color: #222;
	border-bottom: 1px dotted #fff;
}





/* FOR SETTINGS COMMON TO ALL SECTIONS WITH TEXT ------------------------------------------------------- */

#services p, #benefits p, #about p, #approach p{
	background-color: transparent;
	padding: 16px 20px 20px 20px;
	position: relative;
	left: -20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	margin-bottom: 4px;
	color: #555;
}
#services p.large, #benefits p.large, #about p.large, #approach p.large{
	font-family: 'Helvetica-Light', 'Lato', Helvetica, Arial, sans-serif;
	padding: 15px 30px 50px 0px;
	margin-top: 5px;
	color: #fff;
	line-height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}






/* FOR SETTINGS IN ALL SECTIONS  ------------------------------------------------------- */

#page>div{
	xpadding-bottom: 10px;
	margin-bottom: 0px;
}
#page>div, #work, #services, #benefits, #approach, #about, #contact, #footer, #intro, #navbox, .intro, #navboxplace, #page, #logobox, #nav, #nav>a{
	overflow: hidden; /*sensitive*/
}
#work{
	padding-top: 73px;
}





/* FOR SERVICES SECTION ------------------------------------------------------- */

#services{
	padding-top: 160px;
	position: relative;
}
#services.jsenabled{
	margin-top: -370px;
}
#services .wrap{
	background-image: url(../img/dtp1_servicemap.png);
	background-repeat: no-repeat, repeat-y;
	background-size: auto 618px, 1px auto;
	background-position: 145px 150px;
}
#services>div{
	height: 1600px;
	position: relative;
}
#services .service{
	position: absolute;
}
#services h3{
	font-size: 68px;
	line-height: 55px;
	margin-bottom: -4px;
	background-color: transparent;
	display: inline-block;
	position: relative;
	padding: 5px 20px 15px 20px;
	left: -20px;
	text-decoration: none;
	color: #fff;
}

#services .ux{
	width: 420px;
	top: 180px;
	left: 0px;
	background-image: url(../img/dtp1_verticaldotted.gif), url(../img/dtp1_verticalnodotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#services .ux h3{
	width: 204px;
	left: 45px;
}
#services .ux p{
	text-align: left;
	top: -20px;
	left: 45px;
}

#services .social{
	width: 420px;
	top: 180px;
	left: 535px;
	background-image: url(../img/dtp1_verticalnodotted.gif), url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#services .social h3{
	text-align: left;
	left: -18px;
}
#services .social p{
	text-align: left;
	top: -20px;
}

#services .colsys{
	height: 55px;
	z-index: 99;
	background-color: transparent;
}
#services .colsys>div, #benefits .colsys>div, #approach .colsys>div, #about .colsys>div{
	background-repeat: no-repeat;
	background-size: auto 55px;
	height: 55px;
	background-color: transparent;
}
#services .colsys>div{
	background-image: url(../img/dtp1_services-title.png);
}

#services .col2, #benefits .col2, #approach .col2, #about .col2{
	background-position: -245px;
}
#services .col3, #benefits .col3, #approach .col3, #about .col3{
	background-position: -490px;
}
#services .col4, #benefits .col4, #approach .col4, #about .col4{
	background-position: -735px;
}



/* FOR BENEFITS SECTION  ------------------------------------------------------- */

#benefits{
	padding-top: 160px;
	position: relative;
}
#benefits .wrap{
	background-image: url(../img/dtp1_benefitsmap.png);
	background-repeat: no-repeat, repeat-y;
	background-size: auto 800px, 1px auto;
	background-position: 145px 180px;
}
#benefits>div{
	height: 1100px;
	position: relative;
}
#benefits .service{
	position: absolute;
}
#benefits h3{
	font-size: 68px;
	line-height: 55px;
	margin-bottom: -4px;
	background-color: transparent;
	display: inline-block;
	position: relative;
	padding: 5px 20px 15px 20px;
	left: -20px;
	text-decoration: none;
	color: #fff;
}
#benefits .ux{
	width: 420px;
	top: 200px;								/* originally 180 */
	left: 0px;
	background-image: url(../img/dtp1_verticaldotted.gif), url(../img/dtp1_verticalnodotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#benefits .ux h3{
	width: 204px;
	left: 45px;
}
#benefits .ux p{
	text-align: left;
	top: -20px;
	left: 45px;
}
#benefits .social{
	width: 420px;
	top: 200px;
	left: 535px;
	background-image: url(../img/dtp1_verticalnodotted.gif), url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#benefits .social h3{
	text-align: left;
	left: -18px;
}
#benefits .social p{
	text-align: right;
	top: -25px;
}
#benefits .colsys{
	height: 55px;
	z-index: 99;
	background-color: transparent;
}
#benefits .colsys>div{
	background-image: url(../img/dtp1_benefits-title.png);
}



/* FOR ABOUT SECTION ------------------------------------------------------- */

#about{
	padding-top: 160px;				/* CHANGE THIS TO SET SPACE ABOVE THE CONTENT */
	position: relative;
}
#about>div{
	height: 1750px;
	position: relative;
}
#about .service{
	position: absolute;
}
#about h3{
	font-size: 68px;
	line-height: 55px;
	margin-bottom: -4px;
	background-color: transparent;
	display: inline-block;
	position: relative;
	padding: 5px 20px 15px 20px;
	left: -20px;
	text-decoration: none;
	color: #fff;
}
#about .ux{
	width: 420px;
	top: 180px;
	left: 0px;
	background-image: url(../img/dtp1_verticaldotted.gif), url(../img/dtp1_verticalnodotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#about .ux h3{
	width: 204px;
	left: 45px;
}
#about .ux p{
	text-align: left;
	top: -20px;
	left: 45px;
}
#about .social{
	width: 420px;
	top: 180px;
	left: 535px;
	background-image: url(../img/dtp1_verticalnodotted.gif), url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#about .social h3{
	text-align: left;
	left: -18px;
}
#about .social p{
	text-align: left;
	top: -20px;
}
#about .colsys{
	height: 55px;
	z-index: 99;
	background-color: transparent;
}
#about .colsys>div{
	background-image: url(../img/dtp1_about-title.png);
}




/* FOR APPROACH SECTION ------------------------------------------------------- */

#approach{
	padding-top: 160px;
	position: relative;
}
#approach .wrap{
	background-image: url(../img/dtp1_servicemap.png);
	background-repeat: no-repeat, repeat-y;
	background-size: auto 618px, 1px auto;
	background-position: 145px 150px;
}
#approach>div{
	height: 650px;
	position: relative;
}
#approach .service{
	position: absolute;
}
#approach h3{
	font-size: 68px;
	line-height: 55px;
	margin-bottom: -4px;
	background-color: transparent;
	display: inline-block;
	position: relative;
	padding: 5px 20px 15px 20px;
	left: -20px;
	text-decoration: none;
	color: #fff;
}
#approach .ux{
	width: 420px;
	top: 180px;
	left: 0px;
	background-image: url(../img/dtp1_verticaldotted.gif), url(../img/dtp1_verticalnodotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#approach .ux h3{
	width: 204px;
	left: 45px;
}
#approach .ux p{
	text-align: left;
	top: -20px;
	left: 45px;
}
#approach .social{
	width: 420px;
	top: 180px;
	left: 535px;
	background-image: url(../img/dtp1_verticalnodotted.gif), url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#approach .social h3{
	text-align: left;
	left: -18px;
}
#approach .social p{
	text-align: left;
	top: -20px;
}
#approach .colsys{
	height: 55px;
	z-index: 99;
	background-color: transparent;
}
#approach .colsys>div{
	background-image: url(../img/dtp1_approach-title.png);
}



/* FOR CONTACT SECTION  ------------------------------------------------------- */

#contact{
	padding-top: 45px;
	background-image: url(../img/dtp1_world.png);
	background-repeat: no-repeat;
	background-size: 335px auto;
	background-position: 663px 130px;
}
#contact h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	position: relative;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 130px;
	line-height: 130px;
	text-indent: 0px;
	margin: 0px;
}
#contact p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#contact p span{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #444;
	font-size: 12px;
	margin-right: 5px;
}
#contact .left, #contact .right{
	display: inline-block;
	width: 325px;
	margin: 10px 0px 20px 0px;
	height: 290px;
	vertical-align: top;
	background-image: url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y;
	background-size: 1px auto;
	background-position: left top;
}
#contact .right{
	background-image: url(../img/dtp1_verticaldotted.gif), url(../img/dtp1_verticaldotted.gif);
	background-repeat: repeat-y, repeat-y;
	background-size: 1px auto, 1px auto;
	background-position: left top, right top;
}
#contact .address, #contact .phone, #contact .iphone, #contact .skype, #contact .email, #contact .tweet, #contact .mylink, #contact .linkedin{
	padding: 0px 25px 10px 70px;
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: 23px 2px;
}
#contact .phone{
	margin-top: 5px;
}
#contact .iphone{
	margin-top: 0px;
}
#contact .address{
	margin-top: 8px;
}
#contact .skype{
	margin-top: 10px;
	margin-bottom: 12px;
}
#contact .phone{
	background-image: url(../img/dtp1_contact_phone.png);
}
#contact .iphone{
	background-image: url(../img/dtp1_contact_mobile.png);
}
#contact .skype{
	background-image: url(../img/dtp1_contact_skype.png);
}
#contact .email{
	background-image: url(../img/dtp1_contact_email.png);
}
#contact .mylink{
	background-image: url(../img/dtp1_contact_link.png);
}
#contact .tweet{
	background-image: url(../img/dtp1_contact_tweet.png);
}
#contact .address{
	background-image: url(../img/dtp1_contact_address.png);
}
#contact .linkedin{
	background-image: url(../img/dtp1_contact_linkedin.png);
}
#contact .tweet, #contact .linkedin, #contact .address, #contact .mylink{
	display: block;
	text-decoration: none;
	padding-bottom: 18px;
}
#contact .email{
	display: block;
	text-decoration: none;
	padding-bottom: 8px;
}
#contact span.link{
	font-size: 15px;
	border-bottom: 1px dotted #fff;
}
#contact span.link{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	position: relative;
	top: -2px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
#contact a:hover span.link{
	border-bottom: 1px dotted #fff;
	color: #222;
}



/* COLUMN FORMATTING  ------------------------------------------------------- */


.colsys{
	position: relative;
	z-index: 200;
	display: block;
}
.colsys>* {
    display: inline-block;
    vertical-align: top;
	position: relative;
    margin-right: 0px;
	width: 245px;
	max-width: 245px;
}
#intro .colsys>* {
	margin-right: 0px;
}
.colsys.five>*{
	width: 196px;
	max-width: 196px;
}
.colsys img{
	display: block;
	width: 230px;
	padding: 0px;
}
.colsys a{
	text-decoration: none;
}
.colsys>div>div{
	border-bottom: 1px solid #000;
	overflow: hidden;
	z-index: 201;
}



/* LOGO FORMATTING  ------------------------------------------------------- */

.logobox{
	max-width: 125px;
	height: 90px;
	overflow: hidden;
	position: relative;
	top: -24px;
	left: -427px;
}
.logo{
	position: relative; !important
	margin: 0 auto;
	display: block;
	top: -16px;
	cursor: n-resize;
}
.logo span{
	display: inline-block;
	background-image: url(../img/dtp1_proposalwriter.png);
	background-size: 122px auto;
	background-repeat: no-repeat;
	width: 25px;
	height: 1000px;
	position: relative;
	top: 40px;
}
.logo span.hello{
	background-image: url(../img/dtp1_nav.gif);
	background-position: -3px bottom;
	background-repeat: no-repeat;
	background-size: auto 47px;
	width: 60px;
	height: 23px;
	position: absolute;
	top: -252px;
	border-radius: 1px;
}
.logo .pt1{
	background-position: 0px 0px;
	left: 0px;
	z-index: 103;
}
.logo .pt2{
	background-position: -25px 0px;
	z-index: 101;
}
.logo .pt3{
	background-position: -50px 0px;
	z-index: 104;
}
.logo .pt4{
	background-position: -75px 0px;
	z-index: 102;
}
.logo .pt5{
	background-position: -100px 0px;
	z-index: 105;
}
.locklogo{
	background-image: url(../img/dtp1_danielturner.png);
	background-size: 122px auto;
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
.locklogo span{
	visibility: hidden;
}



/* NAV FORMATTING  ------------------------------------------------------- */

#navboxplace{
	height: 90px;
	margin-bottom: -90px;
}
#navboxplace.start{
	margin-top: 520px;											/* CHANGE THIS TO MOVE MENU UP AND DOWN */
	margin-bottom: -90px;										/* Change this value to change height of intro image */
}
#navbox{
	width: 100%;
	margin: 0 auto;
	height: 90px;
	position: fixed;
	top: 0px;
	z-index: 500;
	background-color: #000;
	border-top: 1px dotted #000;
	margin-bottom: -90px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.5);
}
#navbox.start{
	width: 980px;
	position: relative;
	border-top: 1px dotted #13243d;
}
#navbox.start a.logo{
	cursor: default;
}
#nav{
	height: 23px;
	left: 155px;
	top: 44px;
	position: relative;
}
#nav a{
	text-indent: 99999px;
	text-align: right;
	line-height: 50px;
	display: inline-block;
	height: 23px;
	background-image: url(../img/dtp1_nav.gif);
	background-size: auto 47px;
	background-repeat: no-repeat;
	margin: 0px;
	position: absolute;
	text-decoration: none;
	overflow: hidden;
	border-radius: 1px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
#nav a:hover{
	opacity: 1;
}
#nav a.intro{
	background: none;
	position: relative;
	width: 60px;
	left: -155px;
	top: -100px;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}





/* MENU SECTION ----THIS SECTION DETERMINES WIDTH AND JUSTIFICATION POSITION OF EACH MENU ITEM */

#nav a.about{
	background-position: -415px top;		/* DISTANCE FROM LEFT END OF NAV.GIF TO START OF THE LABEL */
	width: 67px;							/* WIDTH OF THIS LABEL (INCLUDING THE TEXT & SIDE BORDER IN NAV.GIF DIVIDED BY 2 */
	left: 0px;								/* DISTANCE FROM BEGINNING OF THE MENU TO THE LEFT BORDER OF THE LABEL */
}
#nav a.work{
	background-position: -138px top;
	width: 60px;
	left: 100px;
}
#nav a.services{
	background-position: -212px top;
	width: 83px;
	left: 190px;
}
#nav a.benefits{
	background-position: -313px top;
	width: 83px;
	left: 303px;
}
#nav a.approach{
	background-position: -643px top;
	width: 95px;
	left: 416px;
}
#nav a.contact{
	background-position: -497px top;
	width: 80px;
	left: 538px;
}
#nav a.gp{
	text-indent: -999999px;
	width: 0px !important;
}
#nav a.tw{
	background-position: -581px top;
	width: 30px;
	left: 735px;
}
#nav a.fb{
	background-position: -611px top;
	width: 30px;
	left: 775px;
}
#nav a.active{
	opacity: 1;
}
#nav a.intro.active, #nav a.intro:hover{
	top: 0px;
}
#nav a.work.active, #nav a.work:hover{
	background-position: -138px bottom;
}
#nav a.services.active, #nav a.services:hover{
	background-position: -212px bottom;
}
#nav a.benefits.active, #nav a.benefits:hover{
	background-position: -313px bottom;
}
#nav a.approach.active, #nav a.approach:hover{
	background-position: -643px bottom;
}
#nav a.about.active, #nav a.about:hover{
	background-position: -415px bottom;
}
#nav a.contact.active, #nav a.contact:hover{
	background-position: -497px bottom;
}
#nav a.tw:hover{
	background-position: -581px bottom;
}
#nav a.fb:hover{
	background-position: -611px bottom;
}
.anchor{
	display: block;	
	margin: 0px;
	padding: 0px;
}





/* FORMATTING FOR INTRO SECTION  ------------------------------------------------------- */

#intro{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: -999;
	overflow: hidden;
}
#intro a:hover{
	cursor: s-resize;
}
#intro a>span{
	height: 700px;
	position: relative;
	top: 60px;						/* CHANGE THIS TO CHANGE DISTANCE OF LOGO FROM TOP OF SCREEN  - ORIGINALLY 80 */
}
#intro>a{
	width: 980px;
	margin: 0 auto;
}


.cover, #intro .intro{
	background-repeat: no-repeat;
	background-size: 980px auto;
	height: 446px;
	xpadding-bottom: 140px;
	background-color: #000;
	display: block;
}
#work .cover{
	height: 446px;
}
#about .cover{
	height: 246px;
}

.cover{
	margin-top: 22px;
	border-radius: 0px;
}
.cover.a{
	border-radius: 2px 0px 0px 2px;
}
.cover.d{
	border-radius: 0px 2px 2px 0px;
}


#intro .intro{
	background-image: url(../img/dtp1_title.png);
}
.item{
	width: 230px;
	display: block;
	background: #000;	
}
.item img{
	border-radius: 2px;	
}
.item img, #work .cover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: saturate(0%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	opacity: .85;
}
.item:hover img, #work .cover.hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: saturate(100%);
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    opacity: 1;
}

.item .label{
	display: block;
	padding-left: 0px;				/* Increase this to shift the client title labels to the right */
	
}
.item .label p{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
	background-color: #000;
}





/* FORMATTING FOR COLUMNS  ------------------------------------------------------- */


.col1{
	z-index: 303;
}
.col2{
	z-index: 301;
}
.col3{
	z-index: 304;
}
.col4{
	z-index: 302;
}
.col1 .item{
	margin: 20px 0px 0px 0px;
}
.col1 .item.ztop{
	padding: 20px 20px 0px 0px;
	background-color: #000;
	margin-bottom: -20px;
	position: relative;
	top: -20px;
	z-index: 350;
}
.col2 .item{
	margin: 20px 10px 0px 5px;
}
.col3 .item{
	margin: 20px 5px 0px 10px;
}
.col3 .item.ztop{
	padding: 20px 20px 20px 20px;
	background-color: #000;
	position: relative;
	margin-bottom: -40px;
	top: -20px;
	left: -20px;
	z-index: 360;	
}
.col4 .item{
	margin: 20px 0px 0px 15px;
}





/* FORMATTING FOR COVER SECTION  ------------------------------------------------------- */

.cover.a, .intro.a{
	background-position: 0px 0px;
}
.cover.b, .intro.b{
	background-position: -245px 0px;
}
.cover.c, .intro.c{
	background-position: -490px 0px;
}
.cover.d, .intro.d{
	background-position: -735px 0px;
}
.cover.a, .intro.a{
	background-position: 0px 0px;
}





/* ADDITIONAL FORMATTING FOR INTRO SECTION  ------------------------------------------------------- */


.intro.b{
	background-position: -196px 0px;
}
.intro.c{
	background-position: -392px 0px;
}
.intro.d{
	background-position: -588px 0px;
}
.intro.e{
	background-position: -784px 0px;
}
.intro.f{
	background-position: -980px 0px;
}


#canvas{
	width: 100%;
}
#canvas.work .logo{
	cursor: n-resize;	
}
#page{
	margin: 0 auto;
	position: relative;
}
#work{
	overflow: visible; !important
}



/* FORMATTING FOR FOOTER SECTION  ------------------------------------------------------- */

#footer{
	border-top: 1px dotted #555;
	padding: 10px 0px 70px 0px;
	margin-top: 20px;
	clear: both;
}
#footer p{
	font-size: 14px;
	display: inline;
	margin: 0px;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer p span{
	font-weight: bold;
	color: #ffffff;
}




/* MISCELLANEOUS EXTRA FORMATTING   ------------------------------------------------------- */

.wrap{
	width: 980px;
	margin: 0 auto;
}
a{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.colbody {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 19px;
	margin-bottom: 4px;
	color: #555;
}