/*
      
    Theme Name: Brandspace
    Description: minimal portfolio / corporate template for themeforest.net
    Theme Owner: pixelentity
    File: Main css file  
    Template Designer: Donagh O'Keeffe aka iamdok
    Slicer/Coder : Donagh O'Keeffe aka iamdok and Fabio Cairo aka bitfade
    Web:    http://www.iamdok.com
            http://bitfade.com
            http://themeforest.net/user/pixelentity
            
    */
    
    /*------------------------------------------------------------------------*/
    
    /* HELPER CLASSES */
    
    .rounded
    {
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border-radius: 4px; 
    }
    
    
    .shadowTop
    {  
        -moz-box-shadow: 0 -5px 1px #000000; 
        -webkit-box-shadow: 0 -1px 0 #000000; 
        box-shadow: 0 -1px 0 #000000; 
    }
    
    .shadowBtm
    {  
        -moz-box-shadow: 0 1px 0 #ffffff; 
        -webkit-box-shadow: 0 1px 0 #eeeeee; 
        box-shadow: 0 1px 0 #eeeeee; 
    }
    
    .textShadow
    {
       text-shadow: 0 1px 0 white; 
    }
    
    .gradient
    {
        background-color: #333333;
        background-image: -moz-linear-gradient(top, #333333, #555555); 
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #555555)); 
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#555555'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#555555')"; 
    }
    
    
    /* clear fix hack */
    .clearfix:after
    {
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
    
    /* END HELPER CLASSES */

    /*------------------------------------------------------------------------*/
    
    /* GENERIS STYLES */
    
    * {margin:0;padding:0;} /*sticky footer*/
    
    html{
        height:100%; /*sticky footer*/
    }
    
    body
    {
        height:100%; /*sticky footer*/
        background:#ffffff;
        text-align: left;
        font-family: helvetica, arial, sans-serif;
        line-height: 20px;
        font-size:12px;
        color:#000000;
        
    }
    
    h1{
        color: #444444;
        font-size:18px;
        font-family: helvetica, arial, sans-serif;
        letter-spacing:-1px;
        margin-top:40px;
    }
    
    h2{
        color: #87b240;
        font-size:16px;
        line-height:24px;
        font-family: helvetica, arial, sans-serif;
        margin-top:18px;
        text-transform:lowercase;
    }
    
    h3{
        color: #000000;
        font-size:12px;
        font-family: helvetica, arial, sans-serif;
        margin-bottom:20px;
    }
    
    h4{
        font-family: helvetica, arial, sans-serif;
        font-style:italic;
        font-size:22px;
        font-weight:normal;
        line-height:35px;
        letter-spacing:-1px;
        color:#000000;
    }
    
    p{
        color: #000000;
        font-size:12px;
        font-family: helvetica, arial, sans-serif;
        font-weight: normal;
        line-height:20px;
        margin-bottom:45px;
    }
    
    a{
        color:#87b240;
        text-decoration:none;
    }
    
    a:hover{
        color:#000000;
    }
    
    
    small{
        color:#000000;
        font-size:9px;
        text-transform:uppercase;
    }
    
    .highlight{
        background:#a6ecfb;
        padding:0 3px;
    }
    
    /*remove outline on focus and clicks*/
    *:focus {outline: none;}
    
    a:focus, a:active , input:focus, input:active, input[type=submit]:active, input[type=radio]:active{
    outline: 0px;
    -moz-outline-style: none;
    }
    
    /*outline in geko browsers*/
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="radio"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    }
    
    
    
    ul{
        list-style:none;
        list-style-image:url("../img/bullet.png");
        margin:0 0;
        margin-left:45px;
        margin-bottom:36px;
    }
    
    li{
        padding-top:12px;
    }
    
    
    /* END GENERAL STYLES */
    
    
    /*------------------------------------------------------------------------*/
    
    
    /* HEADER */
    #siteWrapper{
        position:relative;
        min-height:100%; /*sticky footer*/
        margin-bottom:-300px; /*sticky footer*/
    }
    
    #main{
        overflow:hidden;
	padding-bottom: 300px; /*sticky footer*/
    }
    
    #header{
        position:relative;
        background: url("../img/bg/head.jpg") no-repeat;
        
    }
    
    #logoHead{
        background: url("../img/logo.jpg") no-repeat center center;
        text-indent:-9999px;
        margin-top:45px;
        margin-right:0;
        padding-right:26px;
        margin-left:0;
        margin-left:50px;
        border-right:1px solid #cccccc;
		height:160px;
    }
    
    #logoHead:hover{
        cursor:pointer;
    }
    
    #header h2{
        background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px; 
        position:absolute;
        padding-left:25px;
        width:60px;
        top:25px;
        left:270px;
        
    }
    
    /* NAVIGATION */
    
    #mainNav{
        position:relative;
        float:left;
        width:510px;
        margin-bottom:10px;
        margin-left:60px;
        margin-top:35px;
        margin-right:0;
        
    }
    
    #mainNav>li{
        margin:0;
        margin-right:30px;
    }
    
    #mainNav li:last-child{
        margin-right:0;
    }
    
    .menu>a{
        color:#888888;
        font-size:14px;
        font-weight:bold;
    }
    
    .menu>a:hover{
        color:#222222;
    }
    
    .menu>a.noLink:hover{
        color:#888888;
    }
    
    .menu>a.selected{
        color:#222222;
    }
    
    .subMenu, .subMenu li{
        display:block;
        margin-left:0;
        padding-top:0;
    }
    
    .subMenu{
        margin-top:10px;
    }
    
    .subMenu a:hover{
        color:#87b240;
    }
    
    .subMenu a.selected{
        color:#87b240;
    }
    
    .subMenu li{
        font-size:9px;
        text-transform:uppercase;
        margin-top:0;
    }
    
    .subMenu a{
        color:#000000;
        
    }
    
    /* END MAIN NAVIGATION */
    
    
    /* TAGLINE */
    
    
    #tagline{
        border-top:1px solid #cccccc;
        padding-top:30px;
        position:relative;
        height:65px;
    }
    
    #tagline h4{
	font-size:20px;
        margin-left:20px;
        margin-right:20px;
        margin-bottom:20px;
        /* msie opacity fix */
        background-color: white;
        display:none;
        position:relative;
        color:#333333;
		font-variant:normal;
		font-weight:100;
		font-style:normal;
    }
    
    #tagline h4.currentSlogan{
        display:block;
    }
    
    #tagline h4.right{
        text-align:right;
    }
    
    #tagline h4.left{
        text-align:left;
    }
    
    #tagline h4.center{
        text-align:center;
    }
    
    /*add class to tagline if only single line of text*/
    #tagline h4.singleLine{
        line-height:75px;
    }
    
    /* END TAGLINE */
    
    
    
    /* BANNER */
    #banner{
        position:relative;
        overflow:hidden;
        background-color:#ffffff;
    }
    
    
    #infoPanel{
        position:absolute;
        top:0;
        left:0;
        background: rgb(0, 0, 0); /* Fallback color - no alpha */
        background: rgba(0, 0, 0, 0.5);
        width:360px;
        height:100%;
        z-index:10000; /* to show above slider img */
        
    }
    
    #infoPanel #closeInfo, #infoPanel #openInfo, #infoPanel #prev{
        position:absolute;
        padding:0;
        margin-right:0;
        display:block;
        width:30px;
        height:30px;
        background:none;
        margin-top:0;
    }
    
    #infoPanel #closeInfo{
        top:20px;
        right:50px;
    }
    
    #infoPanel #closeInfo img{
        position:relative;
        left:-10px;
        top:5px;
    }
    
    #infoPanel #openInfo{
        right:5px;
        top:20px;
        display:none;
    }
    
    #infoPanel #openInfo img{
        position:relative;
        left:-10px;
        top:5px;
    }
    
    #infoPanel #prev{
        top:50px;
        margin-top:0;
        width:32px;
        height:300px;
        right:-25px;
    }
    
    #infoPanel #prev img{
        position:relative;
        left:-15px;
        top:115px
    }
    
    #infoPanel ul{
        margin-top:60px;
        margin-bottom:55px;
        float:right;
        margin-right:60px;
    }
    
    #infoPanel li{
        float:left;
        list-style-type:none;
        margin-left:3px;
    }
    
    #infoPanel li a{
        background: url("../img/sprites/slideButtons.png") no-repeat;
        display:block;
        text-indent:-9999px;
        width: 20px;
        height:20px;
    }
    
    #infoPanel li a.currentSlide, #infoPanel li a:hover {
        background-position:-26px 0;
    }
    
    #infoPanel h1,  #infoPanel h3,  #infoPanel span, #infoPanel>a{
        text-align:justify;
        margin-right:60px;
		margin-left:60px;
    }
    
    #infoPanel h1{
        clear:both;
        margin-top:0;
        margin-bottom:8px;
    }
    
    #infoPanel h1 a{
        color:white;
    }
    
    #infoPanel h3{
        color:#eeeeee;
        margin-bottom:0;
    }
    
    #infoPanel span{
        display:block;
        color:#eeeeee;
        font-style:italic;
        font-size:10px;
        line-height:12px;
        margin-top:0;
    }
    
    #infoPanel #info>a{
        background:url("../img/icons/commentsWhite.png") no-repeat 100% 35px;
        position:absolute;
        top:225px;
        right:60px;
        color:white;
        display:block;
        font-size:55px;
        height:50px;
        margin-top:40px;
        
    }
    
    #banner #slides{
        position:relative;
        overflow:hidden;
        height:350px; 
    }
    
    #banner #slides div{
        position:absolute;
        display: none;
        z-index: 0;
        top:0;
        left:0;
    }
    
    #banner #slides div div{
        display:none;
    }
    
    #banner #slides div.active{
    	z-index: 1;
    	display:block;
    }
    
    .js #banner #slides div.active {
    	display: none;
    }
   
    #banner #slides #spinner{
    	z-index: 1000;
    	background: url("../img/icons/spinner.gif") no-repeat center center;
    	width: 100%;
    	height: 100%;
        display:block;  
    }
    
    #banner #slides #videooverlay{
    	z-index: 1001;
    	background: url("../img/icons/video_play_icon_02.png") no-repeat center center;
    	width: 100%;
    	height: 100%;
    	cursor: pointer;
        display:block;  
    }
    
    
    #banner #nextSlide{
        background: rgb(0, 0, 0); /* Fallback color - no alpha */
        background: rgba(0, 0, 0, 0.5);
        position:absolute;
        width:32px;
        height:350px;
        top:0;
        right:0;
        z-index:10000;
    }
    
    #banner #nextSlide #next{
        position:absolute;
        display:block;
        width:32px;
        height:300px;
        top:50px;
        right:0;
    }
    
    #banner #nextSlide #next img{
        position:relative;
        left:13px;
        top:115px;
        
    }
    
    #banner #nextSlide #closeVideo{
        position:absolute;
        display:none;
        width:32px;
        height:50px;
        top:0;
        right:0;  
    }
    
    /*add hide class to button with js to hide*/
    #banner #nextSlide #closeVideo.hide{
        visibility:hidden; 
    }
    
    #banner #nextSlide #closeVideo img{
        position:relative;
        left:13px;
        top:25px;
    }
    
    
    /* END BANNER */
    
    
    /* SIDEBAR */
    
    #sidebar{
        background:#e6f6cd;
        margin-top:68px;
        margin-right:0;
        margin-bottom:80px;
        width:360px;
        padding-bottom:35px;
    }
    
    #sidebar h1, #sidebar ul{
        text-align:right;
    }
    
    #sidebar h1{
        margin-right:60px;
        color:#000000;
    }
    
    #stats{
        margin-right:60px;
        margin-left:0;
        margin-top:30px;
    }
    
    #stats li{
        margin-bottom:10px;
    }
    
    #stats li span{
        display:block;
        margin-left:65px;
        
    }
    
    /* END SIDEBAR */
    
    
    /* MAIN CONTECT */
    
    /* UPPER */
    #mainContent{
        margin-top:68px;
        margin-left:60px;
        margin-bottom:80px;
        overflow:hidden;
    }
    
    #upper{
        overflow:hidden;
        border-bottom:1px solid #cccccc;
    }
    
    #mainContent h1{
        margin-bottom:40px;
    }
    
    #mainContent p{
        width:240px;
        margin-bottom:50px;
        float:left;
    }
    
    #mainContent p.right{
        margin-left:40px;
        margin-bottom:15px;
    }
    
    #mainContent h2:first-child{
        background:url("../img/icons/arrow_r.png") no-repeat 0 60%;
        width:220px;
        float:right;
        margin-top:0;
        padding-left:20px;
        margin-left:0px;
    }
    
    
    /* LOWER */
    #lower{
        clear:both;
        margin-top:10px;
        overflow:hidden;
    }
    
    #lower h1{
        float:left;
        margin-top:35px;
        margin-bottom:5px;
        display:inline;
    }
    
    #lower h2{
        background: url("../img/icons/arrowHand_dr.png") no-repeat 100% 90%;
        display:inline;
        float:left;
        margin-left:30px;
        margin-top:30px;
        padding-right:25px;
    }
    
    #featLeft, #featRight{
        margin-top:35px;
    }
    
    #featLeft{
        clear:both;
        float:left;
    }
    
    #featRight{
        float:left;
        margin-left:40px;
    }
    
    #featLeft .caption, #featRight .caption{
        display:block;
        background:url("../img/icons/bullet.png") no-repeat 0 50%;
        padding-left:15px;
        margin-left:8px;
        margin-top:10px;
	color:#000000;
    }
    
    
    
    /* END MAIN CONTENT */
    
    
    /* CONNECT BAR */
    
    #connect{
        border-top:1px solid #cccccc;
    }
    
    #connect h2{
        background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 80%;
        display: inline;
        float:left;
        padding-right:25px;
        margin-left:10px;
        margin-top:50px;
        margin-bottom:60px;
    }
    
    #socialMedia{
        display:inline;
        margin-left:15px;
        overflow:hidden;
    }
    
    #socialMedia li{
        display:block;
        float:left;
        margin-left:9px;
        margin-top:52px;
        padding-top:0;
    }
    
    #socialMedia a{
        background:url("../img/sprites/socialMedia.png") no-repeat 0 0;
        text-indent:-9999px;
        display:block;
        width:26px;
        height:26px;
    }
    
    #socialMedia a.first:hover{
        background-position: 0 -27px;
    }
    
    #socialMedia a.second{
        background-position: -32px 0;
    }
    
    #socialMedia a.second:hover{
        background-position: -32px -27px;
    }
    
    #socialMedia a.third{
        background-position: -65px 0;
    }
    
    #socialMedia a.third:hover{
        background-position: -65px -27px;
    }
    
    #socialMedia a.fourth{
        background-position: -98px 0;
    }
    
    #socialMedia a.fourth:hover{
        background-position: -98px -27px;
    }
    
    #socialMedia a.fifth{
        background-position: -133px 0;
    }
    
    #socialMedia a.fifth:hover{
        background-position: -133px -27px;
    }
    
    #socialMedia li:last-child{
         margin-right:55px;
    }
    
    #newsletter{
        float:left;
        margin-left:60px;
        
    }
    
    #newsletter form{
        display:inline;
        float:left;
        margin-top:50px;
    }
    
    #newsletter input[type=text]{
        float:left;
        border:1px solid #cccccc;
        width:186px;
        height:30px;
        padding:0;
        padding-left:10px;
        padding-right:10px;
        color:#000000;
        font-size:11px;
    }
    
    #newsletter input[type=submit]{
        background:url("../img/icons/arrow_signup.png") no-repeat 50% 55%;
        border:1px solid #cccccc;
        margin-left:4px;
        width: 38px;
        height: 32px;
        text-indent:-9999px;
        float:left;
        cursor:pointer;
    }
    
    #newsletter input.error{
        border: 1px solid #b32b2b;  
    }
    
    #newsletter h2{
        background:none;
        display:inline;
        float:left;
        margin-left:40px;
        margin-top:50px;
        padding:0;
    }
    
    /* END CONNECT BAR */
    
    
    /* FOOTER */
    
    
    #footer{
        background: url("../img/bg/head.jpg") no-repeat 0 bottom;
        border-top:1px solid #cccccc;
        clear:both;
        width:940px;
        position:relative; /*sticky footer*/
        margin-top:-300px; /*sticky footer*/
        height:300px; /*sticky footer*/
        clear:both; /*sticky footer*/
        padding-top:70px;
    }
    
    #footInfo{
        width:299px;
	background:#e6f6cd;
	text-align:right;
        padding-right:60px;
	padding-bottom:30px;
	margin-right:0;
        margin-left:0;
    }
    
    #footInfo #footLogo{
	margin-top:25px;
	margin-bottom:5px;
	margin-right:0;
    }
    
    #footInfo p{
        margin-top:0;
        margin-bottom:0;
	color:#000000;
    }
    
    #footInfo #phone{
	margin-bottom:25px;
	color:#000000;
    }
    
    #footInfo a{
	color:#b32b2b;
    }
    
    #footInfo a:hover{
	color:#111111;
    }
    
    #footInfo h2 a{
	color:#87b240;
    }
    
    #footInfo span{
        color:#000000;
        width:330px;
        font-size:10px;
    }
    
    #footInfo h2{
	display:inline;
	margin-left:5px;
	font-size:12px
    }
    
    
    #contacto{
        position:relative;
        overflow:visible;
        float:left;
        width:240px;
        margin-left:40px;
        margin-right:20px;
        padding-left:20px;
        margin-right:0;
    }
    
    #contacto h3, #blogLatest h3{
        color:#000000;
        margin-bottom:10px;
	background:#f6f6f6;
	padding-left:3px;
    }
    
    #contacto h4, #blogLatest h4{
        background:url("../img/linework/footer_widget.jpg") no-repeat 0 100%;
        text-indent:-9999px;
        margin-top:0;
    }
    

    
    #contacto .tweetIcon{
        position:absolute;
        left:-18px;
        top:93px;
    }
    
    #contacto p, #blogLatest p{
        margin-top:21px;
        margin-bottom:15px;
    }
    
    #contacto p{
        overflow:visible;
    }
    
    #contacto p div.tweet-text{
        
    }
    
    #blogLatest{
        width:240px;
        float:left;
        margin-left:40px;
        margin-right:0;
    }
    
    #commentsNum{
        display:block;
        background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;
        float:right;
        width:35px;
        color:#000000;
    }
    
    #blogLatest #blogLink{
        display:block;
        background:url("../img/icons/arrow_r.png") no-repeat 0 70%;
        padding-left:18px;
        margin-top:0;
    }
    
    #blogLink h2{
        margin-top:0;
    }
    
    
    /* END FOOTER */
    
    /*------------------------------------------------------------------------*/
    
    /* TESTIMONIAL PAGE */
    
    /* SIDEBAR TESTIMONIALS*/
    
    #whatWeDo #sidebar{
        position:relative;
    }
    
    #whatWeDo #sidebar .top{
        position:absolute;
        background:url("../img/icons/quote_66.png") no-repeat;
        left:20px;
        top:76px;
        width:96px;
        height:90px;
        z-index:0;
    }
    
    #whatWeDo #sidebar .bottom{
        position:absolute;
        background:url("../img/icons/quote_99.png") no-repeat;
        right:60px;
        bottom:116px;
        width:96px;
        height:90px;
        z-index:0;
    }
    
    #testimonials{
        width:240px;
        margin-top:90px;
        z-index:10;
        position:relative;
    }
    
    #testimonials li{
        margin-left:0;
        text-align:left;
        margin-bottom:45px;
    }
    
    #testimonials p{
        color:#333333;
        font-size:18px;
        line-height:30px;
        font-style:italic;
	font-family: helvetica, arial, sans-serif;
        z-index:2;
        margin-bottom:25px;
    }
    
    #testimonials span{
        font-weight:bold;
        font-size:14px;
        margin-right:10px;
        color:#87b240;
        
    }
    
    /* END SIDEBR TESTIMONIALS */
    
    #whatWeDo #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    /* MAIN CONTENT */
    
    #whatWeDo #mainContent h1{
        float:left;
    }
    
    #whatWeDo #mainContent h2{
        float:left;
        margin-left:25px;
        margin-top:36px;
    }
    
    #whatWeDo #mainContent p{
        width:520px;
        margin-bottom:30px;
    }
    
    #whatWeDo #mainContent .narrow{
        width:210px;
    }
    
    #bodyImage{
        position:relative;
        margin-top:8px;
        float:right;
        width:240px;
    }
    
    #bodyImage h2{
        position:absolute;
        left:70px;
        top:155px;
    }
    
    #bodyImage a{
        display:block;
        background:url("../img/icons/arrowHand_ul.png") no-repeat 0 50%;
        left:70px;
        top:150px;
        padding-left:20px;
    }
        
    #bodyImage #thumb{
        position:absolute;
        left:-30px;
        top:100px;
    }
    /* END MAIN CONTENT */
    
    /* END WHAT WE DO PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /* PAGE WITH SIDE NOTES */
    
    /* SIDEBAR NOTES*/
    
    #sideNotes #sidebar{
        position:relative;
        background:none;
    }
    
    .notes{
        width:240px;
        margin-top:90px;
        margin-left:60px;
        z-index:10;
        position:relative;
    }
    
    .notes:last-child{
        margin-top:20px;
    }
    
    .notes li{
        margin-left:0;
        text-align:left;
        margin-bottom:20px;
    }
    
    .notes li h2{
        margin-top:0;
    }
    
    .notes a{
        color:#b32b2b;
    }
    
    .notes a:hover{
        text-decoration:underline;
    }
    

    #sideNotes #sidebar img{
        margin-left:55px;
    }
    
    #sideNotes #sidebar>h2{
        background:url("../img/icons/arrowHand_ul.png") no-repeat 0 50%;
        padding-left:25px;
        margin-top:0;
        margin-left:120px;
    }
    
    
    /* TAGLINE */
    
    #sideNotes #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* MAIN CONTENT */
    
    #sideNotes #mainContent .noteMarker{
        display:inline;
        margin:0;
        padding:0;
        font-size:14px;
        color: #87b240;
    }
    
    #sideNotes #mainContent h1{
        float:left;
        margin-bottom:0;
    }
    
    #sideNotes #mainContent h2{
        background:url("../img/icons/arrowHand_ml.png") no-repeat 0 80%;
        clear:both;
        display:block;
        padding-left:25px;
        margin-top:0;
    }
    
    #sideNotes #mainContent p{
        width:520px;
        margin-bottom:30px;
    }
    
    /* END SIDE NOTES PAGE */
    
    /*------------------------------------------------------------------------*/
    
    /* FULL WIDTH PAGE */
    
    /* TAGLINE */
    
    #fullWidth #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* MAIN CONTENT */
    #fullWidth #mainContent{
        margin-left:10px;
    }
    
    #fullWidth #mainContent h1{
        float:left;
        margin-bottom:0;
    }
    
    #fullWidth #mainContent h2{
        clear:both;
        float:left;
        display:block;
        margin-top:0;
    }
    
    #fullWidth #mainContent p{
        width:940px;
        margin-bottom:40px;
    }
    
    #fullWidth #mainContent .col_4{
        width:220px;
        float:left;
        margin-left:20px;
    }
    
    #fullWidth #mainContent .col_2{
        width:450px;
        float:left;
        margin-left:40px;
    }
    
    #fullWidth #mainContent .edge{
        margin-left:0;
    }
    
    #fullWidth #mainContent span{
        background:url("../img/icons/plus.png") no-repeat 0 50%;
        padding-left:15px;
        font-Size:9px;
        text-transform:uppercase;
        color:#000000;
        display:block;
        margin-bottom:10px;
    }
    
    #fullWidth #mainContent a.readOnLink{
        background:url("../img/icons/arrow_r.png") no-repeat 0 50%;
        padding-left:20px;
        display:block;
        margin-top:10px;
        font-size:16px;
    }
    
    #fullWidth #mainContent a.readOnLink:hover{
        color:#000000;  
    }
    
    
    /* END FULL WIDTH PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /*404 PAGE*/
    
    /* MAIN CONTENT */
    
    #custom404 #mainContent{
        position:relative;
        margin-bottom:100px;
        margin-top:0;
        margin-left:10px;
    }
    
    #custom404 #mainContent #message404{
        margin:auto;
        width:400px;
        /*margin:0;*/
        position:relative;
        overflow:visible;
        padding-top:20px;
    }
    
    #custom404 #mainContent #message404 h2{
        background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 8px;
        padding-right:25px;
        height:20px;
        position:absolute;
        color:#b32b2b;
        top:0;
        left:-20px;
        width:auto;
    }
    
    #custom404 #mainContent #message404 h3{
        text-align:center;
    }
    
    /* END 404 Page*/
    
    /*------------------------------------------------------------------------*/
    

    /*SERVICES PAGE*/
    
     /* TAGLINE */
    
    #services #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* MAIN CONTENT */
    #services #mainContent{
        margin-left:10px;
    }
    
    #services #mainContent #col1,
    #services #mainContent #col2,
    #services #mainContent #col3{
        float:left;
        position:relative;
        overflow:hidden;
    }
    
    #services #mainContent .col_3{
        width:280px;
        margin-left:50px;
    }
    
    #services #mainContent .edge{
        margin-left:0;
    }
    
    #services #mainContent h1{
        margin-bottom:10px;
        
    }
    
    #services #mainContent h2{
        display:block;
        clear:both;
        padding-top:0;
        margin-bottom:15px;
    }
    
    #services #mainContent h3{
        color:#444444;
        line-height:20px;
        overflow:hidden;
        margin-bottom:10px;
        margin-top:20px;
        clear:both;
    }
    
    #services #mainContent h3.icon{
        background:url("../img/icons/notify_02.png") no-repeat 0 50%;
        padding-left:15px;
    }
    
    #services #mainContent .drop{
        margin:0;
        float:left;
        clear:none;
        display:inline;
    }
    
    #services #mainContent .dropcap
    {
        font-size: 800%;
        float: left;   
        line-height: 0.8em;
        padding: 2px 3px 0 0;       
        color: #000;         
        font-weight: bold;
        position: relative;
        left: -3px;
    }
    
    #services #mainContent .dark{
        color:black;
        font-weight:bold;
        display:block;
        text-transform:uppercase;
    }
    
    #services #mainContent .drop span{
        position:relative;
        top:20px;
        font-size:80px;
        line-height:80px;
        font-weight:bold;
        color:#222222;
        margin-right:15px;
        
    }
    
    #services #mainContent p{
        width:280px;
        margin-bottom:35px;
        color:#000000;
        clear:both;
    }
    
    #services #mainContent .dropText{
        float:left;
        clear:none;
        display:inline;
    }
    
    #services #mainContent .titleImage{
        margin-bottom:10px;
    }
    
    
    
    /*------------------------------------------------------------------------*/
    
    /* MINIMAL TEXT PAGE */
    
    /* SIDEBAR */
    #minimal #sidebar{
        position:relative;
        background:none;
    }
    
    /*TAGLINE */
    #minimal #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    /*MAIN CONTENT */
    
    #minimal #mainContent h1{
        float:left;
    }
    
    #minimal #mainContent h2{
        float:left;
        margin-left:25px;
        margin-top:36px;
    }
    
    #minimal #mainContent p{
        width:520px;
        margin-bottom:30px;
    }
    
    /* END MINIMAL TEXT PAGE */
    
    /*------------------------------------------------------------------------*/
    
    
    /* BLOG MAIN PAGE */
    
    /*TAGLINE */
    #blogMain #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* SIDEBAR */
    #blogMain #sidebar{
        position:relative;
        width:330px;
    }
    
    #blogMain #sidebar form{
        margin-left:35px;
        margin-top:34px;
        margin-bottom:3px;
        position:relative;
    }
    
    #blogMain #sidebar input[type=text]{
        border:1px solid #f6f6f6;
        width:230px; 
        height:30px;
        background:white;
        padding: 0 15px;
    }
    
    #blogMain #sidebar input[type=submit]{
        border:0;
        position:absolute;
        top:2px;
        right:45px;
        background: white url("../img/icons/search.png") no-repeat 50% 50%;
        text-indent:-9999px;
        width:28px;
        height:28px;
        cursor:pointer;
    }
    
    #blogMain #sidebar #searchLabel{
        background:url("../img/icons/arrowHand_ur.png") no-repeat 100% 10%;
        margin-left:200px;
        display:inline;
        margin-top:0;
        padding-right:20px;
    }
    
    #blogMain #sidebar div{
        margin-left:35px;
        width:260px;
        margin-top:60px;
        
    }
    
    #blogMain #sidebar h3{
        color:#000000;
        /*letter-spacing:1px;*/
        line-height:32px;
    }
    
    #blogMain #sidebar #likeBtn{
        width:258px;
        height:32px;
        border:1px solid #cccccc;
        
    }
    
    #blogMain #sidebar #likeBtn h3{
        margin-left:16px;
        display:inline;
    }
    
    #blogMain #sidebar #likeBtn img{
        float:right;
        margin-right:6px;
        margin-top:6px;
    }
    
    #blogMain #sidebar ul{
        margin-top:25px;
        text-align:left;
        margin-left:5px;
    }
    
    #blogMain #sidebar li{
        margin-left:20px;
        padding-left:5px;
        list-style-image:url("../img/icons/bullet.png");
    }
    
    #blogMain #sidebar .line{
        background:url("../img/linework/sidebar_widget.jpg") no-repeat;
        height:1px;
        margin:0;
    }
    
    #blogMain #sidebar li a{
        color:#000000;
    }
    
    #blogMain #sidebar li a:hover{
        color:#87b240;
    }
    
    #blogMain #sidebar li span{
        color:#cccccc;
        font-size:10px;
        margin-left:15px;
        font-style:italic;
    }
    
    #blogMain #sidebar p{
        margin-bottom:5px;
    }
    
    #blogMain #textWidget{
        margin-bottom:65px;
    }
    
    #blogMain #textWidget p{
        width:255px;
    }
    
    #blogMain #textWidget a{
        display:block;
        background:url("../img/icons/arrow_r.png") no-repeat 0 70%;
        padding-left:20px;
    }
    
    #blogMain #featWork{
        overflow:hidden;
    }
    
    #blogMain #featWork div{
        float:left;
        margin-left:20px;
        width:120px;
        margin-top:10px;
    }
    
    #blogMain #featWork .first{
        margin-left:0;
    }
    
    #blogMain #featWork .caption{
        display:block;
        background:url("../img/icons/bullet.png") no-repeat 0 50%;
        padding-left:15px;
        margin-left:8px;
        margin-top:10px;
        color:#000000;
    }
    
    #blogMain #popList{
        margin-bottom:40px;
    }
    
    /* END SIDEBAR */
    
    
    /* MAIN CONTENT */
    
    #blogMain #mainContent{
        width:580px;
        margin-left:30px;  
    }
    
    /*latest ribbon*/
    #blogMain #mainContent .latest{
        background:url("../img/icons/latest_03.png") no-repeat 65px 2px;
    }
    
    #blogMain #mainContent .latest:after
    {
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
    
    #blogMain #mainContent .post{
        overflow:hidden;
        padding-bottom:50px;
        border-bottom:1px solid #cccccc;
        margin-bottom:70px;
    }
    
    #blogMain #mainContent .post:first-child{
        overflow:visible;
        
    }
    

    #blogMain #mainContent .post:last-child{
        border:none;
        margin-bottom:0;
    }
    
    #blogMain #mainContent .post h1{
        margin-top:0;
        margin-left:180px;
        margin-bottom:8px;
    }
    
    #blogMain #mainContent .post>h2{
        margin-left:180px;
        margin-top:0;
        margin-bottom:35px;
    }
    
    #blogMain #mainContent .post b{
        color:#888888;
    }
    
    #blogMain #mainContent .post em{
        color:#888888;
        font-weight:bold;
        font-style:italic;
    }
    
    #blogMain #mainContent .postLrg{
        overflow:hidden;
    }
    
    #blogMain #mainContent .postLrg img{
        margin-bottom:  0;
        padding-bottom:25px;
    }
    
    #blogMain #mainContent .post .user, #blogMain #mainContent .post .date, #blogMain #mainContent .post .comments{
        display:inline;
        font-size:10px;
        float:left;
        clear: left;
        text-align:right;
        color:#000000;
        width:100px;
        padding-right:20px;
        margin-left:0;
    }
    
    #blogMain #mainContent .post .user{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%; 
    }
    
    #blogMain #mainContent .post .date{
        background:url("../img/icons/meta_date.png") no-repeat 99% 50%; 
    }
    
    #blogMain #mainContent .post .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;  
    }
    
    #blogMain #mainContent .post .comments a{
        margin-left:0;
        color:#000000;
    }
    
    #blogMain #mainContent .post .comments a:hover{
        color:#87b240;
    }
    
    #blogMain #mainContent .post .summary{
        float:right;
        clear:none;
        width:400px;
        margin-top:0;
        margin-bottom:25px;
        margin-left:0;
    }
    
        
    #blogMain #mainContent .post .readMore{
        margin-left:180px;
        float:left;
    }
    
    
    #blogMain #mainContent a h2{
        clear:both;
        margin-left:0;
        margin-top:0;
        margin-bottom:0;
    }
    
    #blogMain #mainContent .postSml img{
        float:left;
        padding-bottom:25px;
    }
    
    
    /* PAGINATION */
    
    #blogMain #connect #mainPagination{
        margin-left:180px;
        margin-top:50px;
        width:383px;
        float:left;
        height:20px;
    }
    
    #blogMain #connect #mainPagination h2{
        background:none;
        float:none;
        margin:0;
        padding:0;
    }
    
    #blogMain #connect #mainPagination .older{
        background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;
        padding-left:25px;
        float:left;  
    }
    
    #blogMain #connect #mainPagination .newer{
        background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;
        padding-right:25px;
        float:right;
    }
    
    
    /* END BLOG MAIN PAGE */
    
    /*------------------------------------------------------------------------*/
    
    
    /* BLOG POST PAGE */
    
    /*TAGLINE */
    #blogPost #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* SIDEBAR */
    #blogPost #sidebar{
        position:relative;
        width:330px;
    }
   
    
    #blogPost #sidebar form{
        margin-left:35px;
        margin-top:34px;
        margin-bottom:3px;
        position:relative;
    }
    
    #blogPost #sidebar input[type=text]{
        border:1px solid #f6f6f6;
        width:230px; 
        height:30px;
        background:white;
        padding: 0 15px;
    }
    
    #blogPost #sidebar input[type=submit]{
        border:0;
        position:absolute;
        top:2px;
        right:45px;
        background: white url("../img/icons/search.png") no-repeat 50% 50%;
        text-indent:-9999px;
        width:28px;
        height:28px;
        cursor:pointer;
    }
    
    #blogPost #sidebar #searchLabel{
        background:url("../img/icons/arrowHand_ur.png") no-repeat 100% 10%;
        margin-left:200px;
        display:inline;
        margin-top:0;
        padding-right:20px;
    }
    
    #blogPost #sidebar div{
        margin-left:35px;
        width:260px;
        margin-top:60px;
        
    }
    
    #blogPost #sidebar .line{
        background:url("../img/linework/sidebar_widget.jpg") no-repeat;
        height:1px;
        margin:0;
    }
    
    #blogPost #sidebar h3{
        color:#000000;
       /* letter-spacing:1px;*/
        line-height:32px;
    }
    
    #blogPost #sidebar #likeBtn{
        width:258px;
        height:32px;
        border:1px solid #cccccc;  
    }
    
    #blogPost #sidebar #likeBtn h3{
        margin-left:16px;
        display:inline;
    }
    
    #blogPost #sidebar #likeBtn img{
        float:right;
        margin-right:6px;
        margin-top:6px;
    }
    
    #blogPost #sidebar ul{
        margin-top:25px;
        text-align:left;
        margin-left:5px;
    }
    
    #blogPost #sidebar li{
        margin-left:20px;
        padding-left:5px;
        list-style-image:url("../img/icons/bullet.png");
    }
    
    #blogPost #sidebar li a{
        color:#000000;
    }
    
    #blogPost #sidebar li a:hover{
        color:#87b240;
    }
    
    #blogPost #sidebar li span{
        color:#cccccc;
        font-size:10px;
        margin-left:15px;
        font-style:italic;
    }
    
    #blogPost #sidebar p{
        margin-bottom:5px;
    }
    
    #blogPost #textWidget{
        margin-bottom:65px;
    }
    
    #blogPost #textWidget p{
        width:255px;
    }
    
    #blogPost #textWidget a{
        display:block;
        background:url("../img/icons/arrow_r.png") no-repeat 0 70%;
        padding-left:20px;
    }
    
    #blogPost #featWork{
        overflow:hidden;
    }
    
    #blogPost #featWork div{
        float:left;
        margin-left:20px;
        width:120px;
        margin-top:10px;
    }
    
    #blogPost #featWork .first{
        margin-left:0;
    }
    
    #blogPost #featWork .caption{
        display:block;
        background:url("../img/icons/bullet.png") no-repeat 0 50%;
        padding-left:15px;
        margin-left:8px;
        margin-top:10px;
        color:#000000;
    }
    
    #blogPost #popList{
        margin-bottom:40px;
    }
    
    /* END SIDEBAR */
    
    /* MAIN CONTENT */
    
    #blogPost #mainContent .post pre{
        float:right;
        width:440px;
        margin-bottom:35px;
        padding-left:40px;
        padding-right:40px;
    }
    
    #blogPost #mainContent .post code{
        margin:0;
        padding:0;  
    }
    
    pre {
        font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	color:#000000;
        padding: 0;
	margin: 0;
	background-color: #eeeeee;
	line-height: 16px;
	overflow: auto; /* If the Code exceeds the width, a scrolling is available */
	overflow-Y: hidden;  /* Hides vertical scroll created by IE */
    }
    pre code {
        margin: 0;
        padding: 18px 0;
        display: block;
    }
    
    
    #blogPost #mainContent{
        width:580px;
        margin-left:30px;  
    }
    
    #blogPost #mainContent .post{
        overflow:hidden;
        position:relative;
        padding-bottom:50px;
    }
    
    #blogPost #mainContent .post h1{
        margin-top:0;
        margin-left:60px;
        margin-bottom:8px;
    }
    
    #blogPost #mainContent .post .subtitle{
        margin-left:60px;
        margin-top:0;
        margin-bottom:35px;
    }
    
    #blogPost #mainContent .post #tweetThis{
        position:absolute;
        top:0;
        right:0;
    }
    
    #blogPost #mainContent .postLrg img{
        margin-bottom:  0;
        padding-bottom:25px;
    }
    
    #blogPost #mainContent .post .meta{
        margin-bottom:25px;
        padding-bottom:10px;
        border-bottom:1px solid #cccccc;
        width:520px;
        float:right;
    }
    
    #blogPost #mainContent .post .user, #blogPost #mainContent .post .date,
    #blogPost #mainContent .post .comments, #blogPost #mainContent .post .category{
        display:inline;
        font-size:10px;
        float:left;
        color:#000000;
        padding-left:20px;
    }
    
    #blogPost #mainContent .post .user{
        background:url("../img/icons/meta_user.png") no-repeat 0 50%; 
    }
    
    #blogPost #mainContent .post .date{
        background:url("../img/icons/meta_date.png") no-repeat 0 50%;
        margin-left:25px;
    }
    
    #blogPost #mainContent .post .category{
        background:url("../img/icons/meta_category.png") no-repeat 0 50%;
        margin-left:25px;
    }
    
    #blogPost #mainContent .post .category a{
        color:#000000;
        padding-left:5px;
    }
    
    #blogPost #mainContent .post .category a:first-child{
        padding-left:0;
    }
    
    #blogPost #mainContent .post .category a:hover{
        color:#87b240;
    }
    
    #blogPost #mainContent .post .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 10% 50%;
        float:right;
        
    }
    
    #blogPost #mainContent .post .comments a{
        margin-left:0;
        color:#000000;  
    }
    
    #blogPost #mainContent .post .comments a:hover{
        color:#87b240;
    }
    
    #blogPost #mainContent .post p{
        float:right;
        clear:none;
        width:520px;
        margin-top:0;
        margin-bottom:35px;
        margin-left:0;
    }
    
    #blogPost #mainContent .post h2{
        float:right;
        width:520px;
        margin-top:0;
        margin-bottom:15px;
    }
    
    #blogPost #mainContent .post h3{
        float:right;
        width:520px;
        margin-bottom:10px;
    }
    
    #blogPost #mainContent .post blockquote{
        background: url("../img/icons/blockquote.png") no-repeat;
        overflow:visible;
        float:right;
        width:420px;
        margin-bottom:35px;
        margin-right:60px;
        padding-left:20px;
        padding-top:20px;
        font-size:16px;
        line-height:24px;
        font-family: helvetica, arial, sans-serif;
        color:#000000;
    }
    
    #blogPost #mainContent .post div.infoBox{
        background:url("../img/icons/notify_03.png") no-repeat 20px 50%;
        float:right;
        width:450px;
        padding:20px;
        padding-left:50px;
        color:#87b240;
        border:1px solid #cccccc;
        margin-bottom:25px;
    }
    
    #blogPost #mainContent .post div.warningBox{
        background:url("../img/icons/error.png") no-repeat 20px 50%;
        float:right;
        width:450px;
        padding:20px;
        padding-left:50px;
        color:#b32b2b;
        border:1px solid #cccccc;
        margin-bottom:25px;
    }
    
    #blogPost #mainContent .post div.download{ 
        float:right;
        color:#87b240;
        text-transform:uppercase;
        font-weight:bold;
        font-size:9px;
        margin:0;
        margin-bottom:15px;
        position:relative;
        right:45%;
    }
    
    #blogPost #mainContent .post div.download div{
        float:right;
        background:url("../img/icons/download.png") no-repeat 20px 50%;
        padding:10px 20px 10px 40px;
        position:relative;
        margin:0;
        display:inline;
        right:-50%;
        border:1px solid #cccccc;
    }
    
    #blogPost #mainContent .post ul, #blogPost #mainContent .post ol{
        float:right;
        width:480px;
        margin-bottom:35px;
        margin-right:40px;
    }
    
    #blogPost #mainContent .post ul li{
        background:url("../img/icons/bullet.png") no-repeat 0 80%;
        padding-left:15px;
        padding-top:8px;
    }
    
    #blogPost #mainContent .post p img{
        display:inline;
        margin:8px 0 6px;
        padding:0;
    }
    
    #blogPost #mainContent .post img.alignLeft{
        margin-left:0;
        margin-right:30px;
        float:left;
    }
    
    #blogPost #mainContent .post img.alignRight{
        margin-right:0;
        margin-left:30px;
        float:right;
    }
    
    #blogPost #mainContent .post .bodyImage{
        float:left;
        margin-left:60px;
    }
    
    #blogPost #mainContent .post .tags{
        font-size:10px;
        float:right;
        width:495px;
        margin-bottom:35px;
        background: url("../img/icons/meta_tag.png") no-repeat 0 50%;
        padding-left:25px;
    }
    
    #blogPost #mainContent .post .tags a{
        padding-left:3px;
        color:#000000;
    }
    
    #blogPost #mainContent .post .tags a:first-child{
        padding-left:0;
    }
    
    #blogPost #mainContent .post .tags a:hover{
        color:#000000;
    }
    
    /* END MAIN POST BODY */
    
    
    /* POST DISCUSSION & COMMENTS */
    
    #mainContent #discussion{
        position:relative;
        overflow:hidden;
        padding-top:50px;
        padding-bottom:50px;
        border-top:1px solid #cccccc;
        border-bottom:1px solid #cccccc;
        margin-left:60px;
    }
    
    #mainContent #discussion h1{
        margin-top:0;
        margin-left:120px;
        margin-bottom:8px;
    }
    
    #mainContent #discussion .subtitle{
        margin-left:120px;
        margin-top:0;
        margin-bottom:35px;
    }
    
    #mainContent #discussion .comments{
        position:absolute;
        top:50px;
        left:40px;
        display:block;
        padding-right:15px;
        background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;   
    }
    
    #mainContent #discussion .comment{
        float:left;
        clear:left;
        display:block;
        width:520px;
        margin-bottom:40px;
    }
    
    #mainContent #discussion>h3{
        margin-left:120px;
        color:#cccccc;        
    }
    
    #mainContent #discussion .reply{
        width:460px;
        margin-bottom:25px;
        margin-left:60px;
    }
    
    #mainContent #discussion .comment p{
        width:400px;
        float:right;
        margin-top:0;
        margin-bottom:25px;
    }
    
    #mainContent #discussion .reply p{
        width:300px;
        float:right;
    }
    
    #mainContent #discussion .comment .avatar{
        float:left;
        display:block;
        width:70px;
        position:relative;
        font-size:10px;
        color:#000000;
    }
    
    #mainContent #discussion .reply .avatar{
        margin-left:27px;
    }
    
    #discussion .comment .avatar img{
        margin-left:20px;
        display:block;
        float:right;
        margin-bottom:8px;
    }
    
    #discussion .comment .avatar .time{
        float:right;
        display:block;
        background:url("../img/icons/meta_time.png") no-repeat 100% 50%;
        padding-right:15px;  
    }
    
    #discussion .comment .avatar .date{
        float:right;
        display:block;
        background:url("../img/icons/meta_date.png") no-repeat 100% 50%;
        padding-right:15px;  
    }
    
    #discussion .comment .username{
        float:right;
        width:400px;
        margin-bottom:20px;
        color:#000000;
    }
    
    #discussion .comment .username a{
        background:url("../img/icons/bullet.png") no-repeat 0 80%;
        color:#000000;
        padding-left:15px;
    }
    
    #discussion .comment .username a:hover{
        color:#87b240;
    }
    
    #discussion .comment h3.author a{
        color:#b32b2b;
    }
    
    #discussion .reply .username{
        width:300px;
    }
    
    #discussion .comment .replyTo{
        float:right;
        clear:right;
        width:400px;
        margin:0;
        padding:0;
    }
    
    #discussion .comment .replyTo a{
        color:#000000;
    }
    
    #discussion .comment .replyTo a:hover{
        color:#444444;
    }
    
    /* END DISCUSSION AREA */
    
    /* COMENTS FORM */
    
    #commentsForm{
        position:relative;
        overflow:hidden;
        width:580px;
        padding-bottom:20px;
        margin-top:40px;
    }
    
    
    #commentsForm h1{
        margin-top:0;
        margin-left:180px;
        margin-bottom:8px;  
    }
    
    #commentsForm h2{
        margin-left:180px;
        margin-top:0;
        margin-bottom:60px;
    }
    
    #commentsForm input[type=text]{
        width:113px;
        height:30px;
        border:1px solid #cccccc;
        margin-bottom:10px;
        float:left;
        clear:left;
        color:#000000;
        font-size:12px;
        line-height:30px;
        text-align:right;
        display:inline;
        padding-right:40px;
        padding-left:5px;
    }
    
    #commentsForm input.required{
        background:url("../img/icons/required.png") no-repeat 85% 60%;
    }
    
    #commentsForm input.error{
        background:url("../img/icons/error.png") no-repeat 85% 60%;
    }
    
    #commentsForm span.required{
        position:absolute;
        display:block;
        width:45px;
        bottom:0;
        right:0;
        background:url("../img/icons/required.png") no-repeat 100% 60%;
        float:right;
        clear:right;
        color:#cccccc;
        font-style:italic;
        font-size:10px;
        padding-right:10px;
        margin-right:3px;
    }
    
    #commentsForm span.error{
       position:absolute;
       bottom:0;
       left:180px;
       color:#b32b2b;
       font-style:italic;
       font-size:10px;
       margin-left:3px;
    }
    
    #commentsForm input[type=submit]{
        float:left;
        clear:left;
        border:0;
        display:block;
        background:#f6f6f6;
        width:160px;
        height:30px;
        text-align:right;
        padding-right:40px;
        font-size:9px;
        text-transform:uppercase;
        color:#000000;
    }
    
    #commentsForm input[type=submit]:hover{
        cursor:pointer;
        color:#87b240;
    }
    
    #commentsForm textarea{
        width:378px;
        height:175px;
        border:1px solid #cccccc;
        margin-left:20px;
        float:right;
        padding:5px 10px;
        font-family:helvetica, arial, sans-serif;
        font-size:12px;
        line-height:20px;
        color:#000000;
    }
    
    
    /* POST PAGINATION */
    

    #blogPost #connect #mainPagination{
        margin-left:60px;
        margin-top:50px;
        width:503px;
        float:left;
        height:20px;
    }
    
    #blogPost #connect #mainPagination h2{
        background:none;
        float:none;
        margin:0;
        padding:0;
    }
    
    #blogPost #connect #mainPagination .older{
        background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;
        padding-left:25px;
        float:left;
        
    }
    
    #blogPost #connect #mainPagination .newer{
        background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;
        padding-right:25px;
        float:right;
    }
    
    /* END POST PAGINATION */
    
    /* END BLOG POST PAGE */
    
    /*------------------------------------------------------------------------*/
    
    /* BLOG MINIMAL POST PAGE */
    
    #blogPost.minimal #mainContent{
        float:right;
        position:relative;
        overflow:hidden;
        margin-left:0;
    }
    
    #blogPost.minimal .metaMinimal{
        width:300px;
        float:left;
        position:relative;
        clear:both;
        margin-top:163px;
        padding-right:60px;
        border-right:1px solid #cccccc;
    }
    
    #blogPost.minimal .metaMinimal .user, #blogPost.minimal .metaMinimal .date,
    #blogPost.minimal .metaMinimal .comments, #blogPost.minimal .metaMinimal .category{
        display:block;
        font-size:10px;
        float:right;
        clear: right;
        text-align:right;
        color:#000000;
        padding-right:20px;
        margin-left:0;
    }
    
    #blogPost.minimal .metaMinimal .user{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%; 
    }
    
    #blogPost.minimal .metaMinimal .date{
        background:url("../img/icons/meta_date.png") no-repeat 99% 50%; 
    }
    
    #blogPost.minimal .metaMinimal .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;
        position:absolute;
        top:-90px;
        right:60px;
    }
    
    #blogPost.minimal .metaMinimal .category{
        background:url("../img/icons/meta_category.png") no-repeat 100% 50%;
    }
    
    #blogPost.minimal .metaMinimal .category a{
        margin-right:3px;
        color:#000000;
    }
    
    #blogPost.minimal .metaMinimal .category a:hover{
        color:#87b240;
    }
    
    #blogPost.minimal .metaMinimal .comments a{
        margin-left:0;
        color:#000000;
    }
    
    #blogPost.minimal .metaMinimal .comments a:hover{
        color:#87b240;
    }
    
    /*END MINIMAL BLOG POST PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* GET A QUOTE PAGE */
    
    #contact #banner{
        background:#eeeeee;
        height:350px;
    }
    
    #contact #banner #officeImage{
        position:relative;
        width:360px;
        float:left;
    }
    
    #contact #banner #officeImage span{
        position:absolute;
        left:35px;
        bottom:35px;
        font-size:45px;
        color:#ffffff; 
    }
    
    #contact #banner #officeImage h3{
        position:absolute;
        left:35px;
        bottom:10px;
        margin:0;
        color:#ffffff; 
    }
    
    #contact #banner #gmaps{
        width:580px;
        height: 350px;
        float:left;
        margin:0;
        padding:0;
    }
    
    
    /* SIDEBAR */
    
    #contact #sidebar{
        position:relative;
        width:330px;
    }
    
    #contact #sidebar div{
        width:260px;
        margin-left:35px;
        margin-bottom:60px;
        position:relative;
    }
    
    #contact #sidebar #textWidget{
        margin-bottom:80px;
    }
    
    #contact #sidebar .contactDetails h3{
        color:#000000;
    }
    
    #contact #sidebar .contactDetails p{
        margin-bottom:15px;
        color:#000000;
    }
    
    #contact #sidebar .contactDetails a{
        display:block;
        margin-top:0;
        color:#b32b2b;
    }
    
    #contact #sidebar .contactDetails a:hover{
        color:#87b240;
    }
    
    #contact #sidebar .contactDetails .label{
        background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;
        padding-left:20px;
        position:absolute;
        top:-50px;
        right:30px;
    }
    
    #contact #sidebar #likeBtn h2{
        background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;
        margin:0;
        padding-left:20px;
        margin-right:30px;
        display:block;
        float:right;
    }
    
    #contact #sidebar #likeBtn a{
        display:block;
        float:left;
        margin:0;
        margin-top:30px;
        padding:0;
    }
    
    /*END SIDEBAR*/
    
    
    
    /* MAIN CONTENT */
    
    #contact #mainContent{
        margin-left:30px;
        margin-right:0;
        width:580px;
        margin-top:75px;
    }
    
    #contact #mainContent div{
        background:#f6f6f6;
        position:relative;
        overflow:hidden;
        margin-bottom:20px;
        padding-bottom:40px;
    }

    #contact #mainContent div h1{
        margin-top:30px;
        margin-left:180px;
        margin-bottom:0;
        padding-top:20px;
    }
    
    #contact #mainContent div h2{
        margin-top:10px;
        margin-left:180px;
        margin-bottom:40px;
    }
    
    #contact #mainContent input[type=text],
    #contact #mainContent input[type=submit],
    #contact #mainContent select{
        border:1px solid white;
        line-height:28px;
        background:white;
        height:28px;
        clear:none;
        width:303px;
        margin-left:60px;
        font-size:11px;
        padding-left:25px;
        padding-right:10px;   
    }
    
    #contact #mainContent form{
        overflow:hidden;
    }
    
    #contact #mainContent input.required{
       background: white url("../img/icons/required.png") no-repeat 8px 50%; 
    }
    
    #contact #mainContent input.error{
       background: white url("../img/icons/error.png") no-repeat 8px 50%;
       border-color:#b32b2b;
    }
    
    #contact #mainContent label{
        color:#000000;
        line-height:28px;
        margin-right:60px;
        margin-bottom:10px;
        display:block;
        float:right;
    }

    #contact #mainContent #contactType label{
        margin-left:10px;
        display:block;
        margin-right:20px;
        width:130px;
        float:left;
        line-height:29px;
        color:#444444;
        font-size:9px;
        text-transform:uppercase;
    }
    
    #contact #mainContent #contactType span{
        float:left;
        display:block;
        width:100px;
        padding-right:60px;
        line-height:25px;
        padding-left:20px;
        text-align:right;
        margin-right:0;
    }

    
    #contact #mainContent #contactType input[type=radio]{
        font-size:25px;
        display:inline;
        float:left;
        width:10px;
        margin:0;
        margin-right:10px;
        line-height:28px;
        height:28px;
    }
    
    #contact #mainContent select{
        width:340px;
        color: #000000;
        padding:0;
        float:left;
        height:30px;
        margin-left:0;
        margin-bottom:10px;
        line-height:30px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:25px;
        padding-right:10px;
    }
    
    #contact #mainContent select option{
        margin:10px;
        padding-left:20px;
        border:0;
    }
    
    #contact #mainContent #project label.radio{
        margin-left:10px;
        display:block;
        margin-right:0;
        width:75px;
        float:left;
        line-height:28px;
        height:28px;
        color:#444444;
        font-size:11px;
    }
    
    #contact #mainContent #project input[type=radio]{
        font-size:10px;
        display:inline;
        float:left;
        width:15px;
        margin:0;
        margin-top:8px;
        margin-right:5px;  
    }
    
    #contact #mainContent #project span{
        float:left;
        display:block;
        width:100px;
        padding-right:60px;
        line-height:25px;
        padding-left:20px;
        text-align:right;
        margin-right:0;
    }
    
    #contact #mainContent #message{
        padding-bottom:60px;
        position:relative;
    }
    
    #contact #mainContent #message label{
       margin-right:0; 
    }
    
    #contact #mainContent #message textarea{
        background:white url("../img/icons/required.png") no-repeat 8px 15px;
        position:relative;
        top:-5px;
        border:1px solid white;
        outline:none;
        width:288px;
        height:165px;
        padding:10px 25px;
        float:right;
        margin-right:60px;
        margin-left:60px;
        margin-bottom:15px;
        color: #000000;
        font-size:12px;
        font-family: helvetica, arial, sans-serif;
        font-weight: normal;
        line-height:20px;
    }
    
    #contact #mainContent #message textarea.error{
        border:1px solid #b32b2b;
        background:white url("../img/icons/error.png") no-repeat 8px 15px;
    }
    
    #contact #mainContent #message input[type=submit]{
        width:120px;
        margin-right:60px;
        padding:0 15px;
        float:right;
        height:30px;
        color: #87b240;
        font-size:9px;
        text-transform:uppercase;
        line-height:30px;
    }
    
    #contact #mainContent #message input[type=submit]:hover{
        cursor:pointer;
        color: #000000;
    }
    
    #contact #mainContent #message span{
        background:url("../img/icons/required.png") no-repeat 0 50%;
        color: #cccccc;
        font-size:10px;
        padding-left:20px;
        position:absolute;
        left:188px;
        top:348px;
    }
    
    #contact #mainContent #message span.error{
        background:url("../img/icons/error.png") no-repeat 0 50%;
        color: #b32b2b;
    }
    
    
    /*END CONTECT / GET A QUOTE PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* FREQUENTLY ASKED QUESTIONS PAGE */
    
    /*TAGLINE */
    #faq #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    /* SIDEBAR */
    
    #faq #sidebar{
        position:relative;
        width:330px;
    }
    
    #faq #sidebar div{
        width:260px;
        margin-left:35px;
        margin-bottom:60px;
        position:relative;
    }
    
    #faq #sidebar #textWidget{
        margin-bottom:80px;
    }
    
    #faq #sidebar .contactDetails h3{
        color:#000000;
    }
    
    #faq #sidebar .contactDetails p{
        margin-bottom:15px;
        color:#000000;
    }
    
    #faq #sidebar .contactDetails a{
        display:block;
        margin-top:0;
        color:#b32b2b;
    }
    
    #faq #sidebar .contactDetails a:hover{
        color:#87b240;
    }
    
    #faq #sidebar .contactDetails .label{
        background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;
        padding-left:20px;
        position:absolute;
        top:-50px;
        right:30px;
    }
    
    #faq #sidebar #likeBtn h2{
        background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;
        margin:0;
        padding-left:20px;
        margin-right:30px;
        display:block;
        float:right;
    }
    
    #faq #sidebar #likeBtn a{
        display:block;
        float:left;
        margin:0;
        margin-top:30px;
        padding:0;
    }
    
    /*END SIDEBAR*/
    
    
    /* MAIN CONTENT */
    
    #faq #mainContent .item{
        position:relative;
        overflow:hidden;
        margin-bottom:30px;
    }
    
    #faq #mainContent .item .question{
        border:1px solid #cccccc;
        background:url("../img/icons/contract.png") no-repeat 96% 60%;
    }
    
    #faq #mainContent .closed .question{
     	border:1px solid #cccccc;
        background:url("../img/icons/expand.png") no-repeat 96% 60%;
    }
    
    #faq #mainContent .item .question h3{
        background:url("../img/icons/q.png") no-repeat 0 4px;
        margin:10px 0 10px 20px;
        padding-left:18px;
        font-size:12px;
        font-weight:normal;
        text-transform:none;
        width:440px;
    }
    
    #faq #mainContent .item .question h3 a{
        color:#444444;
    }
    
    #faq #mainContent .item .question h3 a:hover{
        color:#87b240;
    }
    
    #faq #mainContent .item .answer{
        background: #f6f6f6;
        overflow:hidden;
    }
    
    #faq #mainContent .item p{
        /*background:url("../img/icons/a.png") no-repeat 0 3px;*/
        float:none;
        width:460px;
        margin:20px;
        margin-bottom:30px;
        padding-left:20px;
		text-align:justify;
    }
    
    #faq #mainContent .item p.first{
        background:url("../img/icons/a.png") no-repeat 0 3px;
    }
    
    #faq #mainContent .item .answer pre{
        display:block;
        background:none;
        width:425px;
        margin:35px;
        padding-left:20px;
        color:black;
    }
    
    #faq #mainContent .item .answer ul{
        width:400px;
    }
    
    #faq #mainContent .item .answer li{
       background:url("../img/icons/bullet.png") no-repeat 0 5px;
       color:#000000;
       padding:0;
       padding-left:15px;
       margin:0;
       margin-top:8px;
    }
    
    /* END FREQUENTLY ASKED QUESTIONS PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /*PORTFOLIO SECTION*/
    
    /*MAIN PAGE*/
    
    #portfolioCat #banner{
        width:940px;
        height:350px;
        overflow:hidden;
        position:relative;
        margin-bottom:40px;
        background:none;
    }
    
    #portfolioCat #projectInfo, #portfolioCat div.category {
        margin-bottom:40px;
    }
    
    #portfolioCat #banner div{
        float:left;
    }
    
    #portfolioCat #banner #slides{
        width:577px;
    }
    
    #portfolioCat #banner #browser{
        margin-right:2px;
        margin-left:0;
        width:360px;
        
    }
    
    #portfolioCat #banner #browser ul,#portfolioCat #banner #browser li{
        margin:0;
        padding:0;
    }
    
    #portfolioCat #banner #browser li{
        float:left;
        margin-right:4px;
    }
    
    #portfolioCat #projectInfo{
        position:relative;
        overflow:hidden;
        border-bottom:1px solid #cccccc;
    }
    
    #portfolioCat #projectInfo div.titles{
        position:relative;
        float:left;
        width:300px;
        margin-right:60px;
        overflow:hidden;
    }
    
    #portfolioCat #projectInfo h1,#portfolioCat #projectInfo h2{
        overflow:hidden;
        float:right;
        margin-right:0;
        text-align:right;
    }
    
    #portfolioCat #projectInfo h1{
        margin-bottom:0;
    }
    
    #portfolioCat #projectInfo h2{
        clear:right;
        margin-bottom:0;
        margin-top:10px;
    }
    
    #portfolioCat #projectInfo p{
        position:relative;
        width:557px;
        padding-left:10px;
        float:left;
        margin-top:40px;
        padding-right:10px;
        margin-bottom:0;
    }
    
    #portfolioCat #projectInfo h2 a{
        float:left;
        text-align:left;
        margin-left:370px;
        padding-left:15px;
        background:url("../img/icons/arrow_r.png") no-repeat 0 70%;
    }
    
    #portfolioCat #projectInfo>h2{
        margin:0;
        float:left;
        margin-top:10px;
        margin-bottom:40px;
    }
    
    
    /*CATEGORY DIVS*/
    
    #portfolioCat .category{
        overflow:hidden;
        position:relative;
        border-bottom:1px solid #cccccc;
    }
    
    #portfolioCat .last{
        border:none;
    }
    
    #portfolioCat .category div{
        width:300px;
        margin-right:60px;
        float:left;
        margin-left:3px;
        text-align:right;
    }
    
    #portfolioCat .category div p{
        width:220px;
        float:right;
        color:#000000;
        margin-bottom:5px;
    }
    
    #portfolioCat .category div a{
        background:url("../img/icons/arrow_r.png") no-repeat 0 80%;
        display:block;
        height:20px;
        padding-left:15px;
        float:right;
        clear:right;
    }
    
    #portfolioCat .category div span{
        float:right;
        background:url("../img/icons/meta_tag.png") no-repeat 0 50%;
        clear:right;
        padding-left:20px;
        margin-top:60px;
    }
    
    #portfolioCat .category div span a{
        color:#cccccc;
        background:none;
        float:left;
        clear:none;
        padding-left:5px;
    }
    
    #portfolioCat .category div span a:hover{
        color:#444444;
    }
    
    #portfolioCat .category ul{
        width:577px;
        overflow:hidden;
        margin:0;
        padding:0;
        padding-top:40px;
        margin-bottom:60px;
    }
    
    #portfolioCat .category li{
        margin:0;
        padding:0;
        float:left;
        width:160px;
        margin-right:48px;
    }
    
    #portfolioCat .category li:last-child{
        margin-right:0;
    }
    
    #portfolioCat .category:last-child{
        border:none;
    }
    
    #portfolioCat .category h3{
        margin-top:20px;
        margin-bottom:0;
    }
    
    #portfolioCat .category h3 a{
        color:#000000;
    }
    
    #portfolioCat .category h3 a:hover{
        color:#87b240;
    }
    
    /*END PORTFOLIO CATEGORIES PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /*PORTFOLIO SINGLE CATEGORY PAGE*/
    
    /*TAGLINE */
    #singleCat #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    #singleCat #main{
        position:relative;
    }
    
    /*CATEGORY THUMBS*/
    
    #singleCat #categoryInfo{
        position:relative;
        overflow:visible;
        margin-top:30px;
        margin-bottom:10px;
         z-index:9;
    }
    
    #singleCat #categoryInfo div.titles{
        position:relative;
        float:left;
        width:300px;
        margin-right:60px;
        overflow:hidden;
    }
    
    #singleCat #categoryInfo h1,#singleCat #categoryInfo h2{
        overflow:hidden;
        float:right;
        margin-right:0;
        text-align:right;
    }
    
    #singleCat #categoryInfo h1{
        margin-bottom:0;
    }
    
    #singleCat #categoryInfo h2{
        clear:right;
        margin-bottom:0;
        margin-top:10px;
    }
    
    #singleCat #categoryInfo p{
        position:relative;
        width:557px;
        padding-left:10px;
        float:left;
        margin-top:40px;
        padding-right:10px;
        margin-bottom:0;
    }
    
    #singleCat #categoryInfo h2.readMore a{
        background:url("../img/icons/expand_blue.png") no-repeat 0 70%;
        float:left;
        text-align:left;
        padding-left:20px;
        margin-left:370px;        
    }
    
    #singleCat #categoryInfo .titles h2.back{
        background:url("../img/icons/back_red.png") no-repeat 0 70%;
        padding-left:20px;
        margin-left:0;
    }
    
    #singleCat #categoryInfo .titles h2.back a{
        margin-left:0;
        color:#b32b2b;
    }
    
    #singleCat #categoryInfo>h2{
        margin:0;
        float:left;
        margin-top:10px;
        margin-bottom:40px;
    }
    
    
    /* EXTENDED INFO */
    
    #singleCat #infoLong{
        width:600px;
        background:white;
        position:absolute;
        top:0;
        left:360px;
        z-index:10;
        padding-bottom:30px;
        display:none; /* hidden by default*/
    }
    
    #singleCat #infoLong h2.readLess{
	background:url("../img/icons/contract_blue.png") no-repeat 0 70%;
	margin-left:10px;
        float:left;
        margin-top:20px;
	padding-left:20px;
    }
    
    /*THUMB ROWS*/
    
    #singleCat .row{
        overflow:hidden;
        position:relative;
        z-index:1;
    }
    
    #singleCat .last{
        margin-bottom:30px;
    }
    
    #singleCat .row div p{
        width:220px;
        float:right;
        color:#000000;
        margin-bottom:5px;
    }
    
    #singleCat .row div a{
        background:url("../img/icons/arrow_r.png") no-repeat 0 80%;
        display:block;
        height:20px;
        padding-left:15px;
        float:right;
        clear:right;
    }
    
    #singleCat .row div span{
        float:right;
        background:url("../img/icons/meta_tag.png") no-repeat 0 50%;
        clear:right;
        padding-left:20px;
        margin-top:60px;
    }
    
    #singleCat .row div span a{
        color:#cccccc;
        background:none;
        float:left;
        clear:none;
        padding-left:5px;
    }
    
    #singleCat .row div span a:hover{
        color:#444444;
    }
    
    #singleCat .row ul{
        float:right;
        overflow:hidden;
        margin:0;
        padding:0;
        padding-top:40px;
        margin-bottom:60px;
    }
    
    #singleCat .row li{
        margin:0;
        padding:0;
        float:left;
        width:160px;
        margin-right:48px;
    }
    
    #singleCat .row li:last-child{
        margin-right:0;
    }
    
    #singleCat .row:last-child{
        border:none;
    }
    
    #singleCat .row h3{
        margin-top:20px;
        margin-bottom:0;
    }
    
    #singleCat .row h3 a{
        color:#000000;
    }
    
    #singleCat .row h3 a:hover{
        color:#87b240;
    }
    
    #singleCat .row h2.label1{
        position:absolute;
        overflow:visible;
        height:30px;
        color:#b32b2b;
        top:-25px;
        right:180px;
        background:url("../img/icons/arrowHand_dl_red.png") no-repeat 0 50%;
        padding-left:20px;
        line-height:20px;
    }
    
    #singleCat .row h2.label2{
        position:absolute;
        overflow:visible;
        height:30px;
        top:-15px;
        left:100px;
        color:#b32b2b;
        background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 30%;
        padding-right:25px;
        line-height:20px;
    }
    
    
    /*END SINGLE CATEGORY PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /*SINGLE PROJECT PAGE*/
    
    /*TAGLINE */
    #singleProject #tagline{
        border-bottom:1px solid #cccccc;
    }
    
    
    /* MAIN CONTENT */
    
    #singleProject #mainContent{
        margin:0;
        padding:0;
        margin-left:10px;
    }
     
    #singleProject #mainContent #project{
        position:relative;
        overflow:hidden;
    }
    
    #singleProject #mainContent #project .side, #singleProject #mainContent #project #projectImage{
        margin-top:100px;
    }
    
    #singleProject #mainContent #project .side{
        overflow:hidden;
        float:left;
        margin-right:60px;
        width:300px;
    }
    
    #singleProject #mainContent #project .titles{
        float:left;
        text-align:right;
        overflow:hidden; 
    }
    
    #singleProject #mainContent #project .titles h1{
        float:left;
        width:300px;
        margin-top:0;
        margin-bottom:10px;
    }
    
    #singleProject #mainContent #project h2.back{
        background:url("../img/icons/back_red.png") no-repeat 0 60%;
        padding-left:20px;
        float:right;
        margin-top:25px;
        margin-bottom:40px;
    }
    
    #singleProject #mainContent #project h2.back a{
        color:#b32b2b;
    }
    
    #singleProject #mainContent #project #share{
        position:absolute;
        background:#f6f6f6;
        top:60px;
        right:0;
        width:570px;
        float:left;
        margin-bottom:10px;
        text-align:right;
        height:20px;
        padding:5px;
    }
    
    #singleProject #mainContent #project #share h3{
        margin:0;
        float:left;
        color:#000000;
        padding-left:10px;
        /*letter-spacing:1px;*/
        display:inline;
        margin-right:20px;
        padding-bottom:5px;
        line-height:22px;
    }
    
    #singleProject #mainContent #project #tweetThis{
        height:20px;
        float:right;
    }
    
    #singleProject #mainContent #project #likeThis{
        height:20px;
        float:right;
        margin-right:20px;
    }
    
    #singleProject #mainContent #project #projectInfo{
        width:580px;
        float:left;
        margin-top:100px;
        margin-bottom:60px;
    }
    
    #singleProject #mainContent #project #projectInfo img{
        float:left;
        clear:both;
        padding:0;
        margin-bottom:40px;
    }
    
    #singleProject #mainContent #project #projectInfo .video{
        margin-bottom:40px;
        position:relative;
        float:left;
        clear:both;
    }
    
    #singleProject #mainContent #project #projectInfo .note{
        color:#b32b2b;
        margin:0;
        position:absolute;
        top:0;
        left:-315px;
        padding-right:20px;
        text-align:right;
        background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 60%;
    }
    
    #singleProject #mainContent #project #projectInfo p{
        width:580px;
        float:left;
        clear:both;
        margin-bottom:60px;
    }
    
    #singleProject #mainContent #project .meta{
        width:300px;
        float:right;
        clear:both;
        overflow:hidden;
        margin:30px 0;
    }
    
    #singleProject #mainContent #project .meta span, #singleProject #mainContent #project .meta h2 {
        display:block; 
    }
    
    #singleProject #mainContent #project .meta span{
        text-align:right;
    }
    
    #singleProject #mainContent #project .meta .client{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%;
        padding-right:20px;
    }
    
    #singleProject #mainContent #project .meta .date{
        background:url("../img/icons/meta_date.png") no-repeat 100% 50%;
        padding-right:20px;
    }
    
    #singleProject #mainContent #project .meta .tags{
        background:url("../img/icons/meta_tag_l.png") no-repeat 100% 50%;
        padding-right:20px;
    }
    
    #singleProject #mainContent #project .meta .tags a{
        color:#cccccc;
    }
    
    #singleProject #mainContent #project .meta .tags a:hover{
        color:#444444;
    }
    
    #singleProject #mainContent #project .launch {
        background:url("../img/icons/arrow_r.png") no-repeat 0 70%;
        padding-left:20px;
        margin:0;
        float:right;
    }
    
    /*END MAIN CONTENT*/
    
    /* PROJECT PAGINATION */

    #singleProject #connect #projectPagination{
        margin-left:60px;
        margin-top:50px;
        width:503px;
        float:left;
        height:20px;
    }
    
    #singleProject #connect #projectPagination h2{
        background:none;
        float:none;
        margin:0;
        padding:0;
    }
    
    #singleProject #connect #projectPagination .older{
        background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;
        padding-left:25px;
        float:left;
        
    }
    
    #singleProject #connect #projectPagination .newer{
        background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;
        padding-right:25px;
        float:right;
    }
    
    /* END PROJECT PAGINATION */
    
    /*END SINGLE PROJECT PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* END MAIN STYLES */
    
    /*------------------------------------------------------------------------*/
    
    
    
    
    /*------------------------------------------------------------------------*/
    
    /* CONDITIONAL STYLES FOR IE7 */
    
    /*------------------------------------------------------------------------*/
    
    /* HOMEPAGE */
    
    .ie7 #mainNav li.navLast{
        margin-right:0;
    }
    
    .ie7 #infoPanel{
        background:url("../img/home/infobg.png") repeat-y;
    }
    
    .ie7 #infoPanel #info{
        overflow:visible;
    }
    
    .ie7 #infoPanel #info>a{
        line-height:55px;
        background-position:100% 55px;
        display:block;
        margin-top:20px;
        padding-bottom:20px;
    }
    
    .ie7 #banner #nextSlide{
        background:url("../img/home/nextbg.png") repeat-y;
    }
    
    .ie7 #sidebar{
        padding-bottom:75px;
    }
    
    .ie7 #stats li.last {
        padding-top:20px;
    }
    
    
    .ie7 #upper{
        padding-bottom:10px;
    }
    
    .ie7 #featLeft{
        clear:left;
        float:left;
    }
    
    .ie7 #featRight{
        margin-top:110px;
    }
    
    .ie7 #connect{
        overflow:auto;
        height:124px;
    }
    
    .ie7 #newsletter{
        margin-left:120px;
    }
    
    .ie7 #newsletter input[type="text"] {
        line-height:30px;
    }
    
    .ie7 #newsletter input[type="submit"] {
        display:block;
        overflow:hidden;
        font-size: 0;
        line-height:0;
    }
    
    .ie7 #twitter .tweetIcon {
        top:110px;
    }
    
    .ie7 #commentsNum {
        display:inline;
    }
    
    .ie7 #twitter span, #blogLatest span {
       float:left; 
    }
    
    .ie7 #blogLatest #blogLink {
        height:25px;
        overflow:visible;
    }
    
    
    /* SIDE NOTES */
    
    .ie7 #sideNotes #sidebar ul.last {
        margin-top: 20px;
    }
    
    .ie7 #sideNotes #sidebar{
        margin-bottom:20px;
    }
    
    .ie7 #sideNotes #mainContent{
        margin-bottom:60px;
    }
    
    /*FULL WIDTH*/
    .ie7 #fullWidth #mainContent{
        margin-bottom:120px;
    }
    
    /*MINIMAL TEXT*/
    .ie7 #minimal #mainContent{
        margin-bottom:120px;
    }
    
    
    /* SERVICES */
    
    .ie7 #services #mainContent .titleImage {
        margin-top:0;
    }
    
    .ie7 #services #mainContent p.noMarginIE {
        margin-bottom:0;
    }
    
    
    /* BLOG MAIN */
    
    .ie7 #blogMain #sidebar input[type="text"]{
        line-height:30px;
    }
    
    .ie7 #blogMain #sidebar input[type="submit"] {
        display:block;
        overflow:hidden;
        font-size: 0;
        line-height:0;
    }
    
    .ie7 #blogMain #mainContent .post{
        overflow:hidden;
    }
    
    .ie7 #blogMain #mainContent .post .readMore {
        float:right;
        margin-right:0;
        margin-left:0;
        display:inline;  
    }
    
    .ie7 #blogMain #mainContent .post .readMore h2{
        width:auto;
        display:block;
        width:380px;
        text-align:left;
    }
    
    .ie7 #blogMain #mainContent div.last {
        border-bottom:none;
        margin-bottom:0;
    }
    
    .ie7 #blogMain #sidebar{
        padding-bottom:35px;
    }
    
    .ie7 #blogMain #sidebar #likeBtn h3 {
        float:left;
    }
    
    .ie7 #blogMain #textWidget a {
        height:48px;
    }
    
    .ie7 #blogMain #sidebar ul{
        list-style-image:none;
        list-style-position:outside;
        
    }
    
    .ie7 #blogMain #sidebar li {
        list-style-image:none;
        background:url("../img/icons/bullet.png") no-repeat 0 18px;
        padding-left:20px;
        margin-left:5px;
    }
    
        
    /* BLOG POST */
    
    .ie7 #blogPost #sidebar input[type="text"]{
        line-height:30px;
    }
    
    .ie7 #blogPost #sidebar input[type="submit"] {
        display:block;
        overflow:hidden;
        font-size: 0;
        line-height:0;
    }
    
    .ie7 #blogPost #textWidget a {
        height:48px;
    }
    
    .ie7 #blogPost #sidebar #likeBtn h3 {
        float:left;
    }
    
    .ie7 #blogPost #sidebar ul{
        list-style-image:none;
        list-style-position:outside;
        
    }
    
    .ie7 #blogPost #sidebar li {
        list-style-image:none;
        background:url("../img/icons/bullet.png") no-repeat 0 18px;
        padding-left:20px;
        margin-left:5px;
    }
    
    .ie7 #blogPost #sidebar{
        padding-bottom:35px;
    }
    
    .ie7 #blogPost #mainContent .post div.download {
        margin:0 auto 15px auto;
        float:left;
        left:55%;
    }
    
    .ie7 #blogPost #mainContent .post div.download div {
        position:relative;
        right:50%;
        float:left;
    }
    
    
    .ie7 #blogPost #commentsForm form{
        overflow:hidden;
    }
    
    .ie7 #blogPost #commentsForm textarea{
        overflow:auto;
    }
    
    
    /* PORTFOLIO CATEGORIES */
    
    .ie7 #portfolioCat #projectInfo h2 {
        width:300px;
    }
    
    .ie7 #portfolioCat #projectInfo {
        overflow:visible;
    }
    
    .ie7 #portfolioCat #projectInfo h2.more {
        height:25px;
        float:none;
        background:url("../img/icons/arrow_r.png") no-repeat 0 50%;
        margin-left:370px;
        padding-left:20px;
        margin-top:15px;
    }
    
    .ie7 #portfolioCat #projectInfo h2.more a {
        float:left;
        line-height:15px;
        background:none;
        margin-left:0;
        padding-left:0;
    }
    
    .ie7 #portfolioCat .category li.last{
        margin-right:0;
    }
    
    .ie7 #portfolioCat .category div span.tags {
        margin-top:16px;
    }
        
    
    /* PORTFOLIO CATEGORIE SINGLE */
    
    .ie7 #singleCat #categoryInfo h2.readMore {
        height:25px;
        float:none;
        background:url("../img/icons/plus.png") no-repeat 0 50%;
        margin-left:370px;
        padding-left:20px;
        margin-top:15px;
    }
    
    .ie7 #singleCat #categoryInfo h2.readMore a {
        float:left;
        line-height:15px;
        background:none;
        margin-left:0;
        padding-left:0;
    }
    
    .ie7 #singleCat div.row li.last {
        margin-right:0;
    }
    
    
    
    /* PORTFOLIO PROJECT SINGLE */
    
    .ie7 #singleProject #project #share{
        overflow:hidden;
    }
    
    .ie7 #singleProject #project h2.back {
        clear:both;
    }
    
    .ie7 #singleProject #project .launch {
    margin-top:10px;       
    }
    
    .ie7 #singleProject #project #projectInfo p {
        width:580px;
    }
    
    .ie7 #singleProject #project{
        margin-bottom:100px;
        
    }
    
    /* CONTACT / QUOTE */
    
    .ie7 #contact #banner #officeImage span {
        line-height:45px;
        bottom:25px;
    }
    
    .ie7 #contact #mainContent #project input[type="radio"] {
        margin-top:4px;
    }
    
    .ie7 #contact #mainContent #message textarea {
        overflow:auto;
    }
    
    .ie7 #contact #mainContent input[type="text"]{
        margin-bottom:-8px;
    }

    
    .ie7 #contact #mainContent form label{
        margin-bottom:15px;
    }
    
    .ie7 #contact #mainContent #message form label{
        margin-bottom:10px;
    }
    
    
    /* FAQ */
    .ie7 #faq #mainContent div.item div.question {
        overflow:hidden;
    }
    
    
    /*------------------------------------------------------------------------*/
    
    /* END CONDITIONAL STYLES FOR IE7 */
    
    /*------------------------------------------------------------------------*/
    
    
    
    
    /*------------------------------------------------------------------------*/
    
    /* CONDITIONAL STYLES FOR IE8 */
    
    /*------------------------------------------------------------------------*/
    
    /* sticky footer */
    .ie8 #siteWrapper {
        display:table;
        height:100%
    }
    
    .ie8 #infoPanel{
        background:url("../img/home/infobg.png") repeat-y;
    }
    
    .ie8 #banner #nextSlide{
        background:url("../img/home/nextbg.png") repeat-y;
    }
    
    /* HOMEPAGE */
    
    .ie8 #mainNav li.navLast{
        margin-right:0;
    }
    
    .ie8 #newsletter{
        margin-left:120px;
    }
    
    .ie8 #newsletter input[type="text"]{
        line-height:30px;
    }
    
    .ie8 #stats li.last {
        padding-top:20px;
    }
    
    
    
    /* SIDE NOTES */
    
    .ie8 #sideNotes #sidebar ul.last {
    margin-top: 20px;
    
    }

    
    /* BLOG MAIN */
    .ie8 #blogMain #sidebar input[type="text"]{
        line-height:30px;
    }
    
    .ie8 #blogMain #mainContent div.last {
        border-bottom:none;
        margin-bottom:0;
    }
    
    
    /* BLOG POST */
    .ie8 #blogPost #sidebar input[type="text"]{
        line-height:30px;
    }
    
    .ie8 #blogPost #mainContent .post div.download {
        margin:0 auto 15px auto;
        float:left;
        left:55%;
    }
    
    .ie8 #blogPost #mainContent .post div.download div {
        position:relative;
        right:50%;
        float:left;
    }
    
    
    .ie8 #blogPost #commentsForm form{
        overflow:hidden;
    }
    
    .ie8 #blogPost #commentsForm textarea{
        overflow:auto;
    }
    
    
    
    /* PORTFOLIO CATEGORIES */
    
    .ie8 #portfolioCat .category li.last{
        margin-right:0;
    }
    
    
    /* PORTFOLIO CATEGORIE SINGLE */


    .ie8 #singleCat div.row li.last {
        margin-right:0;
    }
    
    /* CONTACT / QUOTE */
    
    .ie8 #contact #mainContent #message textarea {
        overflow:auto;
    }
    
    /*------------------------------------------------------------------------*/
    
    /* END CONDITIONAL STYLES FOR IE8 */
    
    /*------------------------------------------------------------------------*/
    
    
    
    
    
    /*------------------------------------------------------------------------*/
    
    /* END CONDITIONAL STYLES FOR IE9 */
    
    /*------------------------------------------------------------------------*/
    
    /* sticky footer */
    .ie9 #siteWrapper {
        display:table;
        height:100%
    }
    
     /* BLOG POST */
    
    
    .ie9 #blogPost #commentsForm textarea{
        overflow:auto;
    }
    
    /* CONTACT / QUOTE */
    
    .ie9 #contact #mainContent #message textarea {
        overflow:auto;
    }
    
    
    /*------------------------------------------------------------------------*/
    
    /* END CONDITIONAL STYLES FOR IE9 */
    
    /*------------------------------------------------------------------------*/
   
   
   /* STYLES FOR PRETTYPHOTO LIGHTBOX */
   
    
    .prettyPhotoHilight {
    	position: absolute;
    	cursor: pointer;
    	z-index: 10000;
    	background: white url("../img/icons/zoom_03.png") no-repeat center center;
    }
    
    .prettyPhotoVideoHilight {
    	position: absolute;
    	cursor: pointer;
    	z-index: 10000;
    	background: white url("../img/icons/video_play_icon_01.png") no-repeat center center;
    }
    
    p.pp_description{
        color:#222;
    }
    
    .galleryHilight {
    	position: absolute;
    	cursor: pointer;
    	z-index: 10000;
    	width: 176px;
    	height: 112px;
    	background: white url("../img/portfolio/current_thumb.png") no-repeat center center;
    }
    
    #contactForm.noquote #contactType {
    	display: none;
    }

    
    /*------------------------------------------------------------------------*/
   
   
    /* STYLES FOR APPLE DEVICES (iDevices) */
   
    /*prevent auto adjustment of text size*/
    .iDevices body,
    .iDevices p,
    .iDevices div,
    .iDevices h1,
    .iDevices h2,
    .iDevices h3,
    .iDevices h4,
    .iDevices h5,
    .iDevices h6 {
	-webkit-text-size-adjust: none;
    }
   
    /*contact page footer fix*/
    .iDevices #footer{
	height:300px;
	overflow:hidden;
    }
   
    .iDevices #footer #twitter{
	overflow:hidden;
    }
   
    /*contact page sidebar fix*/
    .iDevices #contact #sidebar #textWidget{
	overflow:hidden;
	margin-bottom:30px;
    }
    
    .iDevices #contact #sidebar{
	overflow:hidden;
    }
    
    .iDevices #contact #sidebar div{
	padding-top:50px;
	overflow:hidden;
	margin-bottom:15px;
    }
    
    .iDevices #contact #sidebar .contactDetails .label{
	top:0;
	overflow:hidden;
    }
    
    .iDevices #contact #sidebar .contactDetails p{
	overflow:hidden;
	width:260px;
    }
   
   
   span.verde{color:#87b240;}
   
   .raton{position:absolute; margin-top:185px;}
   .cucaracha{position:absolute; margin-top:-100px;margin-left:-120px;}
   
	  #mainContent p.servicios{margin-bottom:0; float:left;}

   ul.servicios{margin:5px 0 20px 0;padding:0;  width: 240px; float:left; list-style:circle;}
   
   ul.servicios li{margin:0 0 0 20px;padding:0; list-style:circle;}
   
     ul.servicios2{margin:5px 0 20px 0;padding:0;  width: 240px; float:left; list-style:circle;}
   
   ul.servicios2 li{margin:0 0 0 60px;padding:0; list-style:circle;}
   
   .atencion{margin:80px 0 0 10px; float:right}
   
      .atencion img, .atencion p{float:left;}
	  
	  .atencion p{display:block; height:45px; border-left:1px solid #cccccc;padding-left:10px; margin-left:20px; line-height:22px; text-transform:uppercase;}
	  .atencion span{font-size:28px;}
   
  
   
   /*------------------------------------------------------------------------*/
   
   /*FINISH CONDITIONAL STYLES FOR APPLE DEVICES*/
   
   
   
   
   
@media screen and (max-width: 768px) {
	
	
	#mainContent h1{font-size:20px;}
	#banner #slides div img{margin-left:-150px !important}
	#infoPanel h1, #infoPanel h3, #infoPanel span, #infoPanel>a{text-align: left;
  margin-right: 30px;
  margin-left: 25px;}
  
  #infoPanel li a{display:none}
  #navigator{display:none;}
  #info{margin-top:80px;}
  
  #infoPanel h1 a{font-size:14px; letter-spacing:0}
  #infoPanel{width:60%;}
	#header{padding-top:20px}
	#header a {
	width:300px !important;
	margin:auto;
	 text-align:center;
	 
	}
	#logoHead {
	border-right: none;
	padding:10px 15px 10px;
	margin:15px auto;
 width:100% !important;
 text-align:center;
 background-color:#fff;
 height:120px; background-size:contain;
	}
	body {width: 100% !important; min-width:320px !important; }
   .container_12, .container_16 {
		width: 100% !important;
   }
   .container_12 .grid_12, .container_16 .grid_16 {
		width: 100%  !important;
   }
   #mainNav {
		width: 100%  !important;
		margin:0px !important;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
   }
     #mainNav li {
	 width:25% !important;
		font-size:33px;
		text-transform:uppercase;
		text-align:center;
		padding:2px 0px 8px 0; !important;
		
	 }
   #header {
   width: 100%  !important;

   }
   #siteWrapper {
   width: 100%  !important;
   clear: both !important;
   position:static !important;
   margin-bottom: 0px !important;
   }
   .atencion {
   overflow:auto;
margin: 21px 0px;
padding-top:20px;
float:none; width:100%;
text-align:center;
   }
   
   .atencion img{display:inline-block; text-align:center; float:none !important; clear:both}
  
   
   .raton {
	display:none;
   }
   .atencion p {
width: 50%  !important;
border-left: 0px;
margin-left:0px;
padding-left:0px;
margin-bottom: 0px;
margin-top:8px;
float:right;
text-align:center;
   }
   #tagline {
	padding-top:10px; padding-bottom:0px; height:auto !important;
   }
   #banner {
   margin:0px 0px !important;
   }
   #sidebar {
    width: 90% !important;
 	 padding: 5% !important;
   }
   #mainContent {
   width: 100%  !important;
  
   }
   #footer {
   width: 100%  !important;
   }
   #mainContent p {
	width:100%;
   }
   #mainContent p.right {
   margin-left:0px;
   }
   #upper  {
	border:0px;
	margin:15px;
   }
   #upper  div:nth-child(2) {
	float: left !important;
	width: 100%  !important;
   }
   #upper  div:nth-child(3) {
	float: left !important;
	width: 100%  !important;
   }
   #upper  div ul.servicios {
	width: 100%  !important;
   }
   #contacto {
   float: left !important;
   margin:0px;
   
   }
   #blogLatest{
   float: left !important;
   margin:0px;
   clear:both;
   width: 100%  !important;
   padding:0px;

   }
   #contacto p, #blogLatest p {
   margin-top:0px;
   }
   .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
   margin:0px !important;
   }
   #footer {
   padding-top:20px;
   height:175px;
   margin-top:0px;
   }
   #contacto {
   width: 100%  !important;
   padding:0px;
   }
   #contacto h3{
	padding:5px 15px;
   }
   #blogLatest h3{
	padding:5px 15px;
   }
   #contacto p{
	padding:0px 15px;
   }
   #blogLatest p{
	padding:0px 15px;
   }
   #main {
   padding-bottom:0px;
   
   }
   #footInfo {
   
   display:none;
   }
   #sidebar h1, #sidebar ul {
		width:auto !important;
		margin:auto !important;
		  max-width: 360px;
		
   }
    #sidebar li {
		margin:0px;
		
   }
   #stats {
   margin:0px !important;
   }
   #stats>li a img {
   width: 100%  !important;
   }
   #mainContent p {
    width:auto !important}
	#contact #mainContent input[type=text], #contact #mainContent input[type=submit], #contact #mainContent select,#contact #mainContent #message textarea {
		width:150px;
		margin-left:15px;
	}
	#contact #mainContent #message textarea {
		width:250px;
		margin:15px !important;
		float:left;
	}
	#contact #message label {
	display:none;
	}
	#contact #mainContent div h1,#contact #mainContent div h2 {
		margin-left:15px;
		#contact #mainContent label
		
	}
}


@media screen and (max-width: 420px) {
	.atencion span{font-size:20px;}
	.atencion p{font-size:10px;}
	.menu>a{font-size:11px;}
	}
   
   
   
   
    a.telefono { color: #000000; }