
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 100%;
	text-align: center;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background:#fff url(../images/bg_body.jpg) top left repeat-x;
	color:#767676;
}

html>body {
	font-size: 12px;
}

#content p {
	margin-bottom:2em;
	font-size:1em;
	line-height:1.6em;
}

.col413 p {
	margin-left:1em;
}

#content cite {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-style:italic;
	margin-left:1em;
}

#content em {
	font-size:1.1em;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-style:italic;
}

#mainContent em {
	font-size:1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#848484;
}

#content strong {
	font-weight:bold;
}

#content blockquote {
	margin-bottom:0.6em;
	font-size:1.2em;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-style:italic;
	line-height:1.5em;
}

#content cite {
	display:block;
	margin-bottom:2em;
	margin-left:0;
	font-size:0.9em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-style:normal;
	color:#ACACAC;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	padding-top:4px;
	font-size:1.1em;
	text-transform:uppercase;
	color:#2B3441;
	border-top:1px solid #cbcecf;
}

h3 {
	margin-bottom:1em;
	font-size:1.6em;
	font-weight:bold;
	color:#2B3441;
}

h4 {
	margin-bottom:1em;
	font-size:1.1em;
	font-weight:bold;
	color:#2B3441;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	text-decoration:none;
	color:#395885;
}

a:visited {
	text-decoration:none;
	color:#395885;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:underline;
}

/* =FOOT STICK ALT
- - - - - - - - - - - - - - - - - - - - - */
/*
http://www.themaninblue.com/experiment/footerStickAlt/
*/
html {
	height: 100%;
}

body {
	height: 100%;
}

#wrap1 {
	position: relative;
	min-height: 100%;
}

* html #wrap1 {
	height: 100%;
}

#wrap2 {
	padding-bottom:100px;
}

#footer {
	position: relative;
	margin: -80px auto 0 auto;
	height:80px;
}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

	* html #footer {
	margin-top: -79px;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide {
	display: none;
}

.clear {
	height:1px; /* for IE margin-freakout */
	clear:both;
}

#wrap1 {
	margin: 0 auto;
	width: 830px;
	text-align: left;
}

#masthead {
	height:182px;
}

h1#logo {
	width:838px;
	height:140px;
	text-indent:-9000em;
	overflow:hidden;
	background:url(../images/logo_carlos_farnesi.jpg) 0px 36px no-repeat;
}

#content {
	margin-top:40px;
}

.col410, .col382 {
	margin-bottom:10px;
}

.col410 {
	float:left;
	width:410px;
	margin-right:38px;
}

.col382 {
	float:left;
	width:382px;
}

.col258 {
	float:left;
	width:258px;
	margin-right:28px;
}

.col258r {
	width:258px;
	float:right;
}

#footer {
	clear:both;
	background:url(../images/bg_footer.jpg) bottom left repeat-x;
	text-align:center;
}

#footInner {
	width:838px;
	margin:0 auto;
	padding-top:33px;
	height:42px;
	background:url(../images/logo_carlos_farnesi.gif) right 43px no-repeat;
}

/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Global Navigation */
ul#navlist {
	width:431px;
	height:42px;
	padding-left:6px;
	background:url(../images/nav_sprite.gif) 0 0 no-repeat;
}

ul#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#homePage ul#navlist {
	background-position: 0px 0px;
}

#portfolioPage ul#navlist {
	background-position: 0px -42px;
}

#aboutPage ul#navlist {
	background-position: 0px -84px;
}

.contact ul#navlist {
	background-position: 0px -126px;
}

.hire ul#navlist {
	background-position: 0px -210px;
}

ul#navlist li a {
	display:block;
	float:left;
	margin-right:3px;
	height:42px;
	text-indent:-9000em;
	overflow:hidden;
}

#homePage ul#navlist li#home a:hover,
  #portfolioPage ul#navlist li#portfolio a:hover,
    #aboutPage ul#navlist li#services a:hover,
	  .contact ul#navlist li#contact a:hover {
	background:none;
}

ul#navlist li#home a {
	width: 88px;
	background:none;
}

ul#navlist li#home a:hover {
	background-position: -6px -168px;
	background-image: url(../images/nav_sprite.gif);
}

ul#navlist li#portfolio a,
 #portfolioPage ul#navlist li#portfolio a:hover {
	width: 123px;
	background:none;
}

ul#navlist li#portfolio a:hover {
	background-position: -97px -168px;
	background-image: url(../images/nav_sprite.gif);
}

ul#navlist li#services a {
	width: 94px;
	background:none;
}

ul#navlist li#services a:hover {
	background-position: -223px -168px;
	background-image: url(../images/nav_sprite.gif);
}

ul#navlist li#contact a {
	width: 111px;
	background:none;
}

ul#navlist li#contact a:hover {
	background-position: -320px -168px;
	background-image: url(../images/nav_sprite.gif);
}

/* Sub Navigation */
#subNav {
	margin-bottom:25px;
}

ul#sublist {
	margin: 0;
	padding: 0 0 23px 0;
	border-bottom: 1px solid #c5c7c8;
}

#sublist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#sublist a:link,
 #sublist a:visited {
	float: left;
	margin: 0 20px 4px 0;
	height:24px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	color: #959595;
}

#sublist a:link#current,
 #sublist a:visited#current,
 #sublist a:hover {
	background: transparent url(../images/nav_arrow.gif) bottom center no-repeat;
	color: #2b3441;
}

/* Footer Navigation */
ul#footlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul#footlist li a {
	float:left;
	display:block;
	width:105px;
	height:42px;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../images/nav_hire.gif) 0 0 no-repeat;
}

.hire ul#footlist li a {
	background-position:0 -84px;
}
.hire ul#footlist li a:hover {
	background-position:0 -84px;
}

ul#footlist li a:hover {
	background-position:0 -42px;
}



/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
/* HOME PAGE */
#feature a {
	overflow:hidden;
	display:block;
	width:413px;
	height:261px;
	margin-bottom:4px;
}

div.ourProcess dl dd {
	font-size: 1em;
	line-height: 1.4em;
	padding-bottom: 10px;
}

div.ourProcess dl dt {
	color: #2b3441;
	font-size: 1.5em;
	padding: 9px 0 4px;
}

div.ourProcess dl dt,
div.ourProcess dl dd {
	padding-left: 79px;
	padding-right: 15px;
}

div.shadyBox2.ourProcess dl dt,
div.shadyBox2.ourProcess dl dd {
	padding-left: 60px;
}

div.ourProcess dl dt.design,
div.ourProcess dl dt.market {
	background: #e0e0e0 url(../images/grey_header_long.gif) no-repeat top left;
}

div.ourProcess dl dd.design,
div.ourProcess dl dd.market {
	background: #e0e0e0 url(../images/grey_footer_long.gif) no-repeat bottom left;
}

div.ourProcess dl dt.market {
	background: #e8e8e8 url(../images/grey_header_long_2.gif) no-repeat top left;
}

div.ourProcess dl dd.market {
	background: #e8e8e8 url(../images/grey_footer_long_2.gif) no-repeat bottom left;
}

div.ourProcess dl dd img {
	display: inline;
	float: left;
	margin: -20px 0 0 -62px;
}

div.aboutPage div.ourProcess dl dd img {
	margin-left: -68px;
}

.shadyBox {
	padding:10px;
	background: #fff url(../images/bg_shade.jpg) top left repeat-x;
}

.shadyBox2 {
	padding:25px 20px;
	background: #fff url(../images/bg_shade2.jpg) top left repeat-x;
	border-top:1px solid #c9cacc;
}

div.email {
	background: #fff url(../images/bg_shade.jpg) left 33px repeat-x;
}

div.email h4 {
	margin-bottom:0.5em;
	color:#2B3441;
}

div.email .shadyBox {
	background:url(../images/icon_email.gif) 17px 14px no-repeat;
	margin: 10px 0 0.5em;
	padding:13px 0 0px 80px;
}

.shadyBox p#client {
	background:url(../images/icon_client.jpg) 0px 0px no-repeat;
	margin-bottom:0.5em;
	padding:0 0 0px 80px;
}

ul.linkList {
	border-bottom: 1px solid #D3D6D8;
}

ul.linkList li {
	background:url(../images/bg_shade.jpg) 0px 0px repeat-x;
	list-style:none;
	margin:0;
	padding:8px 10px;
}

p#moreBrands,
p#learnMore {
	margin-top: 6px;
	text-align: right;
}

p#moreBrands a,
p#learnMore a {
	background: url(../images/arrow.gif) no-repeat right 2px;
	padding: 1px 9px 0 0;
}

/* PORTFOLIO PAGE */
h2.hLink {
	width:829px;
	height:20px;
	margin-bottom:0.2em;
}

h2 span {
	float:left;
}

h2 cite {
	float:right;
	text-transform: none;
}

h2.hLink cite a {
	display: block;
	margin-right:6px;
	padding-right:22px;
	background:url(../images/icon_website.gif) center right no-repeat;
}

.dropTab {
	width:788px;
	margin:0 0 38px 23px;
	background:#e8e8e8 url(../images/drop_top.jpg) top center no-repeat;
	padding:9px 0 0 0;
}

#content .dropTab p {
	margin:0;
	color:#4c515a;
}

#content .dropTab em {
	margin-right:0.2em;
	color:#717171;
}

#content .dropTab p.description em {
	font-size:1.2em;
}

.dropTab p.description {
	float:left;
	width:452px;
	padding:0 20px 0 33px;
	background:url(../images/divider.gif) top right repeat-y;
}

.dropTab p.specs {
	float:right;
	width:266px;
}

.dropTab .bot {
	width:788px;
	background: url(../images/drop_bot.gif) bottom center no-repeat;
	margin:0;
	padding:0 0 18px 0;
}

/* CONTACT PAGE */
#contactPage h2 {
	margin-bottom:23px;
}

#contactPage #left {
	float:left;
	width:413px;
}

#contactPage #right {
	float:right;
	width:306px;
}

label {
	display:block;
	margin-bottom:4px;
	color:#2b3441;
}

#content label em {
	color:#898989;
	margin-left:0.2em;
}

input,
 select,
 textarea {
	margin-bottom:20px;
}

.info input {
	width:263px;
}

.info select {
	width:180px;
}

.message textarea {
	width:400px;
	height:160px;
}

.message2 textarea {
	width:300px;
	height:160px;
}

#contactPage #right #contactDetailsWrapper {
	background: #e0e0e0 url(../images/grey_header.gif) no-repeat top left;
	margin-bottom: 31px;
}

#contactPage #right #contactDetailsWrapper dl {
	background: url(../images/grey_footer.gif) no-repeat bottom left;
	padding: 15px 15px 4px;
}

#contactPage #right #contactDetailsWrapper dl dt {
	color: #2b3441;
	float: left;
	line-height: 15px;
}

#contactPage #right #contactDetailsWrapper dl dd {
	color: #505050;
	line-height: 15px;
	margin: 0 0 9px 55px;
}

#contactPage #right p #hire_us img {
	float: left;
	margin-top: 13px;
}

/* ABOUT PAGES */
#aboutPage h2 {
	margin-bottom:36px;
}

#aboutPage p {
	color:#2b3441;
	font-size:1.1em;
}

ul.bulletList li {
	margin:0;
	font-size:1em;
	line-height:1.5em;
	color:#494d54;
	background: url(../images/bullet_arrow.gif) top left no-repeat;
	padding:0 0 1em 24px;
}

#mainContent {
	float:left;
	width:620px;
}

#subContent {
	float:right;
	width:180px;
	padding-top:8px;
}

#mainContent ul.brands li {
	float: left;
	margin-bottom:10px;
}

#mainContent ul.brands li.top {
border-bottom:1px solid #c4c4c4;
}

#mainContent ul.brands li img {
	margin-bottom:10px;
	padding:9px;
	border-right:1px solid #c4c4c4;
}

#mainContent ul.brands li.last img {
	padding-right:0;
	border-right: none;
}

#mainContent h4 em {
	font-weight: normal;
}

#subContent img {
	clear:both;
	float:left;
	padding:3px;
	margin-bottom:20px;
	border:1px solid #afb0ae;
}

#subContent h2 {
	margin-bottom:17px;
}

#subContent h4 {
	margin:0 0 0 85px;
}

#content #subContent p {
	margin:0 0 0 85px;
	color:#717171;
}

#content #subContent blockquote {
	margin-bottom:1em;
}

#content #subContent cite {
	margin-bottom:4em;
}

/* FOOTER COPYRIGHT */
div#footer p {
	border-right: 1px solid #595a5e;
	color: #595a5e;
	font-size: .95em;
	margin: 7px 85px 0 0;
	padding: 5px 15px 1px 0;
	text-align: right;
}
