/* ----------------  INITIAL START ------------- */



* { margin: 0px; padding: 0px;}



h1 { margin-bottom: 10px;}

h2 { margin-bottom: 7px;}

h3, h4, h5 { margin-bottom: 5px;}

p, ul { margin-bottom: 7px; }



form label { cursor: pointer; }

fieldset { border: none; }

input, select, textarea { 

		border: none;

		background: transparent;

}



img {

	border: 0px;

}

/* ----------------  INITIAL END ------------- */





/* ----------------  FONT  ------------- */

a {

	text-decoration: none;

}

h1 {

font: normal normal 26px "Trebuchet MS", Arial;

color: #bbd7de;

}

h2 {

font: normal normal 20px "Trebuchet MS", Arial;

color: #727272;

}

h3 {

font: normal bold 14px "Trebuchet MS", Arial;

color: #727272;

}

h4 {

font: normal bold 12px "Trebuchet MS", Arial;

color: #0e76a2;

}



a:link, a:visited {

	color: #a6bf00;

	font-weight: bold;

}

a:hover, a:active {

	color: #666;

}









ul li a:link, ul li a:visited {

	color: #a6bf00;

	font-weight: bold;

}

ul li a:hover, ul li a:active {

	color: white;

	background: #a6bf00;

}

.button:link, .button:active {

	font: normal bold 12px "Trebuchet MS", Arial;

	color: white;

}

.button:hover, .button:visited {

	color: #ddd;

}

.formbutton {

	font: normal bold 12px "Trebuchet MS", Arial;

	color: white;

	background: url(/images/buttons/button_middle.jpg) left top repeat-x;

	height: 24px;

}

.formbutton:hover {

	color: #ddd;

	cursor: pointer;

	cursor: hand;

}

/* ----------------  LAYOUT BASICS - BOTTOM GRADIENT FOLLOWING THE BOTTOM OF THE BROWSER - FOOTER  ------------- */



html, body {

				height: 100%;

			}

			body {

				margin: 0;

				padding: 0;

				font: normal normal 11px "Trebuchet MS", Arial;

				line-height: 11pt;

				color: #7a7a7a;

				background: #858581;

			}

			#container {

				position: relative;

				min-height: 100%;

				height: 100%;

				voice-family: "\"}\"";

				voice-family: inherit;

				height: auto;

				z-index: 50;

				background: url(/images/bg_trans.gif) left top repeat;

			}

			html>body #container {

				position: relative;

				height: auto;

			}

			#bgTop {

				background: url(/images/bgTop.png) left top repeat-x;

				height: 100%;

			}

			

			

			#content {

			position: relative;

			margin: 0 auto 0 auto;

			width: 930px;

			padding-bottom: 60px;

			z-index: 100;

			}

			#footer {

				position: absolute;

				bottom: 0;

				height: 143px;

				background: url(/images/bgGradient.png) repeat-x;

			}





/* ----------------  BUTTON AND FORMS  ------------- */





#logo {

	width: 228px;

}

.logoTop {

	height: 11px;

	width: 227px;

	background: url(/images/logoTop.png) no-repeat;

}

.logoMiddle {

	width: 216px;

	height: 136px;

	background: url(/images/logoMiddle.png) repeat-y;

	padding-left: 11px;

}

.logoBottom {

	width: 227px;

	background: url(/images/logoBottom.png) no-repeat;

	height: 23px;

}

.logoGradient {

	background: url(/images/logoGradient.jpg) repeat-x;

	width: 193px;

	height: 136px;

}

.contactFormBG {

	background: #ece8e8 url(/images/forms/contactForm_BG.jpg) left top repeat-y; 

}

.contactForm_corner_LT {

	background: url(/images/forms/contactForm_corner_LT.jpg) left top no-repeat;

}

.contactForm_corner_RT {

	background: url(/images/forms/contactForm_corner_RT.jpg) right top no-repeat;

}

.contactForm_corner_LB {

	background: url(/images/forms/contactForm_corner_LB.jpg) left bottom no-repeat;

}

.contactForm_corner_RB {

	background: url(/images/forms/contactForm_corner_RB.jpg) right bottom no-repeat;

}



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

#navigation {

	width: 228px;

	position: relative;

}

.navigationTop {

	background: url(/images/navigationTop.png) no-repeat;

	height: 12px;

	position: relative;	

}

.navigationMiddle {

	background: url(/images/navigationMiddle.png) right top repeat-y;

	width: 228px;

	height: 400px;

	position: relative;

}

.navigationBottom {

	background:url(/images/navigationBottom.png) no-repeat;

	height: 19px;

	position: relative;	

}

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



#portfolioNavi .printNav, #portfolioNavi .multimediaNav {

	margin-left: -3px;	

}

#portfolioNavi {

	position: relative;

	margin-left: 11px;

	height: 35px;

	margin-bottom: 11px;

}


#companyNavi_noflash {

	position: relative;
	height: 35px;
	margin-bottom: 11px;

}




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



#bottomPart {

	height: 43px;

}

#bottomPart div {

	float: left;

}

.bottomPart_left {

	background: url(/images/bottomPart_left.png) no-repeat;

	height: 43px;

	width: 22px;

}

.bottomPart_right {

	background: url(/images/bottomPart_right.png) no-repeat;

	width: 16px;

	height: 43px;

}

.bottomPart_middle {

	background: url(/images/bottomPart_middle.png) repeat-x;

	height: 43px;

	width: 877px;

}

.bottomPartInfo {

	position: relative;

	left: -10px;

}



/* ----------------  BASICS  ------------- */





ul li {

	list-style: none;

	background: url(/images/listElement.gif) left top no-repeat;

	line-height: 12pt;

	padding: 1px 0 2px 18px;

}

ul li a {

	padding: 3px;

}

.chooseProjectMiddle ul li {

	position: relative;

	background: none;

	line-height: 12pt;

	padding: 0px 0 3px 0;

	margin-bottom: 5px;

}



#logo, #navigation, #bottomPart {

	position: relative;

	z-index: 25;

}

.clear {

	clear: both;

}



.greendrops {

	background: url(/images/greendrops.gif) no-repeat; 

	width: 372px;

	height: 299px;

	margin-top: 400px;

	margin-left: -160px;

	position: absolute;

	z-index: 10;

}

.leftStripe {

	float: left;

	position: relative;

}

.spacer {

	height: 20px;

	background: url(/images/about/spacer.jpg) left top repeat-x;

}

/* ----------------  PORTFOLIO  ------------- */





#portfolioMain {

	width: 465px;

	float:left;

}

.portfolioTop {

	background: url(/images/portfolioCon_top.png) no-repeat;

	height: 12px;

}

.portfolioMiddle {

	background: url(/images/portfolioCont_middle.png) repeat-y;

	height: 569px;

}

.portolioBottom {

	background: url(/images/portfolioCont_bottom.png) no-repeat;

	height: 21px;

}

#portfolioFlash {

	margin-bottom: 11px;

}

.headerPortfolio, .headerPortfolioProj, .headerPortfolioCont, .headerBG {

	height: 35px; 

	width: 430px; 

	background: url(/images/gradientBG.gif) left bottom repeat-x;

	margin-left: 11px;

	margin-bottom: 10px;

	text-align: center;

}

.headerBG_inpage{

	height: 35px; 

	width: 430px; 

	background: url(/images/gradientBG.gif) left bottom repeat-x;

	margin-bottom: 10px;

	text-align: center;

}

.headerPortfolioCont {

	margin-bottom: 0px;

}

.headerPortfolioProj, .headerPortfolioCont {

	width: 193px;

}

#scroll1 {	

/* Typical fixed height and fixed width example */

width: 246px;

height: 233px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

padding-right: 8px;

float: left;

}



#scroll2 {

	position: relative;

	float: left;

	width: 158px;

	height: 233px;

	margin: 0px;

	overflow: auto;

	padding: 0 8px 0 10px;

}

.separatorPortfolio {

	background: url(/images/portfolioLine.gif) left bottom repeat-x;

	clear: both;

	width: 430px;

	height: 2px;

	margin: 0 0 0 11px;

}

.portfolioContentWrapper {

	margin-left: 11px;

}

#LiveWebsite {

	position: relative;

	background: url(/images/live_website.gif) 4px top no-repeat;

	padding-top: 20px;

	padding-bottom: 8px;

	padding-left: 5px;

}

#MainFeatures {

	position: relative;

	background: url(/images/mainfeatures.gif) left top no-repeat;

	padding-top: 20px;

	padding-bottom: 8px;

	padding-left: 5px;

}

#SimiliarJobs {

	position: relative;

	background: url(/images/similiarJobs.gif) left top no-repeat;

	padding-top: 23px;

	padding-bottom: 8px;

	padding-left: 5px;

}

/* ----------------  RIGHT BAR CONTENT  ------------- */

#rightbar_portfolio {

	position: relative;

	width: 234px;

	float: left;

}

#chooseProject {

	width: 233px;

}

.chooseProjectTop, .contactJuuceTop {

	background: url(/images/portfRight_top.png) no-repeat;

	height: 11px;

	width: 233px;

}

.chooseProjectMiddle, .contactJuuceMiddle {

	background: url(/images/portfRight_middle.png) repeat-y;

	height: 424px;

	width: 233px;

}

.chooseProjectBottom, .contactJuuceBottom {

	background: url(/images/portfRight_bottom.png) no-repeat;

	height: 21px;

	width: 233px;

}

.contactJuuceMiddle {

	height: 115px;

	width: 233px;

}

#scrollProjects, .newsletterMainBox {

	position: relative;

	height: 380px;

	width: 203px;

	overflow: hidden;

}

.newsletterMainBox {

	padding-left: 11px;

}







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



#homeFlash {

	padding-top: 0px;

	margin-bottom: 11px;

	padding-left: 11px;

}

#solutionsBox {

	float: left;

	width: 143px;

	padding-left: 12px;

}

#clientListBox {

	float: left;

	width: 260px;

	padding-left: 20px;

}

.squeezeImage {

	background: url(/images/squeezeImage.jpg) left top no-repeat;

}

.moreClientsButton {

	text-align: right; 

	padding-right: 20px; 

	padding-bottom: 5px;

}

.moreTestimonialsButton {

	text-align: right; 

	padding-right: 20px;

}

.privacy {

	float: left; 

	padding-top: 10px; 

	position: relative;

}

.terms {

	float: left; 

	padding-top: 10px; 

	padding-left: 15px; 

	position: relative;

}



/* ---------- FLASH BOXES ------- */



#juucenaviin {

	position: absolute; 

	z-index: 100; 

	top: 180px;

}

#flash_banner_home {

	position: absolute;

	margin-left: 11px;

	margin-top: -12px;

}



/* ------------- FORMS ------------- */



.InputIn, .select, .textfield {

	font: normal normal 11px "Trebuchet MS", Arial;

	color: black;

}

.select {

	background: white;

	border: #d9d9d9 1px solid;

}

.inputFormMiddle {

	background: url(/images/forms/input_middle.jpg) repeat-x;

	height: 23px;

}

.inputFormLeft {

	background: url(/images/forms/input_left.jpg) left top no-repeat;

	height: 23px;

}

.inputFormRight {

	background: url(/images/forms/input_right.jpg) right top no-repeat;

	height: 18px;

	padding: 5px 3px 0 5px;

}

.buttonMiddle {

	background: url(/images/buttons/button_middle.jpg) left top repeat-x;

	height: 24px;

}

buttonLeft {

	background: url(/images/buttons/button_left.jpg) left top no-repeat;

	height: 24px;

}

.buttonRight {

	background: url(/images/buttons/button_right.jpg) right top no-repeat;

	height: 20px;

	padding-top: 4px;

	text-align: center;

}

.button {

	display: block;

	width: 100%;

	height: 100%;

}

.greyHeader {

	background: url(/images/boxes/projectsignin_header_BG.jpg) left top repeat-x;

	height: 35px;

	text-align: center;

}

.signInBG {

	background: #ebebeb url(/images/boxes/projectsignin_shadow.jpg) left top repeat-y;

	padding-bottom: 10px;

	border-bottom: 1px solid #d9d9d9;

	border-right: 1px solid #d9d9d9;

}

.contactFormWrapper {

	position: relative;

	padding-bottom: 10px;

}

.contactForm_innerWrapper {

	padding-left: 10px;

	padding-right: 10px;

}

.contactTextfield_middle {

	background: url(/images/forms/contacttextfield_middle.jpg) left top repeat-y;

}

.contactTextfield_top {

	background: url(/images/forms/contacttextfield_top.jpg) left top no-repeat;

}

.contactTextfield_bottom {

	background: url(/images/forms/contacttextfield_bottom.jpg) left bottom no-repeat;

}



/* -------------- TABLES ---------------- */



#HP_Clients .HP_Clients_td {

	width: 60px;

}

#newsletterForm .newsletterForm_tdnormal, #SignInForm .signinForm_tdnormal {

	width: 100px;

	height: 26px;

}

#newsletterForm .newsletterForm_tdheight, #SignInForm .signinForm_tdheight {

	height: 26px;

	text-align: right;

	font-weight: bold;

}





/* ------------- BOXES -----------*/





.aboutPicBox {

	margin-left: 11px;

	width: 430px;

	height: 101px;

	background: #666;

	background:transparent url(/images/bg_trans.gif) repeat scroll left top;

}

#clientList, #subScroller,#subScroller2,#subScroller3, #portfolioScroller, #testimonialScroller, #projectsScroller {

	height: 300px; 

	width: 305px;

	overflow: auto;	

	position: relative;

	float: left;

	margin: 0px;

}

#subScroller, #subScroller2, #subScroller3 {

	width: 420px;

	padding-right: 10px;

	height: 400px;

}

#portfolioScroller {

	width: 420px;

	padding-right: 10px;	

	height: 270px;

}

#testimonialScroller {

	width: 183px;

	padding-right: 10px;	

	height: 180px;	

}

#scrollProjects {

	position: relative;

	height: 130px;

	width: 193px;

	overflow: auto;

}

#projectsScroller {

	height: 360px;

	width: 193px;

	overflow: auto;	

}



.bubble_LT {

	background: #edebeb url(/images/testimonials/testBubble_LT.gif) left top no-repeat;

}

.bubble_RT {

	background: url(/images/testimonials/testBubble_RT.gif) right top no-repeat;

}

.bubble_BL {

	background: url(/images/testimonials/testBubble_BL.gif) left bottom no-repeat;

}

.bubble_BR {

	background: url(/images/testimonials/testBubble_BR.gif) right bottom no-repeat;

}

.bubble_innerWrapper {

	padding-left: 10px;

	padding-right: 10px;

}

.bubbleWrapper {

	width: 410px;

}

.bubble_arrow {

	background: url(../images/testimonials/testimonialBubble_arrow.gif) left top no-repeat;

	height: 16px;

	width: 70px;

}

/* ------------- TABS -----------*/



.tabOne, .tabTwo, .tabThree {

	width: 116px;

	float: left;

}

.tabs {

	position: absolute;

	margin-top: 68px;

	margin-left: 40px;

}

/* ------------- INTELLIGENT CLASSES -----------*/



.left {

	float: left;

}

.right {

	float: right;

}

.clear {

	clear: both;

}

.paddingRightEleven {

	padding-right: 11px;

}

.paddingLeftEleven {

	padding-left: 11px;

}

.eightPixel {

	font-size: 8px;

}

.ninePixel {

	font-size: 9px;

}

.white {

	color: white;

}



#errorTxt {

	color: red;

}



.blackbold {

	color: black;

	font-weight: bold;

}



/* earn money styles */

.EarnMoney { background: url(/images/uploadMoneyEarn.gif) left center no-repeat; height: 125px; width: 125px; margin: 25px auto 0 auto; padding-left: 125px; }



/* twitter */

#twitterStuff { position: relative; margin-top: -3px; width: 250px; }
#likebutton { position: absolute; float: left; margin-top: 10px; margin-left: 175px; z-index: 5000; width: 100px; height: 25px; }

/* xmas promo */
#xmaspromo2012 { position:absolute; z-index: 5000; margin-top: 486px; margin-left: 5px; }