* {
	margin:0;
	padding:0;
}
body {
	font-family: "Arial",sans-serif;
	font-size:10pt;
	margin:0;
	padding:0;
	color:#18597f;
	background-color:#fee;
	border-top: 3px solid #527AA1;
}
a,a:visited,a:link {
	border:0 none;
	text-decoration:none;
	color:#18597f;
}
a:hover {
	color:#AED2E1 !important;
}
a img {
	border:0 none;
	text-decoration:none;
}
#outer-container {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#FFF url('../img/plesilium-bg3.png') repeat-x;
}
#outer-container .inner { width:960px;margin:0 auto;}

#top{ width:400px;height:120px;text-align:left;	overflow:visible;}

#middle{width:100%;min-height:470px;padding:20px 0 50px;background:transparent url('../img/perf.png') repeat-x 0 bottom;}

#bottom{width:100%;height:200px;padding:0;background:#222 url('../img/fuzz-bg.png') repeat;}

#banner {
	width:380px;
	padding:10px 20px;
	background-color:transparent;
	float:left;
}
#social {
	width:510px;
	height:30px;
	text-align:right;
	float:right;
	margin:1em;
}
#menu {
	width:530px;
	height:25px;
	border-bottom:3px solid #a46ca4;
	margin:29px 0 0;
	position:relative;
	z-index:999;
	float:left;
}
#menu > li {
	width:85px;
	height:22px;
	padding-top:14px;
	margin-top:-10px;
	display:inline;
	float:left;
	list-style-type:none;
	list-style-position:inside;
	color:#1b3152;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
}
#menu > li a,
#menu > li a:visited {
	color:#1b3152;
	width:85px;
	height:22px;
	line-height:22px;
	display:block;
}
#menu > li:hover,
#menu > li.active {
	background:transparent url('../img/menu-bg2.png');
}
#menu > li:hover > a,
#menu > li > a:hover,
#menu > li:hover > a:hover {
	color:#3a69af;
}
#dd-menu {
	list-style:none;
	float:left;
	display:block;
	width:165px;
	margin:0;
	border:1px solid #333;
	border-left:1px solid #999;
	border-top:1px solid #999;
	position:relative;
	left:-2000px;
	z-index:1000;
	background-color:#D2D2DD;
}
#menu > li:hover #dd-menu {
	left:8px;
	top:0px;
}
#dd-menu li {
	float:left;
	width:165px;
	height:2em;
	margin:0;
	font-size:11pt;
	font-weight:normal;
	text-align:left;
	color:#1b3152;
	border-top:0 none;
}
#dd-menu li a {
	width:160px;
	padding-left:5px;
	height:2em;
	font-size:11pt;
	line-height:1.8em;
	font-weight:normal;
	display:block;
	margin:0;
	text-decoration:none;
	border:0 none;
}
#menu li:hover #dd-menu li a {
	color:#1b3152;
	font-size:11pt;
	font-weight:normal;
}
#dd-menu li.active,
#dd-menu li:hover,
#dd-menu li:hover a,
#menu li:hover #dd-menu li:hover a {
	color:#1b3152;
	background-color:#a46ca4;
	font-size:11pt;
	font-weight:normal;
}

#submenu {
	list-style:none;
	float:left;
	display:block;
	width:100%;
	height:40px;
	margin:0;
}
#submenu li {
	float:left;
	width:142px;
	height:30px;
	margin:0;
	padding-left:5px;
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	color:#CCC;
	border:1px solid #999;
}
#submenu li a {
	display:block;
	width:100%;
	height:25px;
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	color:#CCC;
	text-decoration:none;
	border:0 none;
	padding-top:5px;
}
#submenu li.active,
#submenu li:hover,
#submenu li:hover a {
	background-color:#a46ca4;
	font-size:10pt;
	font-weight:normal;
	color:white;
}

.content {
	clear:left;
	min-height:460px;
	overflow:hidden;
	background:white url('../img/content-topper.png') no-repeat 0 0;
}
.content .column {
	float:left;
	width:920px;
	margin:0;
	padding:0 20px;
}
.content .column2 {
	float:left;
	width:440px;
	margin:0;
	padding:0 20px;
}
.content .column3 {
	float:left;
	width:290px;
	margin:0;
	padding-left:20px;
}
.content .column23 {
	float:left;
	width:580px;
	margin:0;
	padding:0 20px;
}
.content .column4 {
	float:left;
	width:210px;
	margin:0;
	padding:20px 20px 20px 0;
}
.content .column5 {
	float:left;
	width:150px;
	margin:0;
	padding:20px;
}
.rightborder {
	/*border-right:2px solid #999;
	background:transparent url('../img/border.gif') repeat-y scroll center right;
	*/
}
.content a {
	border-bottom:1px dotted #a8a8a8;
}
.content #content a {
	border:0 none;
}
.content p {
	margin:12px 0;
	line-height:1.2em;
}
.content h1 {
	font-size:18pt;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.2em;
	margin:25px 0 13px;
 	text-align:left;
}
.content h2 {
	font-size:14pt;
	font-weight:bold;
	color:#648ab0;
	line-height:1.2em;
	margin:12px 0;
}
.content h2.hero {
	color:#FFF;
	margin-top:0;
}
.content h3 {
	font-size:12pt;
	margin:1em 0;
}
h4.mission {
	float:left;
	width:660px;
	clear:both;
	color:#563461;
	margin:3em 0 0 1.2em;
	font-size:11pt;
	font-style:italic;
}
.content ol,
.content ul {
	list-style-position:outside;
	margin:1em 0 1em 1.5em;
	line-height:1.5em;
	color:#905890;
	font-weight:bold;
}
.content ul li a {
	color:#905890;
	font-weight:bold;	
}
.content ul li span.blue-text {
	color:#18597F;
	font-weight:normal;
}	
.content ol li {
	margin-top:0.8em;
}
.content ol li p {
	margin-top:0.2em;
}
.content p.title {
	font-size:13pt;
	font-weight:bold;
}
.content span.cid {
	font-weight:bold;
}
.content a:hover {
	border-bottom:1px dotted #AED2E1;
}
.content a.q {
	border-bottom:0 none;
}
.content a.q:hover {
	border-bottom:0 none;
}
.content img {
	margin:10px 20px 20px;
	border:1px solid #AED2E1;
}
.content img.no {
	border:none medium;
}
.content img.right {
	float:right;
	margin-right:0;
}
.content img.left {
	float:left;
	margin-left:0;
}
.content pre {
	font-family: "Arial",sans-serif;
	font-size:10pt;
}
.clear {
	clear:both;
}
.small {
	font-size:70%;
}
.large {
	font-size:125%;
}
span.external {
	position:relative;
	/*float:right;*/
	width:1.2em;
	line-height:1.2em;
	top:-0.5em;
	cursor:help;
	font-size:8pt;
}
.column3 div.ping {
    -border-radius:10px;
	padding:0 10px;
	margin:0;
	color:#FFF;
}
.pingc {
	height:10px;
	width:290px;
	margin:20px 0 0;
	padding:0;
}
.p1top {
	background:url('../img/ping-purple.png') no-repeat top left;
}
.p1bottom {
	background:url('../img/ping-purple.png') no-repeat bottom left;
	margin:0 0 20px;
}
.p2top {
	background:url('../img/ping-blue.png') no-repeat top left;
}
.p2bottom {
	background:url('../img/ping-blue.png') no-repeat bottom left;
	margin:0 0 20px;
}
.p3top {
	background:url('../img/ping-grey.png') no-repeat top left;
}
.p3bottom {
	background:url('../img/ping-grey.png') no-repeat bottom left;
	margin:0 0 20px;
}
.column3 div.ping h2 {
	color:#FFF;
}

/* ~~~~~~~~~~ footer ~~~~~~~~~~~~ */
#footer {
	clear:both;
	width:100%;
	font-size:8pt;
	color:#CCC;
}
#footer .column3 {
	float:left;
	width:278px;
	height:160px;
	margin-top:20px;
	padding:0 20px;
	border-left:1px #666 dashed;
}
#footer .first {
	border-left:0 none;
}
#footer p {
	margin-bottom:1em;
}
#footer a,
#footer a:link,
#footer a:visited {
	clear:both;
	width:100%;
	padding:5px 0;
	height:15px;
	font-size:8pt;
	color:#CCC;
}
#footer a:hover {
	color:#DDF;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~ form ~~~~~~~~~~~~~~~~~ */
.content .form-container {
	background-color:#a46ca4;
	border:0 none;
	width:418px;
	margin-top:40px;
	color:#fff;
}
div.form-container h2,
div.form-container a {
	color:#fff;
}
form {
	clear:left;
	margin:0.5em 0 4em 2em;
	width:100%;
}
fieldset {
	border:none medium;
	position:relative;
	overflow:hidden;
	margin:0.7em 0 0 0;
	clear:left;
	width:100%;
}
legend {
	/*display:none; // can't do this - IE screws up! use neg left marg instead...*/
	position: absolute;
	left: -2000em;
}
form fieldset.error {
	border:1px solid #f7f25e;
	padding:0.2em 0;
	color:#f7f25e;
}
label {
	display:block;
	width:6em;
	height:2em;
}
form input, form label {
	float:left;
}
form input,
form textarea {
	border:0 none;
	line-height:1.4em;
}
form .fwidth {
	width:280px;
}
form input#submit {
	color:white;
	background-color:#596a93;
	border:1px solid #999;
	padding:3px;
	float:left;
	margin-left:8em;
}
form input#submit:hover {
	border:1px solid #333;
	background-color:#a2cae1;
	color:#563461;
}
form span.super {
	color:#f7f25e;
	position:relative;
	top:-0.2em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* jQuery lightBox plugin - Gallery style */
#gallery {
	padding: 1px;
	width: 100%;
}
#gallery ul {
	list-style: none;
	list-style-type: none;
	margin-left:0;
}
#gallery ul li {
	display: inline;
	float:left;
	margin-right:15px;
	padding-bottom:15px;
}
#gallery ul li a,
#gallery ul li a:link,
#gallery ul li a:visited {
	border:none;
}
#gallery ul li div {
	border:1px #a695a8 solid;
	height:120px;
	margin-bottom:20px;
	padding: 2px 2px 8px;
	background-color: white;
	text-align:center;
}
#gallery ul img {
	margin:0 !important;
	border:none medium;
	height:120px;
}
#gallery ul div:hover {
	background-color: #dfd0df;
	border:1px solid #563461;
}
#gallery ul a:hover { color: #fff; }




/********************************/
.content div.half {
	width:45%;
	float:left;
	margin:10px;
}
.content p.half {
	width:320px;
	margin-right:20px;
	float:left;
}
.content p.footnote {
	font-size:80%;
	font-style:italic;
	margin-top:20px;
}
.content div#boxout {
	width:640px;
	float:left;
	border-top:1px solid #ccc;
	border-right:1px solid #563461;
	border-bottom:1px solid #563461;
	border-left:1px solid #ccc;
	margin:20px 0;
	padding:0 10px;
}
.content div#boxout ul {
	float:left;
	width:160px;
	padding-left:30px;
}
.content .testimonial {
	clear:both;
	font-style:italic;
	padding:2em 2em 0;
}
.content .testimonial .client {
	font-style:normal;
	font-weight:bold;
	margin-left:30px;
}





/********** Portfolio player **************/
div#player {
	clear:left;
 	width:100%;
 	margin:0 auto;
	overflow:hidden;
	padding:5px;
	position:relative
}
div#player div.site {
	float:left;
	margin:10px 5px;
	width:200px;
	height:140px;
	background-color:#f5f5f0;
	overflow:hidden;
	text-align:center;
}
div#player div.site img {
	width:180px;
	margin:0;
	float:none;
	border:1px solid #AAA;
}
div#player .sitePop {
	display:none;
	float:right;
	width:550px;
}
div#player .sitePop h2 {
	margin-top:0;
}

div#player #slider {
	visibility:hidden;
}
div#player #handle {
	visibility:hidden;
}
/* ### */
div#player.c3d {
	border:1px solid #555;
	background-color:white;
}
div#player.c3d div#carousel {
	margin-top:0;
	width:100%;
}
div#player.c3d #carousel {
	clear:none;
	margin-top:0;
	position:relative;
}
div#player.c3d #slider {
	visibility:visible;
	width:99%;
	height:6px;
	border:1px solid #555;
	background-color:#DDD;
	margin-top:20px;
}
div#player.c3d #handle {
	visibility:visible;
	left:0px;
	top:-4px;
	width:12px;
	height:12px;
	background-color:#555;
	border:1px outset #777;
	position:relative;
}
div#player.c3d div.site {
	width:140px;
	height:100px;
	clear:none;
	margin-top:0;
}
div#player.c3d div.site:hover {
	cursor:default;
}
div#player.c3d div.site img {
	width:120px;
	height:90px;
	border:1px solid #999;
	margin:10px 30px 0;
}
div#player.c3d .sitePop {
	margin-left:-9000px;
	float:left;
}
/* ### */
div#popup {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
}
div#popup_bg {
	position:relative;
	width:100%;
	height:100%;
	background-color:#333;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	opacity:0.5;
}
div#popup_container {
	position:absolute;
	top:100px;
	left:200px;
	background:white;
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	border:1px solid #848484;
	border-color:#848484 #706F6F #706F6F #848484;
	border-width:1px 3px 3px 1px;
	width:780px;
	padding:40px;
	min-height:450px;
}
div#popup div.site,
div#popup div.sitePop {
	margin-left:440px;
}
div#popup h2 {
	margin-top:0;
}
div#popup img {
	float:left;
	margin-right:30px;
	border:1px solid #AAA;
	width:400px;
}
div#popup ul {
	margin-left:1em;
	list-style-position:outside;
}
ul.portfolio {
	list-style-type:none;
}
ul.portfolio h2 { float:left; width:250px;}
ul.portfolio div { float:left; width:550px;}



/*****************************************/
/* FUNK styles:
/*****************************************/

/****** IMG-SLIDER *******/
div#img-slider {
	width:560px;
	height:120px;
	background-image:url('../img/balls.jpg');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:60px 60px;
	overflow:hidden;
	border:1px solid #999;
	float:left;
	margin: 0 0 20px 0;
}

/****** PANEL-ACCORDIAN ******/
div#panel-accordian {
	height:200px;
	float:left;
    background-color: #58799C;
	overflow:hidden;
}
div#panel-accordian.wide {
	width:960px;
}
div#panel-accordian div.panel {
	width:540x;
	height:100%;
	float:left;
}
div#panel-accordian.wide div.panel {
	width:539px;
	-border-right:1px solid white;
	background:transparent url('../img/fade.png') repeat 1px 1px;
}
div#panel-accordian div.panel .showleft {
	width:210px;
	float:left;
	text-align:center;
	height:100%;
}
div#panel-accordian div.panel .showleft h2 {
	color:#fff;
	font-size:13pt;
	height:2em;
}
div#panel-accordian div.panel img.more-btn {
	border:0 none;
	margin:0 5px 0 0;
	padding:0;
	float:right;
}
div#panel-accordian div.panel .hideright {
	margin-left: 10px;
	width:305px;
	height:100%;
	float:left;
	color:#fff;
}
div#panel-accordian div.panel .hideright ul,
div#panel-accordian div.panel .hideright a {
	color:#fff;
}


/******* HYPER-SLIDER *******/
div#hyper-slider {
	overflow:hidden;
	width:620px;
	height:100px;
	border:1px solid #444;
}
div#hyper-slider div.panel {
	width:100%;
	height:100%;
	position:relative;
	float:left;
}
div#hyper-slider div.panel img {
	width:100%;
	height:100%;
	margin:0;
	z-index:99;
	position:relative;
	float:left;
}
div#hyper-slider div.panel div.textbox {
	width:100px;
	height:100%;
	z-index:100;
	position:relative;
	left:100%;
	background-color:#444;
	color:white;
}

/******* UPSLIDER *******/
div.upslider {
	position:relative;
	width:210px;
	height:285px;
	/*background-color:#353A48;*/
	background:transparent url('../img/hero-bg.png') no-repeat;
	float:left;
	z-index:99;
	/*color:white;*/
	overflow:hidden;
}
div.upslider p { padding:0 6px;}
div.upslider img.centre { margin:10px auto;display:block;width:100px;}
div.upslider h2 { margin:0 auto;display:block;width:190px;text-align:center;}
div.upslider div.text-panel {
	position:absolute;
	z-index:101;
	width:208px;
	height:283px;
	top:285px;
	background:transparent url('../img/hero-bg-hi.png') no-repeat;
	color:#125;
	font-size:9pt;
	margin:1px;
}
div.upslider div.text-panel a {
	color:white;
}
div.upslider div.text-panel h2 {
	margin:10px auto;
}


/****** TAB-EXPLODER *******/
div.tab-exploder {
	background:transparent url('../img/iPad.png') no-repeat scroll top left;
	width:580px;
	height:500px;
	margin-top:20px;
	margin-left:20px;
}
div.tab-exploder ul {
	width:550px;	
	list-style:none;
	position:relative;
	z-index:9;
	float:left;
	padding-top:7px;
}
div.tab-exploder li {
	height:17px;
	margin-top:32px;
	margin-left:25px;
	width:90px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	border:1px solid transparent;
}
div.tab-exploder li:hover,
div.tab-exploder li.hilite {
	color:#1c1cff;
}
div.tab-exploder li div.tab-detail {
	position:absolute;
	z-index:10;
	width:0;
	height:100%;
	left:155px;
	top:0;
	overflow:hidden;
	color:#FFF;
}
div.tab-exploder li div.tab-detail p {
	padding:20px 20px 0 10px;
	width:320px;
	font-size:12pt;
	font-weight:normal;
	text-align:justify;
}


/****** ROW-EXPANDER *******/
div.rowexpander ul {
	width:100%;
	margin:0 auto 40px;
	list-style:none;
	position:relative;
	font-weight:bold;
	font-size:11pt;
	color:#dce6e7;
}
div.rowexpander ul.rows > li {
	overflow:hidden;
	width:100%;
	border:1px solid #484660;
	padding:5px;
	background:#999BA2 url('../img/chrome-bg.png') repeat-x scroll 0 0;
}
div.rowexpander li span.title {
	width:25%;
	height:2em;
	display:block;
	float:left;
}
div.rowexpander li span.header {
	width:60%;
	height:2em;
	display:block;
	float:right;
}
div.rowexpander li span.price {
	width:10%;
	height:2em;
	display:block;
	float:right;
	text-align:right;
}
div.rowexpander li div.extra {
	margin:0;
	height:0.0;
	width:73%;
	float:right;
}
div.rowexpander li div.extra p {
	width:40%;
	float:left;
}
div.rowexpander li div.extra ul {
	width:54%;
	margin-top:1em;
	margin-left:40px;
	padding:0;
	float:left;
	list-style: square outside none;
}
div.rowexpander li div.extra ul li {
	border:0 none;
	padding:0 0 0 5px;
	overflow:visible;
}