body {
/*background-image:url(images/web-barcelona-back.gif);*/
background-image:url(images/cb-paper.jpg);
/*background-repeat:repeat-x;*/
background-color: #000000;
color: #CCCCCC;
}

.container {
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	height: 600px;
	width: 780px;
	left: 140px;
	top: 10px;
	margin-top: 0px;
}

.container h1{
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 12px;
	margin-top: -8px;
	margin-bottom: 14px;
	/*font-style: italic;
	font-weight: normal;
	font-variant: normal;*/
	}

.container h1 img{
margin-left: -120px;
margin-bottom: 3px;
vertical-align:middle;
}

.bigsquareleft {
	position: absolute;
	height: 400px;
	width: 540px;
	left: 360px;
	top: 80px;
	color: #CCCCCC;
}

.bigsquareleftlong {
	position: absolute;
	height: 400px;
	width: 560px;
	left: 240px;
	top: 25px;
	background-image: url(marketing/marketing2-back4rlong.jpg);
	background-repeat: no-repeat;
	color: #CC0000;
}


.bigsquareleftport {
	position: absolute;
	width: 560px;
	left: 240px;
	top: 25px;
	background-image: url(marketing/marketing2-back4r.jpg);
	background-repeat: no-repeat;
	color: #CC0000;
}

.bigsquareleftlong {
	position: absolute;
	height: 850px;
	width: 560px;
	left: 240px;
	top: 25px;
	background-image: url(marketing/marketing2-back4longr.jpg);
	background-repeat: no-repeat;
}

.bigsquareright {
	position: absolute;
	height: 400px;
	width: 340px;
	left: 0px;
	top: 80px;
	/*background-image: url(marketing/marketing2-back4l.jpg);*/
}
.bigsquareright a{
	text-decoration: underline;
	color: #FFFFFF;
	}
.bigsquareright h2 a{
	text-decoration: none;
	color: #FFFFFF;
	}
.bigsquareright h2 a:link{
	text-decoration: none;
	color: #FFFFFF;
	}			
.bigsquareright a:link {
	text-decoration: underline;
	color: #FFFFFF;
	}
.sidetop a:visited {
	text-decoration: underline;
	color: #CCCCCC;
	}
.sidetop a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}

.bigsquarerightlong {
	position: absolute;
	height: 800px;
	width: 240px;
	left: 0px;
	top: 25px;
	background-image: url(marketing/marketing2-back4longl.jpg);
}
.bigsquarebottom {
	position: absolute;
	height: 250px;
	width: 320px;
	left: 220px;
	top: 288px;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 12px;
	color: #999999;
	line-height: 21px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border: 10px solid #00CCFF;
}

.leftsqphoto{
	position: absolute;
	height: 300px;
	width: 503px;
	left: 07px;
	top: 27px;
	border: 10px solid #FFFFFF;
	z-index: 1;
	background-color: #DFDBD7;
}
.leftsqphotolong{
	position: absolute;
	width: 503px;
	left: 07px;
	top: 27px;
	border: 10px solid #FFFFFF;
	z-index: 1;
	background-color: #DFDBD7;
	padding: 0px;
}

.leftsqtext{
	position: absolute;
	height: 103px;
	width: 265px;
	left: 249px;
	top: 69px;
	z-index: 3;
	color: #FFFFFF;
}
.leftsqtextinner{
	position: relative;
	height: 133px;
	width: 365px;
	left: 16px;
	top: 5px;
	z-index: 3;
}

.leftsqtextcontent{
	position: absolute;
	height: 163px;
	width: 460px;
	left: 22px;
	top: 50px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	color: #333333;
	font-size: 13px;
	line-height: 17px;
}

.leftsqtextport{
	position: relative;
	height: 200px;
	width: 503px;
	left: 17px;
	top: 10px;
	z-index: 3;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: -15px;
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.leftsqtextporttop{
	position: relative;
	height: 60px;
	width: 435px;
	left: 28px;
	top: 40px;
	z-index: 3;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.leftsqtextportim{
	position: absolute;
	height: 166px;
	width: 213px;
	left: 17px;
	top: 20px;
	z-index: 3;
	border: 4px none #AEAEAE;
	background-image: url(marketing/marketing2-portimback.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 8px;
}

.leftsqtextporttxt{
	position: absolute;
	height: 100px;
	width: 235px;
	left: 255px;
	top: 25px;
	z-index: 3;
	color: #333333;
}

.leftsqtextporttitle{
	position: absolute;
	height: 30px;
	width: 230px;
	left: 17px;
	top: 0px;
	z-index: 3;
	color: #666666;
}

.rightsqnav{
	position: absolute;
	height: 302px;
	width: 300px;
	left: 0px;
	top: 27px;
	/*background-color: #0B3872;
	border: 10px solid #FFFFFF;*/
}

.rightsqtitle {
	position: absolute;
	height: 30px;
	width: 150px;
	left: 10px;
	top: 10px;
}
.leftsqimage {
	position: absolute;
	height: 250px;
	width: 250px;
	left: 0px;
	top: 0px;
	background-color: #3399CC;
}

.rightsqquote {
	position: absolute;
	height: 100px;
	width: 100px;
	left: 20px;
	top: 60px;
}


.navbox {
	position: relative;
	height: 30px;
	width: 150px;
	left: 05px;
	top: 0px;
	background-color: #36548C;
}

.myname {
	position: relative;
	height: 200px;
	width: 290px;
	left: 05px;
	top: 0px;
	padding-top: 10px;
	/*color: #FFFFFF;*/
	font-size: 12px;
	line-height: 16px;
	}

.myname h1{
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 12px;
	margin-top: -7px;
	margin-bottom: 14px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	}
	
.myname h2{
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 19px;
	margin-bottom: -10px;
	margin-top: 0px;
	color:#FFFFFF;
	text-decoration:none;
	}

a:link.plain{
	text-decoration:none;
	color:#FF00FF;
	}	

.linksbox {
	position: absolute;
	height: 50px;
	width: 177px;
	left: 45px;
	top: 390px;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 11px;
	}
.linksbox a{
	text-decoration: none;
	color: #CCCCCC;
	}
.linksbox a:link {
	text-decoration: underline;
	color: #CCCCCC;
	}
.linksbox a:visited {
	text-decoration: none;
	color: #CCCCCC;
	}
.linksbox a:hover {
	text-decoration: underline;
	color: #CCCCCC;
	}
	
.rightsqimage {
	position: absolute;
	height: 100px;
	width: 150px;
	left: 150px;
	top: 120px;
}

.sideleft {
	position: absolute;
	height: 100px;
	width: 20px;
	left: -23px;
	top: 0px;
	text-align: right;
}
.sidetop {
	position: absolute;
	height: 15px;
	width: 87px;
	right: 0px;
	top: -17px;
}

.sidetop a{
	text-decoration: underline;
	color: #CCCCCC;
	}
.sidetop a:link {
	text-decoration: underline;
	color: #CCCCCC;
	}
.sidetop a:visited {
	text-decoration: none;
	color: #CCCCCC;
	}
.sidetop a:hover {
	text-decoration: none;
	color: #11D9D6;
	}
.textheader {
	font-family: "Niagara Engraved", Arial, Garamond;
	font-size: 24px;
}
.portfoliocontainer {
	position: relative;
	height: 250px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #CCCCCC;
}
.arrow {
	position: absolute;
	height: 28px;
	width: 26px;
	left: 470px;
	top: 170px;
}
.leftsqcontact {
	position: relative;
	height: 200px;
	width: 200px;
	left: 10px;
	top: 0px;
	font-size: 12px;
}
.leftsqtextmarkim {

	position: absolute;
	height: 120px;
	width: 125px;
	left: 17px;
	top: 10px;
	z-index: 3;
	border: 4px none #AEAEAE;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 8px;
}
.leftsqtextmarktxt {

	position: absolute;
	height: 100px;
	width: 295px;
	left: 185px;
	top: 20px;
	z-index: 3;
	color: #333333;
}
.leftsqtextmark {

	position: relative;
	height: 150px;
	width: 503px;
	left: 17px;
	top: 10px;
	z-index: 3;
	padding: 0px;
	margin-top: 29px;
	margin-bottom: -15px;
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.leftsqtextmarktxttop {


	position: absolute;
	height: 100px;
	width: 395px;
	left: 30px;
	top: 10px;
	z-index: 3;
	color: #333333;
}
.topnav {
	position: absolute;
	height: 29px;
	width: 600px;
	left: 60px;
	top: -2px;
}

.portblockrelative {
	position: relative;
	height: 130px;
	width: 490px;
	left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECEAE8;
}

.portblockrelativeimage {
	position: absolute;
	height: 100px;
	width: 134px;
	left: 18px;
	top: 12px;
	border: 3px solid #FFFFFF;
}

.portblockrelativetext {
	position: absolute;
	height: 18px;
	width: 275px;
	left: 187px;
	top: 50px;
	background-color: #ECEAE8;
	text-align: left;
	font-size: 11px;
	color: #333333;
	padding-left: 3px;
}

.portblock1 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 5px;
	top: 5px;
	background-image: url(images/cb-feb07-portback.gif);
}
.portblock2 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 170px;
	top: 5px;
	background-image: url(images/cb-feb07-portback.gif);
}

.portblock3 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 335px;
	top: 5px;
	background-image: url(images/cb-feb07-portback.gif);
}
.portblock4 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 5px;
	top: 152px;
	background-image: url(images/cb-feb07-portback.gif);
}
.portblock5 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 170px;
	top: 152px;
	background-image: url(images/cb-feb07-portback.gif);
}

.portblock6 {
	position: absolute;
	height: 142px;
	width: 160px;
	left: 335px;
	top: 152px;
	background-image: url(images/cb-feb07-portback.gif);
}

.portblockimage {
	position: absolute;
	height: 102px;
	width: 140px;
	left: 5px;
	top: 5px;
	border: 1px solid #FFFFFF;
}

.portblocktext {
	position: absolute;
	height: 18px;
	width: 140px;
	left: 7px;
	top: 116px;
	background-color: #DC2227;
	text-align: center;
	font-size: 10px;
}

.portblocktext a{
	text-decoration: none;
	color: #CCCCCC;
	}
.portblocktext a:link {
	text-decoration: none;
	color: #CCCCCC;
	}
.portblocktext a:visited {
	text-decoration: none;
	color: #CCCCCC;
	}
.portblocktext a:hover {
	text-decoration: none;
	color: #11D9D6;
	}

.casestudymain {
	position: absolute;
	height: 180px;
	width: 350px;
	left: 115px;
	top: 50px;
	background-image: url(marketing/cb-feb07-caseback.gif);
	background-color: #DFDBD7;
	background-repeat: no-repeat;
	}

.casestudyleft {
	position: absolute;
	height: 100px;
	width: 80px;
	left: 15px;
	top: 50px;
	}
.casestudysmall {
	position: absolute;
	height: 100px;
	width: 100px;
	left: 300px;
	top: 200px;
	z-index: 3;
	}
.casestudyadvance {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 10px;
	bottom: 10px;
	}
.skype {
	position: absolute;
	height: 20px;
	width: 90px;
	left: 380px;
	top: 380px;
	z-index: 7;
	}