/* Template Elements */
/* Body & Text Elements */
body {
	margin: 0px;
	background-image: url(background.png);
	background-repeat: repeat-y;
	background-position: center center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #001544;
	overflow: auto;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #001544;
	text-decoration: none;
	margin: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #001544;
	text-decoration: none;
	margin: 0px;
}
h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #001544;
	text-decoration: none;
	margin: 0px;
}
li {
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #001544;
}
a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #001544;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #A2C3EC;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #001544;
	text-decoration: none;
}
.heading2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #A2C3EC;
	text-decoration: none;
}
/* Body & text Elements Ends */
/* Navigation Menu Elements */
#navbar {
	position:relative;
	width:1001px;
	height:71px;
	z-index:1;
	background-image: url(navbar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	text-align: left;
	text-indent: 50px;
	line-height: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #001544;
	text-decoration: none;
	margin: 0px;
}
.navlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

a.navlinks:link, a.navlinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #001544;
	text-decoration: none;
}
a.navlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#servnavlinks {
	width: 400px;
	position: relative;
}
#portnavlinks {
	left: 65px;
	line-height: 30px;
	position: relative;
	width: 500px;
}
#casenavlinks {
	left: 222px;
	line-height: 30px;
	position: relative;
	width: 500px;
}
/*  Navigation Menu Elements End */
/* Header Elements */
#header {
	position:relative;
	width:1001px;
	height:150px;
	z-index:1;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	top: 0px;
	text-align: left;
}
#logo {
	background-image: url(arpeggio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 86px;
	width: 387px;
	top: 42px;
	left: 60px;
	position: absolute;
}
/* Header Elements End */
/* Body Elements */
#body_top {
	background-image: url(body_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 1001px;
	position: relative;
}
#body_middle {
	background-image: url(body_middle.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	width: 1001px;
	position: relative;
	height: auto;
	overflow: auto;
}
#body_bottom {
	background-image: url(body_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1001px;
	height: 26px;
	position: relative;
}
/* Body Elements End */
/* Footer Elements */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	color: #001544;
	text-decoration: none;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	height: 49px;
	width: 1001px;
	position: relative;
	top: 0px;
	margin: 0px;
	text-indent: 740px;
}
/* Footer Elements End */
/* Template Elements End */
/* Portfolio & Testimonial Elements */
#testimonials {
	width:586px;
	height:460px;
	background-image: url(testimonials.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	left: 347px;
	float: right;
	margin-right: 68px;
	display: inline;
}
#portfolios {
	width:586px;
	height:460px;
	background-image: url(pb_education.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	margin-right: 68px;
	display: inline;
}
#page {
	position: absolute;
	height: 20px;
	width: 123px;
	left: 92px;
	top: 10px;
	text-align: left;
}
#question1 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 40px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	display: inline;
	clear: left;
}
#question2 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question3 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question4 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question5 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question6 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question7 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#question8 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 92px;
	padding-right: 15px;
	cursor: pointer;
	clear: left;
	display: inline;
}
#line1 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: visible;

}
#line2 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line3 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line4 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line5 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line6 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line7 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#line8 {
	width:270px;
	height:21px;
	background-image: url(pb_education_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 92px;
	margin-left: 0px;
	visibility: hidden;
}
#test1 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	position: absolute;
}
#test2 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test3 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test4 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test5 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test6 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test7 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#test8 {
	width:359px;
	height:auto;
	margin-left: 110px;
	margin-top: 100px;
	visibility: hidden;
	position: absolute;
}
#source1 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
}
#source2 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source3 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source4 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source5 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source6 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source7 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#source8 {
	position:absolute;
	width:359px;
	height:auto;
	margin-top: 320px;
	margin-left: 110px;
	visibility: hidden;
}
#Content {
	height: auto;
	width: 400px;
	position: relative;
	left: 90px;
	top: 40px;
}
#flashbox {
	position:relative;
	width:401px;
	height:230px;
	left: 96px;
	top: 55px;
	text-align: center;
	background-image: url(flashboxwide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-right: 10px;
}
#flashbox img {
	padding-top: 20px;
}
/* Portfolio & Testimonial Elements End */
/* Contact Page Elements */
#contactcontent {
	position: absolute;
	left: 184px;
	top: 30px;
	width: 372px;
	height: 260px;
	text-align: left;
}
#contactcontent2 {
	position: absolute;
	left: 569px;
	top: 72px;
	width: 283px;
	height: auto;
	text-align: left;
}
#contactbox {
	position: relative;
	left: 139px;
	top: 0px;
	width: 722px;
	height: 360px;
	text-align: left;
	background-image: url(contactsbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Contact Page Elements End */
/* Services & Case Studies Elements */
#servicesimage1 {
	position: absolute;
	height: 214px;
	width: 339px;
	left: 49px;
	top: 0px;
	text-align: center;
}
#servicesimage2 {
	position: absolute;
	height: 214px;
	width: 339px;
	left: 49px;
	top: 268px;
	text-align: center;
}
#servicesimage3 {
	position: absolute;
	height: 214px;
	width: 339px;
	left: 56px;
	top: 529px;
	text-align: center;
}
#copyheader {
	position: relative;
	left: 383px;
	top: -15px;
	width: 570px;
	height: 57px;
	visibility: visible;
	background-image: url(copybox_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#copybody {
	position: relative;
	left: 383px;
	top: -15px;
	width: 570px;
	height: auto;
	background-image: url(copybox_body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: auto;
}
#copyfooter {
	position: relative;
	left: 0px;
	top: 0px;
	width: 570px;
	height: 54px;
	background-image: url(copybox_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#righttext {
	position: relative;
	left: 50px;
	width: 467px;
	height: auto;
	text-align: justify;
	padding-bottom: 14px;
}
/* Services & Case Studies Elements End */
/* Current Projects elements */
#currentcopy {
	position:relative;
	width:842px;
	height:auto;
	left: 78px;
	top: 0px;
}
/* current Projects Elements End */
/* Creative Space Main Page Elements */
#cspacelogo {
	position: relative;
	left: 38px;
	top: 0px;
	width: 399px;
	height: 257px;
	text-align: justify;
	background-image: url(creativespace/c-spacelogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#csthumb {
	position:absolute;
	width:104px;
	height:82px;
	z-index:6;
	left: 843px;
	top: -187px;
	background-image: url(creativespace/csthumb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#linkheader {
	position: relative;
	left: 38px;
	top: auto;
	width: 399px;
	height: 42px;
	background-image: url(creativespace/linksheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#linkbody {
	position: relative;
	left: 38px;
	top: auto;
	width: 399px;
	height: auto;
	background-image: url(creativespace/linksbody.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: auto;
}
#linkfooter {
	position: relative;
	left: 38px;
	top: auto;
	width: 399px;
	height: 61px;
	background-image: url(creativespace/linksfooter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#cspacelinks {
	position:relative;
	width:200px;
	height:auto;
	left: 50px;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 12px;
}
#introcopy {
	position:absolute;
	width:448px;
	height:253px;
	left: 469px;
	top: 35px;
}
#introcopybox {
	position:absolute;
	width:532px;
	height:339px;
	left: 430px;
	top: 9px;
	background-image: url(creativespace/cspacecopybox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Creative Space Main Page Elements End */
/* Creative Space Template Elements */
#intro {
	position:relative;
	width:501px;
	height:auto;
	left: 77px;
	top: auto;
	text-align: left;
}
#logosbox {
	position:absolute;
	width:355px;
	height:189px;
	left: 594px;
	top: -14px;
	text-align: left;
	background-image: url(creativespace/logosbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#logos {
	position:absolute;
	width:274px;
	height:104px;
	left: 633px;
	top: 24px;
	text-align: center;
}
#title {
	position:relative;
	width:400px;
	height:auto;
	left: 63px;
	top: 0px;
	text-align: left;
	line-height: 30px;
	text-indent: 15px;
}
#video {
	position:relative;
	width:360px;
	height:auto;
	text-align: left;
	left: 45px;
	top: auto;
}
#filmsboxheader {
	position:relative;
	width:416px;
	height:70px;
	z-index:4;
	background-image: url(creativespace/filmborderheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 40px;
	top: auto;
	font-size: 12px;
	font-weight: bold;
	padding-left: 50px;
}
#filmsboxbody {
	position:relative;
	width:466px;
	height:auto;
	background-image: url(creativespace/filmsborderbody.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	left: 40px;
	top: auto;
}
#filmsboxfooter {
	position:relative;
	width:466px;
	height:85px;
	background-image: url(creativespace/filmsborderfooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	left: 40px;
	top: auto;
	text-indent: 50px;
}
/* Creative Space Template Elements End */
/* Index Page Elements */
#indexcontentcopy {
	position:absolute;
	width:412px;
	height:141px;
	z-index:3;
	left: 522px;
	top: 75px;
	text-align: left;
}
#FlashBox {
	position:relative;
	width:463px;
	height:274px;
	z-index:3;
	left: 38px;
	top: -11px;
	background-image: url(indexflashpage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#copybox {
	position:absolute;
	width:462px;
	height:274px;
	z-index:3;
	left: 501px;
	top: -11px;
	background-image: url(indexcopybox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#indexflashholder {
	position:absolute;
	width:405px;
	height:209px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	left: 32px;
	top: 27px;
}
#indexleader {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	position: relative;
	z-index: 3;
	visibility: visible;
	left: auto;
	text-align: center;
}
/* Index Page Elements End*/
/* General extra styles start (by Andy) */
.leftCol {
	display: block;
	width: 12em;
	text-align: right;
	margin-right: 1.5em;
	float: left;
}
/* General extra styles start (by Andy) */