@charset "utf-8";
/* CSS Document */
/*
- Site: Tepino
- Date: 2009-07
- Modified: 2009-09 (FUSIONn)
- Development: FUSIONn
- CSS: Eduardo Schenzer

*/

/* --------------- GRAL --------------- */

/* Reset */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {	border-collapse: collapse; border-spacing: 0; }

/* Gral */

body { margin: 0; padding: 0; background: #FFF url(../../images/gral_bg.gif) repeat-x top; font-size: 62.5%; color: #9b9381; text-align: center; }
div,td,* { font-family: Arial, Helvetica, sans-serif; }
form { margin: 0; }
img { border: 0; }
a { color: #9b9381; }
a:hover { color: #a81f23; }
p { }
td { vertical-align: top; }
ul,ul li { margin: 0; padding: 0; list-style-type: none; }
fieldset { border: none; padding: 0; margin: 0; }
input,select,textarea { font-size: 12px; color: #333; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; }
.gralClear { clear: both; height: 1px; overflow: hidden; visibility: hidden; }
hr { height: 1px; margin: 0 auto 20px auto; border: 0; background-color: #626262; color: #626262; }

/* Grid */
#grid { display:none; position:absolute; z-index:0; top:0; left:0; width:100%; opacity:0.15; filter:alpha(opacity=15); zoom:1; height:3000px; }
#grid div { background-image:url(/~tepino/site/images/grid.png);  /*url(../../images/grid.png);*/ background-position:right; width:961px; height:100%; margin:0 auto; }
#container { position: relative; }
#footer { position: static; }
.wrapper{ position:relative;}
.find_us_main{width:960px; margin:0 auto; position:relative;}
.find_us{ position:absolute; right:0; top:12px;}

/* --------------- LAYOUT --------------- */

#container { width: 910px; margin: 0 auto; padding: 0 30px 0 20px; text-align: left; }
#header { position: relative; width: 910px; margin: 0 auto; padding-top: 65px; overflow: hidden; height: 1%; }
#header h1 { float: left; }
#header ul { float: right; padding-top: 17px; }
#footer { clear: both; background: url(../../images/footer-bg.png) repeat-x bottom; min-height:225px; color: #737260; border-top: 1px solid #CCCCCC;}
#footer .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: center; font-size: 1.0em; }
#mainCont { float: left; width: 840px; min-height: 400px; overflow: hidden; font-size: 1.1em; }
.hasLeft { width: 650px !important; }
.hasRight { width: 650px !important; }
.hasRightLeft { width: 500px !important; }
.mainContent { width: 450px; margin: 50px 60px 50px 20px; }
#leftCont { float: left; width: 200px; margin-top: 50px; padding: 2px; }
#leftNoCont { float: left; width: 50px; margin-top: 0; }
#rightCont { float: left; width: 200px; margin-top: 50px; padding: 2px; }

/* --------------- FOOTER --------------- */

#footer .content { text-align: right;color: #3B2314; }
#footer ul { display: inline; padding-right: 20px; }
#footer li { display: inline; padding: 0 10px; text-transform: uppercase; }
#footer a {color: #3B2314; text-decoration: none; }
#footer a:hover { color: #a81f23; }

/* --------------- NAVIGATION --------------- */

#header ul li { display: inline; padding-left: 10px; font-size: 1.0em; }
#header ul li a { color: #988d6f; text-transform: uppercase; text-decoration: none; }
#header ul li a:hover { color: #a81f23; }
#header ul li.active a { color: #a81f23; }

#header .headerLogin { position: absolute; right: 0; top: 0; }

/* --------------- HOME --------------- */

.containerHome { width: 100% !important; padding: 0 !important;/* background: url(../../images/home_bg.gif) repeat-x center bottom; */}
.mainContHome { width: 960px !important; float: none !important; margin: 0 auto !important; }
.homeCont { padding-bottom: 2px; }
.homeContTable { width: 100%; }
.homeContTable td { vertical-align: bottom; }
.homeContLeft { width: 440px; }
.homeContCenter { width: 184px; padding: 0 8px; border-left: 2px solid #FFF; }
.homeContRight { width: 240px; padding: 0 10px; border-left: 2px solid #FFF; }
.homeContRight .CPContent { height: 170px; padding: 0 20px; }
.mainContHome .CPContent img { display: block; margin-left: auto; margin-right: auto; }
.homeContLeft p { padding: 8px 50px 50px 90px !important; }

/* --------------- LEFT --------------- */

#leftCont { font-size: 1.1em; line-height: 1.4em; }

/* --------------- RIGHT --------------- */

#rightCont { font-size: 1.1em; line-height: 1.4em; }

/* --------------- CONTENT --------------- */

/* Titles */

#mainCont h1 { margin-bottom: 15px; font-size: 16px; color: #a81f23; font-style: normal; text-transform: uppercase; }
#mainCont h2 { margin-bottom: 15px; font-size: 14px; color: #3b2314; }
#mainCont h3 { margin-bottom: 15px; font-size: 11px; color: #a81f23; text-transform: uppercase; }
#mainCont h4 { margin-bottom: 15px; font-size: 11px; color: #3b2314; font-style: italic; }

#mainCont .CPContent { line-height: 1.4em; overflow: hidden; margin-bottom: 15px; font-style: italic; color: #3b2314; }
#mainCont p { margin: 0; padding: 0 0 1em 0; line-height: 1.4em; }
#mainCont li { padding-left: 12px; background: url(../../images/bullet.gif) no-repeat 0 5px; line-height: 1.3em; }

.images { width: 840px; }
.hasLeft .images,
.hasRight .images { width: 630px; }
.hasRightLeft .images { width: 420px; }
.images .imageEntry {
	width: 185px;
	min-height: 230px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 15px 0;
	text-align: center;
 }
.imageEntry img { border: 3px solid #9b9381; }
.imageEntry a:hover img { border-color: #a81f23; }
.imageEntry p { text-align: center; }
.imageEntry p strong { display: block; text-align: center; }

/* Clients */

.mainContClients { width: 900px !important; float: none !important; margin: 20px auto; }
.mainContClients .mainContent { clear: both; margin-left: 85px; padding-top: 20px; }
.clients { clear: both; width: 815px; margin: 0 50px 20px 85px; padding-top: 20px; overflow: visible; }
.clients h1 { font-size: 11px !important; }
#mainCont .clients h3 { text-transform: none; }
.clientsOverview { float: right; width: 460px; }
.clientsNavigation { float: left; width: 430px; }
.clientsNavigation h5 { clear: left; float: left; width: 75px; padding: 1px 10px 20px 0; font-style: italic; color: #3b2314; text-align: right; }
.clientsNavigation h5.clientsChangeArea { width: 250px; padding-left: 10px; font-size: 10px; text-align: left; } 
.clientsNavigation h5 a { color: #3b2314; text-decoration: none; }
.clientsNavigation h5 a:hover { color: #A81F23; }
.clientsNavigation ul { float: left; width: 330px; padding: 0 0 10px 0; overflow: hidden; height: 1%; }
.clientsNavigation li { float: left; width: 30%; margin: 0; padding: 0 !important; background: none !important; line-height: 1.3em; }
.clientsNavigation li a { color: #9B9381; text-decoration: none; }
.clientsNavigation li a:hover { color: #a81f23; }
.clientsNavigation li.active a { color: #A81F23; }
.clientsImage { position: relative; float: right; display: inline; margin: -70px 0 0 50px; z-index: 1000; }
.clientsArrange { padding: 10px 0; line-height: 3em; }
.clients .CPContent p { color: #3B2314; /*#9b9381;*/ }
.CPSlogan { font-weight: bold; margin-top: -10px; }
.CPQuotes { width: 315px; padding-top: 30px; }
.CPQuotes h3 { display: none; }
.CPQuotes q { font-size: 14px; font-style: italic; line-height: 18px; color: #9B9381; }
.CPQuotes q em { font-weight: bold; font-size: 17px; padding: 3px; }
.CPQuoteAuthor { display: block; padding-left: 50px; }
.clients .paginate { padding: 15px 0; text-transform: lowercase; }
.clients .paginate a { text-decoration: none; }
.clients .paginate .navPrev { padding-right: 30px; }
.clients .paginate .navNext { }
.clients .expertiseHome { position: relative; top: -20px; margin: 0 120px 80px 250px; padding-top: 0px; }
.clients .expertiseHome h1 { font-size: 11px !important; }
.clients .expertiseHome .CPContent { color: #3B2314; }
.clients .expertiseHome .CPContent p { color: #3B2314; }
.clients .expertiseData { padding: 80px 0; }
.clients .expertiseData h1 { float: left; padding: 1px 10px 25px 0; font-size: 11px !important; }
.clients .expertiseData h2 { float: none; font-size: 11px !important; font-style: italic; }
.clients .expertiseData .CPSlogan { font-size: 11px; color: #3b2314; font-weight: normal; font-style: italic; }
.clientsPropel { width: 900px; margin: 0 0 2px 0; }
.clients .propelHome { margin-right: 0 !important; padding: 0 0 100px 320px; background: url(../../images/clients_propel_left.jpg) no-repeat left top; }
.clients .propelHome h1 { font-size: 11px !important; }
.clients .propelHome .CPContent { color: #3B2314; font-style: italic; }
.clients .propelHome .CPContent p { color: #3B2314; }
.clients .propelHome #propelCauses { padding-top: 20px; }
.clients .propelHome #propelCauses h5 { float: left; padding-bottom: 20px; color: #737260; }
.clients .propelHome #propelCauses ul li { display: inline; background: none; padding: 0 10px; font-size: 10px; font-style: normal; }

/* Blog */

.mainContBlog { width: 900px !important; float: none !important; margin: 20px auto 30px; }
.mainContBlog .mainContent { clear: both; margin-left: 85px; padding-top: 20px; }
.mainContBlog #blogMain { float: left; width: 680px !important; margin-left: 15px; }
.mainContBlog #blogColumn { float: left; width: 200px; }

#blogColumn .contentCP { margin-bottom: 15px; }
#blogMain .entry img { float: right; margin: 0 0 0 10px; }
#blogMain .entry h1 a { color: #a81f23; }
#blogMain .entry h2 a { font-size: 12px; color: #A81F23; }
#blogMain .entry p { color: #3B2314; }
#blogMain .date { font-size: 11px; font-weight: normal; }
#blogMain .entry-footer { margin: 25px 0; }
#blogMain .entry-footer li { background: none; padding: 3px 0; }
#blogMain .entry blockquote { width: 342px; padding-top: 30px; }
#blogMain .entry blockquote { font-size: 14px; font-style: italic; line-height: 18px; }
#blogMain .entry blockquote em { font-weight: bold; font-size: 17px; padding: 3px; }
#blogMain .blogEntry .sceneDetailImg { min-height: 190px; min-width: 310px; }

#blogcontent .pagination { position: absolute; bottom: -25px; }
#blogcontent .pagination ul li { padding: 0 2px 0 0; display: inline; background: none; }
#blogcontent .pagination ul li.text { display: block; }
#blogcontent .pagination ul li.selected { font-weight: bold; }
#blogcontent .pagination ul li a { padding: 0 2px; }

.downloadables { margin: 10px 0 30px 0; }
.downloadables li { padding: 2px 0 !important; background-image: none !important; overflow: hidden; }
.downloadables li span.icon { float: left; width: 16px; height: 16px; overflow: hidden; margin: 0 10px 0 0; background: url(../../images/sprite_buttons.png) 0 -1100px; no-repeat; text-indent: -500px; vertical-align: middle; }
.downloadables li span.ico_vid { background-position:  -50px -1100px; }
.downloadables li span.ico_aud { background-position: -100px -1100px; }
.downloadables li span.ico_zip { background-position: -150px -1100px; }
.downloadables li span.ico_pdf { background-position: -200px -1100px; }
.downloadables li span.ico_psd { background-position: -300px -1100px; }
.downloadables li span.ico_ai  { background-position: -350px -1100px; }
.downloadables li span.ico_doc { background-position: -450px -1100px; }
.downloadables li span.ico_xls { background-position: -505px -1100px; }
.downloadables li span.ico_ppt { background-position: -550px -1100px; }


/* --------------- FORM --------------- */

.contactWrapper { padding: 15px 0; }
.contactWrapper td { padding: 2px; }
.contactWrapper .contactField { border: 1px solid #9b9381; width: 150px; }
.contactWrapper textarea.contactField { width: 350px; height: 100px; }
.contactWrapper .formLabelRequired,
.contactWrapper .formLabel { text-align: right; padding: 0 10px; }
.contactWrapper strong { padding: 0 3px; color: #a81f23; }
.contactWrapper .formButton { background: #A81F23; font-weight: bold; color: #FFF; border: 1px solid #da8f91; cursor: pointer; }


/* --------------- CMS --------------- */

.articleText { margin-bottom: 3px; padding-right: 15px; text-align: justify; }
.articleText p { text-align: justify; }
.image_td { padding-top: 5px; }
.image_caption { text-align: center; }
.articleCode { margin-bottom: 3px; font-family: "Courier New", Courier, monospace; font-size: 12px; }
.articleSummary { font-size: 11px; }
.nav_table,
.nav_table a,
.nav_table a:link,
.nav_table a:active,
.nav_table a:visited,
.nav_table a:hover { font-size: 10px; color: #4A5966; font-weight: normal; text-decoration: none; }
.nav_table a:hover { text-decoration: underline; }
.nav_table_active,
.nav_table_active a,
.nav_table_active a:link,
.nav_table_active a:active,
.nav_table_active a:visited,
.nav_table_active a:hover { font-size: 10px; color: #4A5966; font-weight: bold; text-decoration: none; }
.articleList_toptext { font-size: 10px; }
.articleList_listhead { font-size: 11px; font-weight: bold; }
.imgDIVinTextLeft { float: left; margin-right: 5px; margin-bottom: 5px; padding: 0; }
.imgDIVinTextRight { float: right; margin-left: 5px; margin-bottom: 5px; padding: 0; }
.imgDIVtopLeft { margin:8px 10px 5px 20px; padding:0px; border:0; }
.imgDIVtopCenter { margin:8px -50% 5px -50%; padding:0px; border:0; }
.imgDIVblockImgLeft { margin-right: 10px; }
.imgDIVblockImgRight { margin-left: 10px; }
.phpwcmsImgListRight { text-align: right; margin: 0; padding: 0; }
.phpwcmsImgListLeft { text-align: right; margin: 0; padding: 0; }
.phpwcmsSearchResult { margin: 15px 0 15px 0; }
.phpwcmsSearchResult h3 { margin: 10px 0 1px 0; font-size: 12px; font-weight: bold; }
.phpwcmsSearchResult p { margin: 0; }
.phpwcmsSearchResult em.highlight,
em.highlight { background-color: #FFFF00; font-style:inherit; }
.phpwcmsArticleListEntry { clear: both; }
.phpwcmsArticleListImage { float: left; margin-right: 10px; margin-bottom: 10px; padding-top: 3px; }
.phpwcmsArticleListImageCaption { padding-top: 5px; }
div.cpPagination { margin: 10px 0 10px 0; text-align: right; }
a.cpPaginate,
a.cpPaginateActive,
a.cpPaginationPrev,
a.cpPaginationNext { padding: 0px 3px 1px 3px; background-color: #FFFFFF; color: #BBBBBB; text-decoration: none; font-weight: bold; border: 1px solid #CBCBCB; }
a.cpPaginateActive { background-color: #CBCBCB; color: #FFFFFF; border: 1px inset #CBCBCB; }
a.cpPaginationPrev:hover,
a.cpPaginationNext:hover,
a.cpPaginate:hover { background-color: #DDDDDD; color: #666666; border: 1px inset #CBCBCB; }