/* ----------------  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;
}



/* ----------------  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; }