@charset "utf-8";
/* CSS Document */



html, body {
	margin: 0px;
	font-size:100%;
	line-height:1.125em;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(../images/backing.gif);
	background-repeat: repeat;*/
}
.clearing {
	clear: both;
	visibility: hidden;
}
p {
	font-size:0.85em;
	margin-top: 0px;
	margin-bottom: 16px;
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.sub-heading {
	color: #CC3300;
	font-size: 1.1em;
	line-height: 1.3em;
	font-style: italic;
}

a {
	text-decoration: none;
	color: #CC3333;
}
a:hover {
	color: #FF9900;
}
h1 {
	color: #CC3333;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1em;
	margin-top: 0px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/h1-div.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	color: #CCCCCC;
	margin-bottom: 6px;
	line-height: 1em;
	padding-bottom: 4px;
}
#twitter-link {
	text-decoration: none;
	link-decoration: none;
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 6px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 6px;
}

h6 {
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	margin-bottom: 6px;
}



#container {
	height: 100%;
	width: 100%;
}

.twitter_icon a, .linkedin_icon a, .eblogger_icon a {width:25px; height:25px; text-indent: -99999em; display:block; padding:0!important; margin:0 10px;}

.twitter_icon a {background:url(../images/twitter_icon.jpg) no-repeat;}

.linkedin_icon a {background:url(../images/linkedin_icon.jpg) no-repeat;}

.eblogger_icon a {background:url(../images/blogger_icon.jpg) no-repeat;}


/* ****************************** Header ********************************** */
#header {
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #CC3333;
	border-top-width: 20px;
}
#header-content {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
	padding-left: 50px;
	/*height: 95px;*/
	padding-top: 22px;
}
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 80px;
	width: 393px;
}

/* ****************************** Top Nav ********************************** */

/* *** Remove below when new drop down menu is live ***** */
/*
#header ul {list-style: none; float: right; margin-bottom:10px;}
#header li {float:left; margin-left:20px;}
#header li a:link, #header li a:visited  {font-style: italic; font-weight: bold; color: black; font-size: 0.875em;}
#header li a:hover, #header li a:active, #header li a.current  {color: #CC3333;} 
*/
/* *** Remove above when new drop down menu is live ***** */

/*Convert contact link to phone icon*/
#header ul {margin-right:-94px; display:inline;}
#header li.contact a {display:block; width:67px; height:36px; text-indent: -99999em; padding:0; margin-top:-18px; margin-left:30px; background: white url(../images/icon_phone.gif) no-repeat top;}
#header li.contact a:hover {background-position: bottom;}

/* ****************************** Main Content ********************************** */
#page {
	float:none;
	clear: both;
	background-color: #000000;
}
#page-content {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 130px;
	padding-left: 130px;
	padding-top: 49px;
	padding-bottom: 50px;
	background-image: url(../images/content-bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.page-full {
	padding-left: 46px;
}

.page-left {
	width: 540px;
	float: left;
}

.page-right {
	float: left;
	width: 280px;
	height: 260px;
	padding-left: 40px;
}

.page-left-narrow {
	width: 375px;
	padding-left: 46px;
	float: left;
}

.page-right-wide {
	float: left;
	width: 415px;
	padding-left: 18px;
}

#image-banner {
	margin-bottom: 58px;
	height: 305px;
	width: 860px;
	z-index: 99;
}

#flash_content {
	margin-bottom: 80px;
	
}

p.home_intro {
	margin-right: 15%;
	font-style: italic;
}

h1.inner_title {margin-left: 46px;}
.home-feature {
	width: 253px;
	float: left;
	padding-top: 92px;
	padding-right: 20px;
	padding-left: 14px;
}
.home-feature p {
	font-size: 0.6875em;
}
#home-feature-love {
	background-image: url(../images/home-feature-love.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#home-feature-testimonial {
	background-image: url(../images/home-feature-testimonials.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#home-feature-design {
	background-image: url(../images/home-feature-design.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 63px;
}


.testies {
	padding-right: 300px;
	margin-bottom: 30px;
}
#t-scool {
	background-image: url(../images/testimonial_s-cool.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#t-iop1 {
	background-image: url(../images/testimonial_iop_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#t-iop2 {
	background-image: url(../images/testimonial_iop_2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#t-copycarats {
	background-image: url(../images/testimonial_copy_carats.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#t-crystal {
	background-image: url(../images/testi_crystal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#t-ecotronic {
	background-image: url(../images/testi_ecotronic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#t-aul {
	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-dandare {
	background-image: url(../images/portfolio_dandare_small3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-brandnewyou {
	background-image: url(../images/portfolio_bny_small_2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-retrogames {
	background-image: url(../images/portfolio/pack_beetle_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-latest-eco {
	background-image: url(../images/portfolio/web_eco_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#p-digital-ingleside {
	background-image: url(../images/portfolio/dig_ingleside_s3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


#p-dig-crystal {
	background-image: url(../images/portfolio/dig_crystal_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-illus-cwk {
	background-image: url(../images/portfolio/illus_csk_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


#p-illus-dark {
	background-image: url(../images/portfolio/illus_dark_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


#p-pack-tstock-rebrand {
	background-image: url(../images/portfolio/pack_tstock_rebrand_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-pack-eco-torch {
	
	background-repeat: no-repeat;
	background-position: right top;
}

#p-print-scool {
	background-image: url(../images/portfolio/print_scool_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-print-latest-eco-bro {
	background-image: url(../images/portfolio/print_eco_bro_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-print-latest-symexx {
	background-image: url(../images/portfolio/.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


#p-print_honey {
	background-image: url(../images/portfolio/print_honey_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-corp_copy {
	background-image: url(../images/portfolio/print_honey_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#p-corp_copy {
	background-image: url(../images/portfolio/corpid_copycarats_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#p-corp-ish {
	background-image: url(../images/portfolio/corpid_ish_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p-corp-retro {
	background-image: url(../images/portfolio/);
	background-repeat: no-repeat;
	background-position: right top;
}


#p-corp-lonestar {
	background-image: url(../images/portfolio/corpid_lonestar_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#pro-mark {
	background-image: url(../images/the-team-mark.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#pro-rob {
	background-image: url(../images/the-team-rob.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#pro-paddy {
	background-image: url(../images/the-team-paddy.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#t-bny {
	background-image: url(../images/portfolio_bny_small_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ****************************** Contact Form  *************************** */

form.contact {width:400px;}
form.contact label {display:block; float:left; width:150px; font-size:0.75em; color:white;}
form.contact input, form.contact textarea {float:left; width:248px; margin-bottom:10px; border:1px solid white; background-color: black; color:white;}
form.contact input.submit{width:90px; float: right; font-size: 0.85em; margin-bottom: 16px; cursor: pointer; display:inline;}
form.contact input.submit:hover {font-weight: bold;}
form.contact p {clear:both; text-align: right; font-size: 0.75em}

form.contact label.error {float:none; color:#CC3333; width:410px; margin: 5px 0}

/* ****************************** Footer ********************************** */

#footer {
	height: 59px;
	background-image: url(../images/footer-bk.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	padding-bottom: 60px;
}


.footer-menu {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: center;
	overflow:auto;
}

.footer-menu a:link, .footer-menu a:active {color:#666;}

.footer-text {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
}
.footer-text p {
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.linked-in {
	height: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.e-blogger {
	padding: 0px;
}
#home-left {
	width: 580px;
}
#home-right {
	width: 238px;
}