/*-------------------------------------------------------------------------------------------
Styles: Homepage
Author:   Mario S. Cisneros
Version 1:  24 September 2005
Version 2:  17 April 2006
Version 3:  13 June 2006
Version 4:  8 June 2007
Version 5:  1 September 2008
Version 6:  6 September 2008 | Expanded Width to 960
Version 7:  25 September 2009
-------------------------------------------------------------------------------------------------*/


/* GLOBAL RULES
-------------------------------------------------------------------------------------------------*/
html
{font-size: 100.01%;
 height: 100%;
 margin-bottom: 1px;}

body 
{background: #FFF url(/img/home/body.jpg) repeat-x left top;
 color: #000;
 font: 1em/1.5 arial, verdana, sans-serif;
 margin: 0;
 padding: 0;
 text-align: center;} /* IE Centering */

#container
{background-color: transparent;
 margin: 0 auto; /* Non IE Centering */
 text-align: left;
 width: 960px;}

#header
{background-color: transparent;
 height: 160px;
 position: relative;
 width: 960px;}

#logo
{height: 85px;
 left: 0;
 position: absolute;
 top: 25px;
 width: 200px;}

#logo img
{border: 0;}

.clear
{clear: both;
 height: 1px; 
 overflow: hidden;}


/* HEADINGS
-------------------------------------------------------------------------------------------------*/
#home #section1 h1
{background-image: none;
 border-bottom: 1px dotted #CFD7E2;
 color: #0269AB;
 font: normal 2em georgia, garamond, times, serif;
 margin: 0;
 padding: 0 0 1px 0;
 text-transform: capitalize;}

#home #section1 h2
{background: transparent url(/img/markers/lime-arrow.gif) no-repeat 16px 13px;
 color: #E1EBF5;
 font: normal 1.5em "trebuchet ms",sans-serif;
 margin: 0 0 15px 0;
 padding: 7px 0 7px 36px;
 text-transform: capitalize;}

#home #section1 h2 span
{color: #CCEE77;
 font-weight: normal;
 padding-left: 5px;}
 

/* Section 2
-------------------------------------------------------------------------------------------------*/
#home #section2 h1
{background-image: none;
 border-bottom: none;
 border-left: 5px solid #0269AB;
 color: #F60;
 font: normal 2em georgia, garamond, times, serif;
 margin-bottom: 20px;
 padding: 0 0 0 10px;
 text-transform: capitalize;}

#home #section2 #testimonial h2,
#home #section2 #outsourcing h2,
#home #section2 #blog h2,
#home #section2 #win h2
{background: url(/img/markers/down-arrow.gif) no-repeat 0% 50%;
 border-left: none;
 border-bottom: 1px dotted #CFD7E2;
 color: #0269AB;
 font: normal 1.4em georgia, garamond, times, serif;
 margin: 30px 0 20px 0;
 padding: 0 0 2px 15px;
 text-transform: capitalize;}

#home #innerFooter h1
{border-bottom: 1px solid #CCEE77;
 color: #CCEE77;
 font: 1.3em georgia, times, serif;
 margin: 0 0 5px 0;
 padding: 0 0 2px 0;
 text-align: left;}


/* WEB SOLUTIONS, INTERNET MARKETING & CREATIVE SERVICES SECTIONS
--------------------------------------------------------------------------------------------------*/
#slideshow
{margin: 45px 0;} 

#slideshow img
{background-color: #FFF;
 border: 1px solid #CFD7E2;
 padding: 7px;} 

#home #section1
{float: left;
 font-size: 0.9em;
 margin: 20px 0 0 0;
 position: relative;
 width: 960px;}

#home #section1 #solutions
{background: transparent url(/img/home/services.jpg) no-repeat;
 display: inline;
 float: left;
 height: 310px;
 margin-top: 15px;
 width: 300px;}

#home #section1 #marketing 
{background: transparent url(/img/home/services.jpg) no-repeat;
 display: inline; 
 float: left;
 height: 310px;
 margin: 15px 30px 0;
 width: 300px;}

#home #section1 #creative
{background: transparent url(/img/home/services.jpg) no-repeat;
 display: inline;
 float: left;
 height: 310px;
 margin-top: 15px;
 width: 300px;}

#home #section1 p 
{margin: 0;
 padding: 0 15px;}

#home #section1 ul
{margin: 5px 0 15px 20px;
 padding: 5px 0;}

#home #section1 ul li
{background: url(/img/markers/bullet.gif) no-repeat 1% 50%;
 list-style: none;
 line-height: 1.8;
 padding-left: 16px;}

#home #section1 p a.learnmore
{background: url(/img/backgrounds/more.jpg) no-repeat left top;
 display: block;
 height: 25px;
 width: 120px;}

#home #section1 p a.learnmore:hover
{background: url(/img/backgrounds/more.jpg) no-repeat center bottom;
 display: block;}


/* ABOUT, TESTIMONIAL & OUTSOURCING SECTIONS
-------------------------------------------------------------------------------------------------*/
.jsclass body .randomcontent
{display: none;} /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/


#home #section2
{border-top: 1px solid #CFD7E2;
 float: left;
 font-size: 0.9em;
 margin: 20px 0;
 padding: 20px 0 0 0;
 position: relative;
 width: 960px;}

#home #section2 p
{margin: 0;
 padding: 0;}

#home #section2 #testimonial
{display: inline;
 float: left;
 width: 460px;}
 
#home #section2 #testimonial img.left /*image placement*/
{background-color: #FFF;
 border: 1px solid #333;
 float: left;
 margin-right: 15px;
 margin-top: 5px; 
 margin-bottom: 5px;
 padding: 4px;}

#home #section2 #blog,
#home #section2 #win
{display: inline;
 float: right;
 width: 460px;}

#home #section2 #blog .date,
#home #section2 #win .date
{background: url(/img/home/date.jpg) no-repeat;
 color: #F60;
 display: inline;
 float: left;
 font-size: 1.4em;
 height: 68px;
 margin: 15px 10px 0 0;
 padding: 0;
 text-align: left; 
 width: 55px;}

#home #section2 #blog .date p,
#home #section2 #win .date p
{margin: 0;
 padding: 0 0 0 15px;}

#home #section2 #blog .date p span,
#home #section2 #win .date p span
{padding-left: 0;}
 
#home #section2 #blog .date strong,
#home #section2 #win .date strong,
#home #section2 #blog .date small,
#home #section2 #win .date small
{color: #222;
 display: block;
 font-size: 0.5em;
 text-transform: uppercase;}

#home #section2 #blog .post,
#home #section2 #win .client
{display: inline;
 float: left;
 width: 290px;}

#home #section2 #blog dl,
#home #section2 #win dl
{margin: 0;
 padding: 0;}

#home #section2 #blog dt,
#home #section2 #win dt
{color: #00AA03;
 font-size: 1em;
 font-weight: normal;
 margin: 0;
 padding: 0;}

#home #section2 #blog dd,
#home #section2 #win dd
{margin: 0;
 padding: 0;}

#home #section2 #blog dd span,
#home #section2 #win dd span
{color: #999;
 font-size: 0.75em;}