/*******************
	Page Layout
********************/
body{ background:#0f0322 url("../images/backgrounds/page.gif") repeat-x; text-align:center; }
#page-container{ width:1100px; margin:0 auto; background:url("../images/backgrounds/comet.png") no-repeat; }
#page-container-inner{ width:1100px; margin:0 auto; height:800px; background:url("../images/backgrounds/comet-inner.png") no-repeat; text-align:left; }
	#header{ width:1100px; height:126px; position:relative; }
		#header a#logo{ display:block; width:196px; height:58px; position:absolute; bottom:28px; left:95px; }
		ul#navigator{ margin:0 95px 0 0; padding:0; position:absolute; right:0; bottom:0; }
		ul#navigator li{ margin:0; padding:0; list-style:none; float:left; background:url("../images/backgrounds/nav-left.gif") no-repeat top left; height:28px; overflow:hidden; }
		ul#navigator li a, ul#navigator li a:link, ul#navigator li a:visited{ line-height:28px; height:28px; overflow:hidden; color:#fff; text-decoration:none; background:url("../images/backgrounds/nav-right.gif") no-repeat top right; display:block; padding:0 11px; text-transform:capitalize; font-size:12px; }
		ul#navigator li#on a, ul#navigator li a:hover, ul#navigator li a:active{  }
	#preamble{ width:504px; height:293px; float:right; text-align:left; color:#e5cfe6; margin-right:95px; }
		/* #preamble h1{ font-size:26px; margin:12px 0 0 0; padding:8px 0; font-weight:normal; letter-spacing:2px;  } */
		#preamble h1{ font-size:48px; margin:12px 0 0 0; padding:8px 0; font-weight:normal; letter-spacing:2px; font-family: "mplus"; }
		#preamble p{ font-size:14px; line-height:1.8em; }
		#preamble p a.more, #preamble p a.more:link{ color:#615467; text-decoration:none; background:url("../images/buttons/arrow.gif") no-repeat right center; padding-right:21px; float:right; }
		#preamble p a.more:active, #preamble p a.more:hover, #preamble p a.more:visited{ color:#EC6800; }
		#preamble table{ width:100%; margin-top:-0.5em; }
		#preamble table td{letter-spacing: 4px; vertical-align:top; white-space:nowrap; width:33%; font-size:11px; line-height: 19px;}
		#preamble table td a {color: white; letter-spacing: normal; text-transform: lowercase;}
		#preamble table td a:hover {color:white;}
	#preamble-large{ width:600px; height:293px; float:right; text-align:left; color:#e5cfe6; margin-right: 95px; }
		#preamble-large h1{ font-size:54px; margin:55px 0 0 0; padding:8px 0; font-weight:normal; letter-spacing:2px; text-align: right; }
		#preamble-large p{ font-size:15px; line-height:1.8em; width:80%; text-align: right; float: right; }
		#preamble-large p a.more, #preamble-large p a.more:link{ color:#615467; text-decoration:none; background:url("../images/buttons/arrow.gif") no-repeat right center; padding-right:21px; float:right; }
		#preamble-large p a.more:active, #preamble-large p a.more:hover, #preamble-large p a.more:visited{ color:#EC6800; }
	#content{ width:910px; float:left; text-align:left; color:#fff; font-size:11px; line-height:1.52em; margin-left:95px; overflow:auto; }
		#left-side{ width:150px; float:left; padding:12px 0; }
			ul.prjnav{ margin:0 0 0 6px; padding:0; width:126px; }
			ul.prjnav li{ margin:0; padding:10px 0; list-style:none; color:#5e3e91; border-bottom:1px solid #200d40; }
			ul.prjnav li a{ color:#fff; text-decoration:none; }
			ul.prjnav li a:hover, ul.prjnav li a.sel{ color:#E64625; background:url("../images/backgrounds/dot-arrow.gif") no-repeat right center; padding-right:10px; }
			ul.prjnav li ul{ margin: 0 0 0 7px; }
			ul.prjnav li ul li{ padding:0; border-bottom:0; }
		#right-side{ width:758px; margin-left:150px; padding:12px 0; }
	.home #footer{ width:910px;border-top:none; margin-left:95px; }
	#footer{ width:886px; float:left; text-align:left; padding:12px; color:#725799; font-size:9px; line-height:1.22em; border-top:1px solid #725799; }
		#leftme{ width:45%; float:right; }
		#leftme p{ clear:both; text-align:right; }
		#footer ul{ margin:0; padding:0; float:right; }
		#footer ul li{ margin:0; padding:0 6px; list-style:none; float:left; border-left:1px solid #725799; }
		#footer ul li.first{ border-left:none; }
		#footer a, #footer a:link, #footer a:visited{ color:#725799; text-decoration:none; }
		#footer a:hover, #footer a:active{ color:#E64625; }
		#footer p{ margin:0; padding:0; }


/*************************
	Site wide elements
**************************/
.inner{ padding:12px 0;overflow:auto; }
.left-column{ width:220px; padding:30px 20px; }
.right-column{ width:480px; padding-right:20px; padding-bottom:20px; float:right; }
.right-column p {font-size: 13px; line-height: 21px;}
a.site-preview{ display:block; width:486px; height:316px; float:left; border:10px solid #000; text-align:left; margin-bottom:20px; margin-top: 20px; }
a.site-preview img{ display:block;  }
#content h2 {border-bottom:1px dotted #45277F;color:#E64625;font-family:Helvetica Neue,Verdana,sans-serif;font-size:17px;font-weight:normal;letter-spacing:1px;margin:34px 0pt 6px;padding-bottom:8px;}
div.testimonial {padding-bottom: 8px;}
div.testimonial img {float:left; padding-right: 0px; margin-right: 0px; margin-left: 0px;}
div.news-item {padding-bottom: 8px;}

div.portfolio-desc{ margin-left:540px; width:360px; }
#content div.portfolio-desc h2{ font-family:verdana, sans-serif; font-size:14px; color:#fff; margin:0 0 1em; border-bottom:none; font-weight:bold; padding:0; letter-spacing:normal; }
div.portfolio-desc div{ overflow:auto; border-top:1px solid #200d40; border-bottom:1px solid #200d40; padding:10px 0 0 0; margin-bottom:12px; height:285px; overflow:auto; }
#content div.portfolio-desc div h3{ color:#725799; margin:0; padding:0; width:30%; float:left; font-size:11px; }
div.portfolio-desc div p{ color:#fff; margin-left:35%; margin-bottom:1em; }
div.portfolio-desc a.btn{ display:block; width:110px; height:29px; line-height:29px; color:#fff; padding-left:8px; text-decoration:none; font-weight:bold; }
div.portfolio-desc a.btn.testimonials{ background:url("../images/buttons/testimonials.gif") no-repeat; margin-bottom:6px; }
div.portfolio-desc a.btn.view{ background:url("../images/buttons/view.gif") no-repeat; }


/***********
	James - please do feel free to change!
************/

#preamble-large a, #preamble-large a:link, #preamble-large a:visited{ color:#9B53BF; text-decoration: none; }
#preamble-large a:hover, #preamble-large a:active{ color: #E64625; }

.news-item p img,
img.news {border: 5px black solid; float: left; margin: 0px 10px 5px 0px; width: 180px; }
img.contact {border:none;float:left;left:-144px;margin-right:-136px;position:relative;width:120px; top: -30px;}
#content p a, #content p a:link, #content p a:visited {color:#8767BB; text-decoration: none;}
#content p a:hover {color: #E64625}
#content h3 {color: #8b7797; font-size: 9px; text-align: left; margin: -5px 0px 10px 0px; font-weight: normal;}
#content h3 a {color: #9B53BF;}
#content h3 a:hover {color: #E64625;}
#content #map img {border: 5px black solid;}
#content #map {margin-top: 10px;}
#content form {border:1px dotted #422253;margin:0px;padding:10px 0px;}
input.text, textarea, select {background:#0f0322;border: 1px solid #5e3e91;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;margin-bottom:11px;padding:6px;width:250px; color: white;}
input.button {background: transparent url(../images/buttons/send.gif) no-repeat scroll 0 0; border:none;color:white;font-size:1em;font-weight:bold;margin:0px 0px 10px 30px;padding:2px; width: 120px; height: 29px;}
textarea.text { overflow: auto; height: 100px; width: 400px; }
#content form label {padding:10px; font-size: 10px;}
#page-container-launch { width:1100px; margin:0 auto; background:url("../images/backgrounds/launch.png") no-repeat; }
.left-column h4 {color: #E64625; margin-left: 10px; padding-top: 5px; padding-bottom: 7px; border-bottom: dotted 1px #422253; }
.left-column ul {margin-top: 5px;}
.left-column ul li {list-style-type: none; margin-left: -10px; line-height: 25px; }
.left-column ul li a {color:white;padding:6px 3px;display:block; background:url('../images/backgrounds/raquo.gif') no-repeat 4px 16px; padding-left:17px;text-decoration:none;}
.left-column ul li a:hover {color:#EF5A2C;}
.left-column p {margin-left: 10px; margin-top: 10px; line-height: 25px}
#content .team-profile {padding-top: 10px; clear:both;}
#content a.more {background:transparent url(../images/buttons/arrow.gif) no-repeat scroll right 5px;color:#EC6800;padding-right:20px; }
span.tip {color: white;}

ul.projectlist{ margin:0; padding:0; }
ul.projectlist li{ background-color:#1c0d32; list-style:none; padding:7px; float:left; width:232px; margin:0 0 10px 0; font-family:verdana, sans-serif; padding-bottom:14px; height:200px; }
ul.projectlist li.middle{ margin:0 10px 10px 10px; }
ul.projectlist li p{ font-size:12px; font-weight:bold; margin:7px 0 0 14px; }
ul.projectlist li a{ font-size:10px; margin:0 0 0 14px; display:block; color: #5E3E91; text-decoration: none;}
ul.projectlist li a.preview{ margin:0; }

ul.projectlist-featured{ margin:0; padding:0; }
ul.projectlist-featured li{ background-color:#1c0d32; list-style:none; padding:8px; float:left; width:352px; margin:0 0 17px 0; font-family:verdana, sans-serif; padding-bottom:14px; }
ul.projectlist-featured li.first{ margin-right:21px; }
ul.projectlist-featured li p{ font-size:12px; font-weight:bold; margin:7px 0 0 14px; }
ul.projectlist-featured li a{ font-size:10px; margin:0 0 0 14px; display:block; color: #5E3E91; text-decoration: none;}
ul.projectlist-featured li a.preview{ margin:0; }


ul.decembernews { margin: 0; padding: 0; }
ul.decembernews li {background-color:#1C0D32;float:left;font-family:verdana,sans-serif;height:380px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 0 20px;padding:7px 7px 14px;width:232px;}
ul.decembernews li.middle {margin:0 10px 10px;}
ul.decembernews li p {font-size:12px;font-weight:bold;margin:7px 0 0 14px;}
ul.decembernews li p.date {color:#9B53BF;}
ul.decembernews li div {height:180px;overflow:hidden;}
ul.decembernews li div p {font-size:11px;font-weight:normal;}
ul.decembernews li div a { display:inline; margin:0; }
ul.decembernews li a {display:block;font-size:10px;margin:0 0 0 14px;}
ul.decembernews li a.preview {margin:0;}

#gallery{ width:486px; float:left; padding:10px; background-color:#23133c; }
#gallery div#biggest{ width:486px; height:316px; position:relative; overflow:hidden; }
#gallery div#biggest img{ position:absolute; }
#gallery ul{ margin:10px 0 0 10px; padding:0; }
#gallery ul li{ margin:0; padding:0; list-style:none; float:left; margin-right:5px; }
#gallery ul li a{ display:block; width:89px; height:55px; padding-bottom:10px; }
#gallery ul li a img{ padding:2px; background-color:#462778; }
#gallery ul li a:hover img, #gallery ul li a.current img{ background-color:#E64625; }
#gallery ul li a.current{ background:url('../images/up-arrow.gif') no-repeat center bottom;  }

#content a.back{ color:#E64625; background:url("../images/backgrounds/dot-arrow-left.gif") no-repeat left center; padding-left:10px; text-decoration:none; }

***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ width:100%; height:1px; color: #462456; background-color: #462456; border:none; clear:both; margin:10px 0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */