@import url('tinymce.css');


input[type="button"], input[type="submit"], input[type="reset"]
{
    color:#CCCCCC;
    background-image:url(layout_images/bg_button.png);
    background-repeat:repeat-x;
    border:0px;
    height:24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    line-height:22px;
    padding:0px 5px 2px 5px;
    cursor:pointer;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{
    color:#FFFFFF;
    background-image:url(layout_images/bg_button_over.png);
}

input[type="text"], input[type="password"], select
{
    background-image:url(layout_images/editbox_bg.gif);
    background-repeat:repeat-x;
    border:1px solid #AAAAAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding:0px 2px 0px 2px;
    font-size:110%;
    font-family:inherit;
}

textarea
{
    border:1px solid #AAAAAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:110%;
    font-family:inherit;
    padding:1px 2px 1px 2px;
}
/* -------------------- RECAPTCHA -------------------- */


.captchaImage
{
    float:left;
    width:204px;
    max-width:204px;
    max-height:45px;
    border:1px solid #AAAAAA;
    background-color:#FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom:5px;
}
    .captchaImage img
    {
        width:200px;
        height:45px;
    }
.captchaLogo
{
    float:left;
}
.captchaInput
{
    width:280px;
}


/* -------------------- CUSTOM -------------------- */

.clear
{
	clear:both;
}
.floatLeft
{
	float:left;
}
.floatRight
{
	float:right;
}

.jdPopup
{
	position: fixed;
	left: 50%;
	top: 20px;
	width:240px;
	height:200px;
	margin-left:-140px;
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	border:10px solid #CCCCCC;
	outline:2px solid #FFFFFF;
	z-index:100000;
}

/* -------------- CLIENTS --------------- */
.clientsTable
{
    margin-left:-27px;
    text-align:center;
}

.clientsTable a
{
    display:block;
    width:155px;
    height:120px;
    background-image:url(layout_images/bg_logo-partner.png);
}
    .clientsTable a:hover
    {
	background-image:url(layout_images/bg_logo-partner-over.png);
    }
    .clientsTable a img
    {
	margin-top:6px;
    }
    .clientsBack
    {
	margin-top:20px;
    }
/* -------------- Microsoft partner --------------- */
.microsoftPartner
{
    color:#333333;
    font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS;
    font-size:14px;
    text-align:justify;
    line-height:19px;
}
    .microsoftPartner .icon
    {
	float:left;
	margin-right:5px;
    }
    .microsoftPartner .text
    {
	padding-top:12px;
    }
    
/* -------------- Blogs --------------- */
.latestBlogs
{
    margin-top:-15px;
}
    .latestBlogs h4
    {
	margin:-20px 0px 10px 0px;
    }

    .latestBlogs .blogsBanner
    {
	margin-left:-30px;
    }
    
    .latestBlogs .blogPosts, .latestBlogs .blogPosts a
    {
	color:#1E4755;
    }
	.latestBlogs .blogPosts a:hover
	{
	    color:#000000;
	}
    .latestBlogs .blogPost
    {
	margin-bottom:15px;
    }
    
	.latestBlogs .blogPosts .blogPost .title
	{
	    font-family: Myriad Web Pro, Trebuchet MS;
	    font-size:16px;
	}
	.latestBlogs .blogPosts .blogPost .content
	{
	    font-size:10px;
	}
    
    
/* -------------- Twitter --------------- */
.latestTweets
{
    
}
    .latestTweet
    {
	clear:left;
    }
	.latestTweet .date
	{
	    font-size:10px;
	    background-image:url(layout_images/social_icons/twitter_logo_icon_small.gif);
	    background-position:left;
	    background-repeat:no-repeat;
	    height:25px;
	    padding-left:35px;
	    display:block;
	    float:left;
	    margin-top:1px;
	}
	.latestTweet .text
	{
	    display:block;
	    margin-left:95px;
	}
	
/* -------------- Social Sidebar --------------- */
.socialSidebar
{
    position: fixed;
    top:50px;
    left:-222px;
    background-image:url(layout_images/bg_social_tab.png);
    background-position:right top;
    width:260px;
    height:464px;
    cursor: pointer;
}
    .socialSidebar:hover
    {
	background-image:url(layout_images/bg_social_tab-hover.png);
    }
    .socialSidebar .icon
    {
	position:absolute;
	right:-14px;
	top:6px;
    }
    .socialSidebar .label
    {
	position:absolute;
	right:18px;
	top:40px;
	width:10px;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	line-height:12px;
	font-weight:bold;
	font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS;
    }
    .socialSidebar .socialIcons
    {
	position:absolute;
	right:50px;
	top:10px;
	width:110px;
	text-align:center;
    }
	.socialIcons a
	{
	    opacity:0.7;
	}
	    .socialIcons a:hover
	    {
		opacity:1;
	    }
	
/* -------------- LAYOUT COMPONENTS --------------- */

.sitemapTree
{
    text-align:left;
    margin-left:-40px;
}
    .sitemapTree ul
    {
	margin-left:20px;
    }

    .sitemapTree a
    {
	color:#222222;
    }
    
	.sitemapTree a:hover
	{
	    color:#555555;
	}
	
    .sitemapTree ul li
    {
	visibility: hidden;
    }
    .sitemapTree ul li ul li
    {
	
	visibility: visible;
	font-size:20px;
	margin-bottom:10px;
    }
    .sitemapTree ul li ul li ul li
    {
	font-size:13px;
	margin:0px;
    }
    .sitemapTree ul li ul li ul li ul li
    {
	font-size:10px;
	font-weight:normal;
	color:#444444;
    }
    
.yearSelection
{
    font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS;
}
.newsItem
{
	margin-top:10px;
	margin-bottom:20px;
	font-size:11px;
	width:395px;
}

	.newsItem .date
	{
	    color:#3EAD4B;
	    font-size:10px;
	    font-weight:bold;
	}
	.newsItem .title, .newsItem .title a
	{
	    font-size:13px;
	    color:#003E53;
	    letter-spacing:1px;
	    text-transform:uppercase;
	    font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS;
	}
	    .newsItem .title, .newsItem .title a:hover
	    {
		color:#013F54;
	    }
	.newsItem p
	{
	    margin:0px;
	}
	.newsItem .readMore
	{
	    float:right;
	    margin-bottom:10px;
	    background-image:url(layout_images/icon_link_red.png);
	    background-repeat:no-repeat;
	    background-position:right center;
	    padding-right:14px;
	    text-decoration:none;
	}
		.newsItem .readMore:hover
		{
		    background-image:url(layout_images/icon_link_red_over.png);
		}
	
	.leftList
	{
		  
	}
		.leftListImage
		{
			float:left;
		}
		.leftListTitle
		{
			float:left;
			line-height:48px;
			margin-left:10px;
		}
		.leftListTitle, .leftListTitle a
		{
			color:#1E4856;
			font-size:17px;
			font-family: Myriad Web Pro, Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
		}
		.leftListDescription
		{
			clear:both;
		}
		
/* partner list */
		.leftPartnerListImage
		{
			  float:left;
			  margin-top: 10px;
			  border:1px solid #DDDDDD;
		}
    		.leftPartnerListImage:hover
    		{
    			  border:1px solid #BBBBBB;
    		}
		.leftPartnerListImage img
		{
		    width:100px;
		}
		
		.leftPartnerListTitle
		{
  			float:left;
  			line-height:100px;
  		  margin-top: 10px;
  			margin-left:10px;
		}
		.leftPartnerListTitle, .leftPartnerListTitle a
		{
			color:#1E4856;
			font-size:17px;
			font-family: Myriad Web Pro, Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
		}
		
		
    .leftCategories
    {
        margin-left:-31px;
    }
        .leftCategoryItemTop
        {
            height:16px;
            background-image:url(layout_images/bg_left_categories_top.png);
            background-position:left top;
            background-repeat:no-repeat;
        }
        
        .leftCategoryItemBottom
        {
            height:16px;
            background-image:url(layout_images/bg_left_categories_bottom.png);
            background-position:left;
            background-repeat:no-repeat;
        }
        
        .leftCategoryItem
        {
            height:50px;
            overflow:hidden;
            padding-left:0px;
            padding-top:2px;
            vertical-align:middle;
            font-size:15px;
            text-transform:uppercase;
            font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
            color:#2D6B80;
            background-image:url(layout_images/bg_left_categories.png);
            background-position:left;
            background-repeat:no-repeat;
        }
            .leftCategoryItem + .selected
            {
                background-image:url(layout_images/bg_left_categories_selected.png);
                font-weight:bold;
            }
            
            .leftCategoryItem:hover
            {
                background-image:url(layout_images/bg_left_categories_hover.png);
                background-position: left;
                background-repeat:no-repeat;
            }
            
            .leftCategoryItem a
            {
                color:#2D6B80;
                padding-left:30px;
            }
		.leftCategoryItem a:hover
		{
		    color:#013F54;
		}
            .leftCategoryItem img
            {
                margin-right:-25px;
            }
            
        .leftCategoryItemBlank
        {
            height:25px;
            background-image:url(layout_images/bg_left_categories_blank.png);
            background-position:left;
            background-repeat:repeat-y;
        }
            
    
    .portfolioImage
    {
        float:left;
        margin:10px 10px 10px 0px;
        border:1px solid #CCCCCC;
    }
        .portfolioImage:hover
        {
            border:1px solid #999999;
        }
    .portfolioThumbs
    {
        clear:both;
        text-align:left;
        margin-bottom:20px;
        margin-left:-8px;
    }
	.portfolioThumbs td
	{
	    text-align:center;
	    vertical-align: middle;
        }
        .portfolioThumb
        {
            display:block;
            border:1px solid #CCCCCC;
            width:80px;
            height:80px;
        }
            .portfolioThumb:hover
            {
                border:1px solid #999999;
            }
       .portfolioThumbsImage
       {
            border:1px solid #CCCCCC;
            margin-bottom:5px;
       }
       
	.latestProjectTable *
	{
	    vertical-align:top;
	}
	
	.latestProject
	{
		position:relative;
		width:436px;
		height:122px;
		margin-bottom:5px;
		text-align:left;
		background-image: url(layout_images/bg_latest_project.gif);
		background-repeat:no-repeat;
	}
		.latestProjectTitle
		{
		    position:absolute;
		    overflow:hidden;
		    left:3px;
		    top:0px;
		    width:420px;
		    height:12px;
			font-size:13px;
			font-weight:bold;
			color:#666666;
			padding:4px;
		}
		.latestProjectImage
		{
		    position:absolute;
		    left:6px;
		    top:30px;
			border:1px solid #AAAAAA;
		}
		.latestProjectDescrition
		{
		    position:absolute;
		    left:95px;
		    top:20px;
		    width:332px;
		    height:82px;
			font-size:11px;
			color:#222222;
			line-height:14px;
		}
		.latestProjectOverlay
		{
            position:absolute;
            left:0px;
            top:0px;
        width:436px;
        height:122px;
		}
    		.latestProjectOverlay:hover
    		{
               /*background-image: url(layout_images/bg_latest_project_over.gif);*/
    		}
    		.latestProjectOverlay:hover .latestProjectTitle
    		{
    	       color:#000000;
    	    }

	.search
	{
		position:absolute;
		top:5px;
		left:30px;
		font-family:Myriad Web Pro, Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
	}
		.searchLabel
		{
		    color:#555555;
		}
		.searchEdit
		{
			background-image: url(layout_images/bg_search.png);
			background-repeat: no-repeat;
			width:140px;
			height:17px;
			padding:3px 10px 0px 5px;
			font-size:11px;
			color:#222222;
			border:0px;
		}
	
		.searchButton
		{
			margin:-20px 0px -10px -10px;
			background-image: url(layout_images/btn_search_icon.png);
			/*position:absolute;*/
			/*left:180px;*/
			/*top:-5px;*/
		}
		    .searchButton:hover
		    {
			    background-image: url(layout_images/btn_search_icon-hover.png);
		    }
	
	.languageChooser
	{
		position:absolute;
		top:5px;
		left:650px;
	}
	
	.contactCaptcha
	{
      position:relative;
      height:40px;
    }
	.contactCaptcha img
	{
	    position:absolute;
	    left:0px;
	    top:0px;
	    width:100px;
	    height:30px;
	    border:1px solid #AAAAAA;
	    border-radius: 3px;
	    -moz-border-radius: 3px;
    }
	.contactCaptcha input
	{
	    position:absolute;
	    left:110px;
	    top:5px;
	    width:140px;
	}
    .contactCaptcha span
    {
      position:relative;
      margin-top:35px;
      display:block;
      height:40px;
  }
/* -------------------- LAYOUT -------------------- */
body
{
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size:13px;
	color:#1E4755;
	margin:0px;
	padding:0px;
	background-color:#C0C0C0;
}

.flashContainer
{
	position:relative;
	top:0px;
	left:0px;
}

.container
{
	position:relative;
	width:1008px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom:10px;
	background-image:url(layout_images/bg_container.gif);
	background-repeat:repeat-y;
}
    .innerContainer
    {
	    position:relative;
	    width:1000px;
	    /*min-height:580px;*/
        margin-left:4px;
        margin-right:4px;
        padding-bottom:32px;
    }
      
		
	    .mainContent
	    {
		    position:relative;
		    margin-top:-150px;
		    /*border:1px solid #FF0000;*/
	    }
	    .mainContent p
	    {
	        text-align:justify;
	    }
        
            .leftContent
            {
                float:left;
                width:436px;
                margin:30px;
                font-size:12px;
                font-family:Trebuchet MS;
		        /*border:1px solid #FF8866;*/
            }
                .leftCorner
                {
                    float:right;
                    width:40px;
                    height:110px;
                    /*border:1px solid yellow;*/
                }
            .rightContent
            {
                float:right;
                width:436px;
                margin:30px;
                text-align:right;
                font-size:12px;
                font-family:Trebuchet MS;
		        /*border:1px solid #FF8866;*/
            }
                .rightCorner
                {
                    float:left;
                    width:40px;
                    height:110px;
                    /*border:1px solid yellow;*/
                }
            
    .breadcrumbs
    {
        position:absolute;
        left:70px;
        top:192px;
		width:365px;
		height:14px;
		overflow:hidden;
        font-family:Trebuchet MS;
        font-size:10px;
        color:#222222;
    }
        .breadcrumbs a
        {
            color:#222222;
        }
    
    .userInfo
    {
        position:absolute;
        right:70px;
        top:192px;
        font-family:Trebuchet MS;
        font-size:10px;
        color:#222222;
    }
        .userInfo a
        {
            color:#222222;
        }
    
	.headerSitemap
	{
		position:absolute;
		left:33px;
		top:193px;
	}
	
	.headerLogin
	{
		position:absolute;
		right:33px;
		top:193px;
	}

	.footer
	{
	    font-family:Tahoma;
	    font-size:11px;
	    color:#FFFFFF;
	    text-align:center;
	}
	    .footer .top
	    {
		padding:5px;
		background-image:url(layout_images/bg_footer_top.gif);
		background-repeat:no-repeat;
		height:22px;
	    }
	    .footer .bottom
	    {
		padding:5px;
		padding-bottom:10px;
		background-image:url(layout_images/bg_footer_bottom.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		color:#AAAAAA;
	    }
  		.footer a
  		{
  			color:#FFFFFF;
  		}
  		.footer a:hover
  		{
  			color:#81969C;
  		}
		
    	.footerRight
    	{
          position:absolute;
          top:8px;
          right:10px;
          text-align:right;
          font-size:10px;
          color:#596E74;
      }
        	.footerRight a
        	{
              color:#596E74;
          }
        	.footerRight a:hover
        	{
              color:#D1E6EC;
          }
	  
	.footerBanners
	{
	    background-image:url(layout_images/bg_banners.gif);
	    background-repeat: repeat-x;
	    background-position:top;
	    margin-top:10px;
	}
	
	
    .selectedYear
    {
        color: #000000;
    }
    
.ContactForm{ padding-top:20px;}
.ContactForm .col-1{ width:305px !important;}
.ContactForm .col-2{ width:284px !important; margin-left:0 !important;}
.ContactForm label{ display:block; height:42px;}
.ContactForm input[type="edit"]{ border:solid 1px #dbdbdb;font-family:Trebuchet MS, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:265px;}
.ContactForm textarea{ border:solid 1px #dbdbdb;font-family:Trebuchet MS, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:265px; height:101px;}
.ContactForm .link2{ margin:5px 15px 0 0;}
.ContactForm label.captcha { height: 100px; }

.col-1, .col-2{float:left;}
.col-1{ width:227px;}
.col-2{ width:226px;}