/* --- Body --- */

body {
	font-family: Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	background:#1e3352 url('images/background.png') repeat-x;
}

div#wrapper {
	width:900px;
	margin:0 auto;
	border:1px solid #eee;
	background:white;
	margin-top:15px;
}

/* --- Header Layout --- */

div#header {
	width:100%;
	height:164px;
	background-color:#333;
	border-bottom:1px solid #fff;
	background-image:url('images/header.jpg');
	background-color:#ccc;
}

div#heaedercontent {
	height:164px;
}

div#header h1 {
	text-indent:-10000px;
	font-size:1px;
	padding:0;
	margin:0;
}

/* --- Navigation Layout --- */

div#nav {
	width:100%;
}

div#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#nav ul li {
    margin:0;
    padding:0;
    float:left;
    border-top:1px solid white;
}

div#nav ul li a {
	display:block;
	text-decoration:none;
	width:120px;
	text-align:center;
	border:1px solid #CCC;
	border-top:0;
	background-color:#333;
	font-size:13px;
	color:white;
	font-weight:bold;
	padding:10px 14px;
	padding-top:11px;
}

div#nav ul li a.active {
	border-bottom-color:white;
	background:#333 url('images/button_active.png') no-repeat bottom;
}

div#nav ul li a:hover {
	border-bottom-color:white;
	color:white;
	background-color:#3e4f79;
}

/* --- Content Layout --- */


div#content {
	clear:both;
	margin-top:0px;
	padding:20px;
	min-height:500px;
	color:#222;
}

div#content div.node {
    width:620px;
    background: transparent url('images/bottom_border.gif') repeat-x bottom;
    margin-bottom:25px;
    padding-bottom:5px;
}

div#content h2 {
    background: transparent url('images/bottom_border.gif') repeat-x bottom;
    margin-bottom:4px;
    width:620px;
}

div#content h2 a {
    color:black;   
}

div#content h2 a:hover {
    color:#3e4f79;   
}

div#content div.content {
    padding:0 10px;
    line-height:1.3em;
    font-size:100%;
    padding-bottom:0;
    margin-top:40px;
}

div#content a {
    color:#336699;
    text-decoration:none;
}

div#content div.meta {
    color:#999;
    text-align:right;
    font-size:75%;
}

div#content ul.links {
    font-size:80%;
    margin-top:0;
    padding-bottom:8px;
    list-style-type:none;
}

div#content ul.links li {
    float:right;
    padding:0 5px;
}

/* --- Footer Layout --- */

div.clearfloats {
    clear:both;
}

div#footer {
	padding:5px;
	background-color:#666;
	color:white;
	border-top:1px solid #333;
	font-size:75%;
	padding:1px;
	text-align:center;
}

/* --- Side Navigation --- */
div#sidenav {
	float:right;
	width:220px;
	color:white;
	margin-top:-5px;
	margin-right:-5px;
}

div#sidenav div.hud {
	background-image:url('images/sidenav_middle.png');
	background-repeat:repeat-y;
	margin-bottom:10px;
	font-size:90%;
}

div#sidenav h4 {
	text-align:center;
	margin:0;
	background-image:url('images/sidenav_top.png');
	background-repeat:no-repeat;
	color:white;
	padding-top:6px;
	font-size:80%;
	padding-bottom:4px;
	padding-left:30px;
}

div#sidenav div.hudcontent {
	font-size:80%;
	margin:15px;
	line-height:1.5em;
	margin-bottom:0px;
}

div#sidenav div.hudbottom {
	width:100%;
	height:12px;
	background-image:url('images/sidenav_bottom.png');
	background-repeat:no-repeat;
	background-color:white;
}

div#sidenav div.hudcontent ul {
    margin-left:10px;
}

div#sidenav div.hudcontent a {
	color:#ACE;
	text-decoration:none;
}

div#sidenav div.hudcontent a:hover {
	color:#DEF;
}

div#sidenav ul {
	padding:4px;
}

span.minimizeblock {
	cursor: pointer;
	height:17px;
	width:17px;
	background-image:url('images/minimize.jpg');
	background-position:bottom;
	display:block;
	float:right;
	margin:4px 8px;
	position:relative;
}

/* --- Login Form --- */
div#sidenav div.hudcontent form#user-login-form div.form-item {
	margin-bottom:10px;
}

div#sidenav div.hudcontent form#user-login-form div.form-item label {
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:72px;
}

div#sidenav div.hudcontent form#user-login-form div.form-item input {
	font-size:85%;
}

div#sidenav div.hudcontent form#user-login-form input.form-submit {
	float:right;
}

/* --- Overwrite system styles --- */
li.collapsed {
    list-style-image:url('images/menu-collapsed.png');
}

li.expanded {
    list-style-image:url('images/menu-expanded.png');
}

li.leaf {
  list-style-image: url('images/menu-leaf.png');
}

/* --- Breadcrumb --- */
div.breadcrumb {
    font-size:80%;
    padding:5px;
    background-color:#eee;
    border-top:1px solid #999;
}

div.breadcrumb a {
    color:#336699;
}

/* --- Page Tabs --- */
div#tabs-wrapper ul.tabs {
	border:0;
	width:626px;
	list-style-type:none;
	font-size:80%;
	margin:0;
	padding:0;
	margin-top:-1px;
}

div#tabs-wrapper ul.tabs li {
	float:right;
}

div#tabs-wrapper ul.tabs li a {
	padding:3px 6px;
	margin-left:5px;
	background:#333 url('images/tab.jpg') no-repeat bottom left;
	color:white;
	border:0;
}

div#tabs-wrapper ul.primary li.active a {
	background-color:#369;
	background-image:url('images/tab_active.jpg');
}

div#tabs-wrapper ul.primary li a:hover {
	background-color:#3e4f79;
	background-image:url('images/tab_hover.jpg');
}

/* --- Status --- */
div.status {
	color:green;
	border:1px solid green;
	background-color:#efffef;
	text-align:center;
	width:580px;
	margin-left:20px;
	padding:4px;
}

/* --- Admin Status --- */
div.admin {
	font-size:85%;
}

div.admin dd {
	padding:5px;
	font-size:75%;
	color:#999;
	width:300px;
}

/* --- Hide Hidden Stuff --- */
html.js fieldset.collapsed {
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	height:1em;
	margin-bottom:0;
	background:transparent none repeat scroll 0% 0%;
	padding-bottom:0.6em;
	padding-top:0;
}

html.js fieldset.collapsed div.fieldset-wrapper {
	display:none;
}

html.js fieldset.collapsible {
	position:relative;
}

/* --- Box --- */
div.box {
	border:1px solid #333;
	width:620px;
	padding-bottom:10px;
	font-size:90%;
}

div.box h2 {
	border:0;
	font-size:120%;
	text-align:center;
	margin:0;
	background-color:#333;
	color:white;
}

div.box .form-item {
	margin-bottom:15px;
	padding-left:10px;
}

img {
	border:0;
}

div#content div#sitecontent h3 {
	margin:0;
	padding:0;
	font-size:150%;
}

div#content div#sitecontent p {
	text-align:justify;
	line-height:1.3em;
	width:320px;
}

div#content div#sitecontent p {

}

div#imageflow #portfolio div img, #sitecontent img {
	float:right;
	padding:0 10px;
}

div#imageflow #portfolio div {
	clear:both;
}

input#edit-submit {
	margin-left:132px;
	margin-top:10px;
}

/* --- Contact Form --- */
form#contact-mail-page div {
	margin:15px 0;
}

form#contact-mail-page div.form-item label {
	width:180px;
	display:block;
	float:left;
	text-align:right;
	margin-right:5px;
}

form#contact-mail-page div.form-item textarea {
	background-color:#fefefe;
	width:428px;
}

form#contact-mail-page div.grippie {
	width:428px;
	margin-left:185px;
}

form#contact-mail-page input#edit-submit {
	float:left;
	clear:left;
	margin-left:530px;
}

/* --- Design Process --- */

div#designprocess {
	width:627px;
	margin-top:30px;
}

div#designprocess div#desc {
	background: #fff url('images/steps.jpg') no-repeat top right;
	margin-bottom:30px;
}

div#designprocess div#desc p {
	margin-right:220px;
	line-height:1.3em;
}

div#designprocess div.step h3 {
	color:#fff;
	border:none;
	background:#333 url('images/design_process_top.jpg') no-repeat;
	padding:17px 8px 11px 20px;
	font-size:1.2em;
	letter-spacing:0.1em;
	margin:0;
	font-weight:normal;
	font-size:110%;
	color:#FC2;
}

div#designprocess div.step {
	background:#fff url('images/design_process_middle.jpg') repeat-y;
}

div#designprocess div.step div.designprocessmiddle {
	padding:0 18px;
	border-top:2px solid #1e3352;
	border-bottom:2px solid #1e3352;
	margin:0 2px;
}

div#designprocess div.step div.designprocessbottom {
	background:#fff url('images/design_process_bottom.jpg') no-repeat;
	width:100%;
	height:89px;
}

div#designprocess div.designprocessexpand {
	width:185px;
	height:49px;
	background:#fff url('images/design_process_expand.jpg') no-repeat;
	float:right;
	cursor:pointer;
}

div.service {
	padding-bottom:25px;
	clear:left;
	width:620px;
}

div.service p, div.service ul {
	margin-left:160px; 
}

div.service h3 {
	background:#333 url('images/services_bg.png') no-repeat;
	color:#eee;
	padding:5px;
}

div.service img {
	float:left;
	margin:0px 15px 0px 15px;
}

div.content table.compare {
	border:1px solid #9199ab;
	margin:20px;
	margin-left:40px;
	font-size:0.9em;
	width:520px;
}

div.content table.compare th {
	background-color:#9199ab;
	color:white;
	text-align:center;
}

div.content table.compare th.yourpart {
	width:40%;
}

div.content table.compare td {
	padding-bottom:5px;
	vertical-align: top;
	border-right:1px solid #9199ab;
}

div.content table.compare tr {
	background-color:#e4e8f0;
}

div.content table.compare tr.alternate {
	background-color:white;
}

div.content table.compare td {
	padding-left:5px;
	padding-top:4px;
}