@charset "utf-8";

/* GENERAL */

.awards {
position:absolute;
top:0px;
right:0px;
}

body {

	margin: 0;

	padding: 0;

	background: url(../images/pageBackground.jpg) repeat-x #FFF;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	color: #1E1E1E;

}



#pageContainer {

	margin: 0 auto;

	width: 950px;

}



a {

	color: #4F7807;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



img {

	border: 0;

}



/* HEADER */



#pageHeader {

	float: left;

	width: 100%;

	height: 72px;

}



.creativeLogo {

	float: left;

	width: 280px;

	height: 62px;

	margin-top: 5px;

}



.headerNavigation {

	float: right;

	height: 40px;

	margin-top: 16px;

}



.kwicks {

   list-style-type: none;

   list-style-position:outside;

   position: relative;

   margin: 0;

   padding: 0;

}



.kwicks li {

	display: block;

	overflow: hidden;

    padding: 0;

    cursor: pointer;

    float: left;

    width: 125px;

    height: 40px;

    margin-right: 0px;

    background-image: url(../images/navigationSprite.jpg);

    background-repeat: no-repeat;

}



.kwicks a {

	display:block;

	height:40px;

	text-indent:-9999px;

	outline:none;

}



#kwick1 {

	background-position:0px 0px;

}



#kwick2 {

	background-position:-200px 0px;

}



#kwick3 {

	background-position:-400px 0px;

}



#kwick4 {

	background-position:-600px 0px;

}



#kwick1.active, #kwick1:hover {

	background-position: 0 bottom;

}

#kwick2.active, #kwick2:hover{

	background-position: -200px bottom;

}

#kwick3.active, #kwick3:hover {

	background-position: -400px bottom;

}

#kwick4.active, #kwick4:hover {

	background-position: -600px bottom;

}



#kwick1 a{

	background-image:url(../images/navigationEnd.jpg);

	background-repeat:no-repeat;

	background-position: left 0px;

}



#kwick1 a:hover{

	background-position: left -80px;

}



#kwick4 a{

	background-image:url(../images/navigationEnd.jpg);

	background-repeat:no-repeat;

	background-position: right -40px;

}

#kwick4 a:hover{

	background-position: right -120px;

}



/* BREADCRUMB & LANGUAGE */



#pageBreadcrumb {

	float: left;

	width: 100%;

	height: 30px;

	color: #999;

}



.breadCrumb {

	float: left;

	margin-top: 7px;

}



.chooseLanguage {

	float: right;

	margin-top: 7px;

}



/* SLIDESHOW */



#pageSlideshow {

	float: left;

	width: 100%;

	height: 345px;

	background: url(../images/slideshowBackground.jpg) no-repeat;

}



#cu3er-container {

	float: left;

	width: 100%;

	outline: 0;

	margin-top: 15px;

}



/* CONTENT */



#pageContent {

	float: left;

	width: 100%;

	margin-top: 1px;

}



.halfContent {

	float: left;

	width: 645px;

	padding-top: 20px;

	line-height: 20px;

	text-align: justify;

}



.welcomeBox {

	float: left;

	width: 100%;

	margin-bottom: 20px;

}



.welcomeBox .picture {

	float: left;

	width: 100px;

	height: 125px;

}



.welcomeBox .text {

	float: left;

	width: 545px;

	line-height: 20px;

	text-align: justify;

}



.homeBoxText {

	float: left;

	margin-left: 100px;

	margin-top: 25px;

	width: 215px;

	display: inline;

}



#homeBox1 {

	clear: both;

	float: left;

	width: 315px;

	margin-bottom: 5px;

}



#homeBox1 .header {

	float: left;

	width: 315px;

	height: 62px;

	background: url(../images/boxHeader1.jpg) no-repeat;

}



#homeBox1 .content {

	float: left;

	padding: 10px;

	width: 295px;

	background: url(../images/boxBack1.jpg) no-repeat;

	height: 80px;

}



#homeBox2 {

	float: right;

	width: 315px;

	margin-bottom: 5px;

}



#homeBox2 .header {

	float: left;

	width: 315px;

	height: 62px;

	background: url(../images/boxHeader2.jpg) no-repeat;

}



#homeBox2 .content {

	float: left;

	padding: 10px;

	width: 295px;

	background: #330;

	background: url(../images/boxBack2.jpg) no-repeat;

	height: 80px;

}



#homeBox3 {

	clear: both;

	float: left;

	width: 315px;

	margin-bottom: 5px;

}



#homeBox3 .header {

	float: left;

	width: 315px;

	height: 62px;

	background: url(../images/boxHeader3.jpg) no-repeat;

}



#homeBox3 .content {

	float: left;

	padding: 10px;

	width: 295px;

	background: #330;

	background: url(../images/boxBack3.jpg) no-repeat;

	height: 80px;

}



#homeBox4 {

	float: right;

	width: 315px;

	margin-bottom: 5px;

}



#homeBox4 .header {

	float: left;

	width: 315px;

	height: 62px;

	background: url(../images/boxHeader4.jpg) no-repeat;

}



#homeBox4 .content {

	float: left;

	padding: 10px;

	width: 295px;

	background: #330;

	background: url(../images/boxBack4.jpg) no-repeat;

	height: 80px;

}



.homeBoxTip {

	float: left;

	width: 135px;

	height: 25px;

	font-size: 11px;

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

	background-position: 0 5px;

	padding-left: 10px;

}



.twitterBox {

	float: left;

	width: 600px;

	height: 110px;

	padding: 20px;

	background: url(../images/twitterBack.jpg);

	margin-bottom: 10px;

}



.twitterLogo {

	float: left;

	padding-top: 20px;

	width: 90px;

	height: 50px;

}



.twitterLast {

	float: left;

	width: 500px;

	padding-top: 25px;

	font-size: 14px;

	color: #666;

}



.twitterMore {

	font-size: 12px;

}



.fullContent {

	float: left;

	width: 950px;

	padding-top: 20px;

}



.servicesIcon {

	float: left;

	width: 100px;

	height: 62px;

}



.servicesTitle {

	float: left;

	padding-top: 32px;

	width: 400px;

}



.servicesDescription {

	float: left;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	line-height: 20px;

	text-align: justify;

}



.sideBar {

	float: right;

	width: 275px;

	background-image: url(../images/sidebarEnd.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	background-color: #1E1E1E;

	padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

}

.portfolio .sideBar {
height:596px;	
}



.sideBar .box {

	float: left;

	width: 100%;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #CCC;

	font-size: 11px;

}



.sideBar .companies {

	float: left;

	width: 100%;

	height: 80px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

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

	font-size: 11px;

	overflow: hidden;

}



.sideBar .box label {

	clear: both;

	float: left;

	width: 65px;

	height: 20px;

	font-size: 12px;

	padding-top: 3px;

}



.contactCompany {

	float: left;

	width: 100%;

	height: 20px;

	color: #FFF;

	font-weight: bold;

}



.contactDetail {

	float: left;

	width: 200px;

	height: 20px;

}



.contactPhone {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/phone.jpg) no-repeat;

}



.contactEmail {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/email.jpg) no-repeat;

}



.contactYahoo {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/yahoo.jpg) no-repeat;

}



.contactSkype {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/skype.jpg) no-repeat;

}



.contactMsn {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/msn.jpg) no-repeat;

}



.contactGtalk {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/gtalk.jpg) no-repeat;

}



.contactAim {

	float: left;

	width: 55px;

	height: 20px;

	padding-left: 20px;

	color: #FFF;

	background: url(../images/icons/aim.jpg) no-repeat;

}



.sideTextField {

	float: left;

	width: 190px;

	height: 19px;

	padding-top: 3px;

	padding-left: 5px;

	padding-right: 5px;

	border: none;

	background: url(../images/newsletterField.jpg) no-repeat;

	margin-bottom: 2px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

}



.portfolioItemLeft {

	float: left;

	width: 130px;

	height: 75px;

	padding-bottom: 10px;

}



.portfolioItemRight {

	float: left;

	width: 130px;

	height: 75px;

	padding-bottom: 10px;

	padding-left: 10px;

}



.priceButton a {

	float: left;

	width: 275px;

	height: 50px;

	background: url(../images/priceButton.jpg) no-repeat;

}



.priceButton a:hover {

	background-position: 0 -50px;

}



.portfolioLargeLeft {

	float: left;

	width: 315px;

	height: 200px;

	border: solid 1px #BEBEBE;

	background: #E9E9E9;

	margin-bottom: 10px;

}



.portfolioLargeRight {

	float: right;

	width: 315px;

	height: 200px;

	border: solid 1px #BEBEBE;

	background: #E9E9E9;

	margin-bottom: 10px;

}



.portfolioImage {

	padding: 5px;

	background: #FFF;

}



.portfolioImage:hover {

	padding: 5px;

	background: #CCC;

}



.portfolioTitle {

	float: left;

	width: 230px;

	padding-left: 5px;

	padding-top: 10px;

}



.portfolioVisit {

	float: right;

	width: 35px;

	padding-top: 6px;

	padding-right: 5px;

}



/* FOOTER */



#footerBackground {

	clear: both;

	float: left;

	width: 100%;

	height: 150px;

	background: url(../images/footerBackground.jpg) repeat-x #1E1E1E;

	margin-top: 15px;

}



.footerContainer {

	margin: 0 auto;

	width: 950px;

	padding-top: 25px;

}



.footerCategory {

	clear: both;

	float: left;

	width: 130px;

	height: 20px;

	padding-right: 10px;

	padding-left: 2px;

	border-right: dotted 1px #333;

	margin-right: 10px;

	margin-bottom: 5px;

}



.footerLinks a {

	float: left;

	color: #999999;

	padding-top: 2px;

	padding-right: 10px;

}



.footerLinks a:hover {

	color: #FFFFFF;

	text-decoration: none;

}



.footerLinks {

	float: left;

	height: 20px;

	width: 490px;

	margin-bottom: 10px;

}



.footerLeft {

	float: left;

	width: 650px;

}



.footerCopyright {

	float: right;

	width: 285px;

	color: #999;

}



label {

	float: left;

	width: 80px;

	padding-top: 3px;

}



.contactField {

	float: left;

	width: 195px;

	height: 20px;

	border: none;

	background: url(../images/contactField.jpg) no-repeat;

	margin-right: 30px;

	padding-top: 5px;

	padding-left: 5px;

	padding-bottom: 5px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

}



ul {

	padding-left: 0px;

	margin-left: 0px;

	list-style: none;

}



li {

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

	min-height: 24px;

	padding-top: 1px;

	padding-bottom: 5px;

	font-size: 13px;

	padding-left: 28px;

}



.contactFieldSelect {

	float: left;

	width: 200px;

	height: 25px;

	border: none;

	background: url(../images/contactField.jpg) no-repeat;

	margin-right: 30px;

	padding: 5px;

	margin-bottom: 5px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

}



.contactTextField {

	float: left;

	width: 500px;

	height: 140px;

	border: none;

	background: url(../images/contactTextField.jpg) no-repeat;

	margin-right: 30px;

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

}

	

.formNote {

	float: left;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

}



.formCode {

	float: left;

	width: 80px;

	height: 25px;

}



.formError {

	float: left;

	width: 600px;

	padding: 10px;

	border: solid 1px #C00;

	color: #C00;

	background: #FFE8E8;

	margin-bottom: 20px;

}



.formOk {

	float: left;

	width: 600px;

	padding: 10px;

	border: solid 1px #090;

	color: #090;

	background: #E3F7E1;

	margin-bottom: 20px;

}



/* SOCIAL ICONS */



.twitter {

	float: left;

}



.twitter a {

	float: left;

	color: #79C3C7;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoTwitter.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



.facebook {

	float: left;

}



.facebook a {

	float: left;

	color: #4F73BD;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoFacebook.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



.digg {

	float: left;

}



.digg a {

	float: left;

	color: #999;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoDigg.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



.reddit {

	float: left;

}



.reddit a {

	float: left;

	color: #B4D1ED;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoReddit.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



.strumble {

	float: left;

}



.strumble a {

	float: left;

	color: #2CB44B;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoStrumble.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



.delicious {

	float: left;

}



.delicious a {

	float: left;

	color: #FFFFFF;

	padding-top: 2px;

	padding-right: 10px;

	padding-left: 20px;

	background: url(../images/icoDelicious.jpg) no-repeat;

	background-position: 0 2px;

	height: 20px;

}



/* SIFR 3 CSS */



.sIFR-flash {

	visibility: visible !important;

	margin: 0;

	padding: 0;

}



.sIFR-replaced, .sIFR-ignore {

	visibility: visible !important;

}



.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}



.sIFR-replaced div.sIFR-fixfocus {

  margin: 0pt; 

  padding: 0pt; 

  overflow: auto; 

  letter-spacing: 0px; 

  float: none;

}



.sIFR-dummy { 

  width: 0px;

  height: 0px;

  margin-left: 42px;

  z-index: 0;

}



h1 {

	margin: 0;

	padding: 0;

	font-size: 24px;

	color: #4F7807;

	font-weight: normal;

}



.sIFR-active h1 {

	visibility: hidden;

	font-family: Verdana;

	line-height: 1em;

}



h2 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	color: #000000;

	font-weight: bold;

}



.sIFR-active h2 {

	visibility: hidden;

	font-family: Verdana;

	line-height: 1em;

}



h3 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	color: #FFFFFF;

	font-weight: normal;

}



.sIFR-active h3 {

	visibility: hidden;

	font-family: Verdana;

	line-height: 1em;

}



h4 {

	margin: 0;

	padding: 0;

	font-size: 14px;

	color: #333;

	font-weight: normal;

}



.sIFR-active h4 {

	visibility: hidden;

	font-family: Verdana;

	line-height: 1em;

}



#infinity {

	width:10000px;

}



#pingbox {

	position: fixed;

	top: 0px;

	right: 0px;

	margin-top:260px;

}



#pingboxContainer {

	margin: 0;

	padding: 0;

}