/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; } */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th { margin:0; padding:0; } */
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th { margin:0; padding:0; }
body { background:#ffffff;padding:0;margin:0;font-size:medium;font-family:Verdana, Arial, Sans-Serif;font-size:11pt !important; }
#site-wrapper { width:770px;margin:0 auto; }
#header { width:99%;height:125px; }
#header-logo { border:none;height:125px;width:375px;float:left; }
#hero-nav { float:left;height:89px;width:636px; }
#hero-nav h2 { text-align:center;margin: 10px 70px 0pt 0pt !important; float: right; }
#request-btn { background:url(/cintra_images/request-quote-btn.gif) 0 0 no-repeat;height:29px;width:159px;margin:0px 0 0 0px;border:none; }

#header-nav { margin:15px 0 0 40px;padding:0;list-style-type:none;list-style-position:outside;position:relative; }
#header-nav li { float:left;position:relative;text-align:center;font-size:.9em;margin:2px; }
#header-nav li a { text-decoration:none;  }
#header-nav li a:hover, .selected { text-decoration:none;color:#f8981d;  }


#main-nav { background:url(/cintra_images/main-nav-bg.jpg) 0 0 no-repeat;height:36px;width:633px;float:left;z-index:3;font-size:medium;font-family:Verdana, Arial, Sans-Serif;font-size:11pt !important;}
#main-nav, #main-nav ul {overflow:visible;margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:.9em;}
#main-nav a:link, #main-nav a:active, #main-nav a:visited { width:90px;display:block;margin:3px 0 0 0;padding:0;outline: 0;color:#fff;text-decoration:none;height:33px;font-size:.7em; }
#main-nav a:hover { color:#000000; border:none !important;}
#main-nav li {margin: 0 0 0 -1px; } 
#main-nav li li {margin: 0; }
#main-nav li { float:left;text-align:center;padding:0; }
#main-nav li ul {visibility:hidden;clear:both;position:absolute;top:36px;font-size:.8em;z-index:5;background:#e4e1e0 !important;padding:0;margin:0 0 8px 0;width:185px;}
#main-nav li li { margin:0px; }
#main-nav li ul li {text-align:left;padding:0;display:block;float:none;margin:0 0 5px -1px; background:#e4e1e0 !important;border:none !important;}
#main-nav li ul li a { font-size:.9em !important;float:left !important;background:#e4e1e0 !important;color:#000000 !important;width:auto !important;height:auto !important;clear:both;margin: 3px 5px 5px 4px !important;}
#main-nav li ul li a:hover { color:#ea7125 !important; }
#main-nav li:hover ul, #main-nav li.hover ul { visibility: visible; }
#main-nav li:hover ul { display:block;visibility:visible; }

#welcome {width:1009px;height:322px;clear:both;position:relative;float:left;z-index:-1; }
#hero { height:292px !important;width:671px !important;font-size:2em;color:#ffffff;padding:30px 0 0 30px;float:left; }
/*
    Create new classes here to point to new home page images
*/
.trail { background:url(/cintra_images/hero-trail.jpg) 0 0 no-repeat; }
.ski { background:url(/cintra_images/hero-skislope.jpg) 0 0 no-repeat; }
.city { background:url(/cintra_images/hero-cityscape.jpg) 0 0 no-repeat; }

#hero-quote { width:315px;float:left;height:408px;font-size:11.5pt; }
.home-quote { font-size:.8em;padding:0;margin:30px;height:210px;line-height:2em; }
.home-sub-quote { padding:0;margin:15px 10px 1px 10px;color:#ffffff;font-size:1.6em; }

#home-bubble { float:right; height:329px; width:307px;margin:0;padding:0; }
.testimonial-bubble { height:130px; width:210px;font-size:.8em;margin:53px;overflow:hidden; }
#testimonial-logo { float:right;margin:15px 40px 0 0; }
/* 
create new classes based on the company names that are associated to the bubble quote. 
new images will need to be created for each company
on the home-bubble div you will need to generate the class name based on the company of the selected quote and match that class
to the classes you create below
*/
.uncommon-goods { background:url(/cintra_images/uncommon-goods-bubble.gif) 0 0 no-repeat; }
.uncommon-goods-blue { background:url(/cintra_images/uncommon-goods-bubble-blue.jpg) 0 0 no-repeat; }
.uncommon-goods-gold { background:url(/cintra_images/uncommon-goods-bubble-gold.jpg) 0 0 no-repeat; }
.uncommon-goods-green { background:url(/cintra_images/uncommon-goods-bubble-green.jpg) 0 0 no-repeat; }
.uncommon-goods-purple { background:url(/cintra_images/uncommon-goods-bubble-purple.jpg) 0 0 no-repeat; }
.uncommon-goods-orange { background:url(/cintra_images/uncommon-goods-bubble-orange.jpg) 0 0 no-repeat; }


#bottom-1 {clear:left;width:701px;height:89px;float:left; }
#bottom-1 ul { padding:0; margin:0;float:left;list-style-type:none;list-style-position:outside;width:701px; }
#bottom-1 ul li { float:left; padding:0; margin:0;height:89px; }
#bottom-1 ul li div { padding: 8px;font-size:.8em; }
/*#bottom-1 ul li.bottom-1-1 { background-image: url(../template/web_site/images/hp-database-services.jpg); width: 202px; height: 89px;}*/
#bottom-1 ul li.bottom-1-2 { background:#e4e1e0;}
#bottom-1 ul li.bottom-1-3 { background:#ffffff;}

#bottom-2 { clear:left;width:701px;height:155px;float:left;overflow:visible; }
#bottom-2 ul { padding:0; margin:0;float:left;list-style-type:none;list-style-position:outside;width:701px;overflow:visible; }
#bottom-2 ul li { float:left; padding:0; margin:0;height:155px; }
#bottom-2 ul li div { padding: 8px;font-size:.8em;}
/*#bottom-2 ul li div { padding: 8px;font-size:.8em;margin-right:15px;}
#bottom-2 ul li div { padding: 2px 5px;font-size:.8em;margin-right:15px;}*/
#bottom-2 ul li.bottom-2-1 { background:#ffffff;width:216px;border-right:solid 1px #cfcbc9;border-bottom:solid 1px #cfcbc9;height:150px;}
/*#bottom-2 ul li.bottom-2-1 div see_more:a { color:#0096d7;display:block;font-size:.9em;float:right;font-weight:bold;text-decoration:underline;line-height:4em; } */
#bottom-2 ul li.bottom-2-2 { background:#ffffff;width:454px;overflow:visible;border-right:solid 1px #cfcbc9;border-bottom:solid 1px #cfcbc9;height:150px; }
#bottom-2 ul li.bottom-2-2 div { background:#ffffff url(/cintra_images/bottom-2-2-bg1.jpg) 240px -12px no-repeat;overflow:visible;height:118px;position:relative; }
#bottom-2 ul li.bottom-2-2 div a { color:#f8981d;display:block;font-size:.9em;float:left;font-weight:bold;text-decoration:underline;margin-right:30px;line-height:4em; }
#bottom-2 ul li.bottom-2-2 div.bottom-2-margin {height:90px; margin-right:90px !important;background:transparent !important;font-size:1em;}
#bottom-2 ul li.bottom-2-2 div.bottom-2-margin a { margin-right:105px;}

#bottom-3 { clear:left;width:701px;height:230px;float:left; }
#bottom-3 ul { padding:0; margin:0;float:left;list-style-type:none;list-style-position:outside;width:701px; }
#bottom-3 ul li { float:left; padding:0; margin:0;height:230px; }
#bottom-3 ul li div { padding: 8px;font-size:.8em; }
#bottom-3 ul li.bottom-3-1 { background:#ffffff;width:467px !important;border-bottom:solid 1px #cfcbc9;border-right:solid 1px #cfcbc9;}
/*#bottom-3 ul li.bottom-3-2 { background:#e4e1e0;width:232px;border-right:solid 1px #cfcbc9;border-bottom:solid 1px #cfcbc9;height:220px;border-top:solid 1px #cfcbc9;}*/
#bottom-3 ul li.bottom-3-2 { background:#e4e1e0;width:204px !important;border-bottom:solid 1px #cfcbc9;height:230px;border-right:solid 1px #cfcbc9;}

/*#footer { width:100%;float:left;font-size:.9em; }*/
#footer { width:100%;float:left;font-family:Verdana, Arial, Sans-Serif;font-size:11.5pt !important; }

.copyright { float:left;font-size:.7em; color:#666666;}
.powered { float:right;font-size:.7em; color:#666666;}
#sub-nav { padding:0; margin:0;float:right;list-style-type:none;list-style-position:outside;width:701px; }
#sub-nav li { float:right; padding:0; margin:4px;font-size:.8em; }

h2 { font-size:1.3em;padding:0; margin:0; }
a { color:#7b6d6a;text-decoration:none; }

/* Colors */
/* About Us */
.bg-orange { background:#f8981d; }
/*.orange { color:#f8981d; }*/
.orange { color:#f07800; }
.gray { color:#4D4E53; }
.bubble-orange { background: url(/cintra_images/interior-bubble-orange.jpg) 0 0 no-repeat; }

/* Consulting Services */
.bg-gold { background:#deb408; }
.gold { color:#deb408; }
.bubble-gold { background: url(/cintra_images/interior-bubble-gold.jpg) 0 0 no-repeat; }

/* Database Solutions */
.bg-lightblue { background:#00b5cc; }
.lightblue { color:#00b5cc; }
.bubble-lightblue { background: url(/cintra_images/interior-bubble-lightblue.jpg) 0 0 no-repeat; }

/* BI Solutions */
.bg-green { background:#b2bb1e; }
.green { color:#b2bb1e; }
.bubble-green { background: url(/cintra_images/interior-bubble-green.jpg) 0 0 no-repeat; }

/* Knowledge Management */
.bg-red { background:#c41230; }
.red { color:#c41230; }
.bubble-red { background: url(/cintra_images/interior-bubble-red.jpg) 0 0 no-repeat; }

/* ISV Services */
.bg-purple { background:#6633cc ; }
.purple { color:#6633cc ; }
.bubble-purple { background: url(/cintra_images/interior-bubble-purple.jpg) 0 0 no-repeat; }

/* Software Licensing */
.bg-coral { background:#f15d22; }
.coral { color:#f15d22; }
.bubble-coral { background: url(/cintra_images/interior-bubble-coral.jpg) 0 0 no-repeat; }

/* Database Support */
.bg-blue { background:#0096d7; }
.blue { color:#0096d7; }
.bubble-blue { background: url(/cintra_images/interior-bubble-blue.jpg) 0 0 no-repeat; }
.bubble-3level-blue { background: url(/cintra_images/interior-3-bubble-blue.jpg) 0 0 no-repeat; }

/* Interior Page Styles */
#interior-sect-002 { background:#deb408;width:770px;height:8px; }
#interior-sect-001 { background:#00b5cc;width:770px;height:8px; }
#interior-sect-003 { background:#b2bb1e;width:770px;height:8px; }
#interior-sect-004 { background:#c41230;width:770px;height:8px; }
#interior-sect-005 { background:#6633cc;width:770px;height:8px; }
#interior-sect-006 { background:#f15d22;width:770px;height:8px; }
#interior-sect-007 { background:#0096d7;width:770px;height:8px; }


#interior-sub-nav { background:#00b5cc;width:171px;float:left;height:200px; }
#interior-sub-nav ul { background:#00b5cc;margin:20px;padding:0;list-style-type:none;list-style-position:outside;position:relative;color:#ffffff;font-size:.8em; }
#interior-quote { float:right;height:200px;width:260px; }
#interior-quote-avatar { float:right; position:relative;top:-50px;left:26px; }
/*#interior-quote-text { margin:39px 39px 0px 39px; overflow:hidden;font-size:.8em; }*/
#interior-quote-text { margin:29px 39px 0px 29px; overflow:hidden;font-size:.8em;}
#interior-hero { float:left;height:200px;width:505px;}
/*
Use these classes to swap out the hero image on interior pages
*/
.interior-hero-suitcase { background: url(/cintra_images/interior-hero-suitcase.jpg) 0 0 no-repeat; }
.interior-hero-circlefield { background: url(/cintra_images/interior-hero-circlefield.jpg) 0 0 no-repeat; }
.interior-hero-greenarrow { background: url(/cintra_images/interior-hero-greenarrow.jpg) 0 0 no-repeat; }
.interior-hero-roadsign { background: url(/cintra_images/interior-hero-roadsign.jpg) 0 0 no-repeat; }
.interior-hero-tunnel { background: url(/cintra_images/interior-hero-tunnel.jpg) 0 0 no-repeat; }
.interior-hero-turnstyle { background: url(/cintra_images/interior-hero-turnstyle.jpg) 0 0 no-repeat; }
.interior-hero-yellowfield { background: url(/cintra_images/interior-hero-yellowfield.jpg) 0 0 no-repeat; }

#interior-content { float:left;clear:left;margin:40px 0 0 192px;width:547px; }
#right-column { float:right;width:280px;font-size:.8em;margin:0; }
#right-column p { margin:0 5px 0 15px; }
#gray-square { background:#e4e1e0;width:280px;height:167px;border-right:solid 1px #cfcbc9;border-bottom:solid 1px #cfcbc9; } 
#gray-square ul { margin:2px 0 0 15px; }
.hr-gray { color:#d7d3d1;margin: 20px 0 20px 0; }
.margins { padding:25px; }