/* --- main layout --- 
	CSS 'CRANIALOGIC.COM' MOBILE 2010
	Copyright (C) 2010 by Cranialogic Corporation.
	All Rights Reserved.
*/
	* { margin: 0; padding: 0; }
	
	body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#3d4a4f;
	background:#213b5e;
	padding:0;
	margin: 0;
	language:en;
}
	.errorTitle {font-size: 1.5em; color: #AA0000;}
	a {color:#3b7db3;}
	a img,:link img,:visited img,fieldset {
	border: none;
}
	img {vertical-align:top;}
	.clear {clear:both}
	.container {width:100%; overflow:hidden;}
	h2 {border-bottom:2px solid #c9cfd8; padding-bottom:6px; margin-bottom:6px; font-size:1em; line-height:1em;}
	h3 {border-bottom:2px padding-bottom:6px; margin-bottom:3px; font-size:1em; line-height:1em;}
	p {padding-top:10px; padding-bottom: 10px;}
	em {color:#3b7db3; font-size:1.072em; line-height:1.5em; padding-left: 40px;}
	blockquote {color:#F07100;font-size:1.2em; font-style:italic; padding-left:40px}

/* --- END main layout --- */

/* --- header --- */

	#header {background:#ffffff url(images/header-tail.gif) 0 0 repeat-x;}
	.header-bg {background:url(images/header-bg.jpg) right top no-repeat; padding:0 20px 0 18px;}
	
	#logo {padding-top:5px; height:125px;}
	#logo img {margin-top:25px;}
	
	.home-tab {background:#c9cfd8; display:block; width:78px; text-decoration:none; color:#000000; text-align:center; padding:4px 0 8px 0; font-size:0.937em; min-height:19px;}
	
	#slogan {height:65px;}
	
	#breadcrumb {padding:9px 0 7px 20px; color:#c7d5e2; font-size:0.875em; background:#3571a9;}
	#breadcrumb a {color:#fff; text-decoration:none; background:url(images/marker.gif) no-repeat right 7px; padding-right:15px; font-size:1.214em; line-height:1.412em;}
	#breadcrumb .date {font-size:0.643em; text-transform:uppercase; text-align:right; padding:0 20px 2px 0;}

/* --- END header --- */

/* --- content --- */
	
	#content {	font-size:0.875em;	line-height:normal; background:#f5f4f4;
}
	#content li {list-style:none; background:url(images/marker2.gif) no-repeat 0 6px; padding-left:17px; margin-bottom:6px; color:#3b7db3; clear:both;}
	#content li a {text-decoration:none;}
	#content .list2 li {background:none; padding-left:0;}
	#content .list2 li a {text-decoration:underline;}
	
	.min-width {padding: 32px 20px 30px 19px; min-width:200px;}
	
	#navmenu li {font-size:1.286em; line-height:1em; margin-bottom:18px; color:#3d4a4f; background:none; padding:0;}
	#navmenu div {padding-top:8px;}
		
	.color1 {color: #F07100} /* Orange */
	.color2 {color: #3B7DB3}
	.color3 {color: #3D4A4F}
	.color4 {color: #436390}
	
/* --- END content --- */

/* --- footer --- */
	
	#footer {height:87px; padding-left:20px; background: url(images/footer-tail.gif) 0 0 repeat-x; color:#fff;}
	#footer p { padding:0 0 5px 0; font-size:0.85em;}
	#footer a {color:#fff;}
	#footer .home-tab {padding:8px 0 9px 0; font-size:0.937em; min-height:18px; color:#000;}

/* --- END footer --- */

/* --- Other --- */
	
	.f-left {float:left;}
	.f-right {float:right;}
	.taright {text-align:right;}
	.hr {border-bottom:2px solid #c9cfd8;}
	.link, button { display:block; background:#eaeaea url(images/link-bg.gif) repeat-x left top; border:1px solid #bfbfbf; font-size:12px; color:#c75e00; text-decoration:none; float:left; margin-top:16px; padding:2px 10px 1px 10px;}
	
	.margin1 {margin-top:20px;}
	.margin2 {margin-top:35px;}
	.text2 { color:#3b7db3; padding-top: 15px; padding-bottom:: 5px}
	.nowrp {white-space:nowrap;}
	#contact {padding-top:15px;}
	
	.name {display:inline-block; width:62px; vertical-align:top;}
	#ContactForm input {width:201px; height:17px; border:1px solid #bfbfbf; background:#fff; padding:0 0 0 5px; font-size:1em; margin-bottom:5px;}
	#ContactForm textarea {width:201px; height:157px; border:1px solid #bfbfbf; background:#fff; padding:0 0 0 5px; font-size:1em;}
	#ContactForm button {float:right; margin-left:8px;}
	
/* --- END Other --- */

/* --- boxes --- */

	.box {background:url(images/box-tail.gif) bottom repeat-x;}
	.box .tail-top {background:url(images/box-tail.gif) top repeat-x;}
	.box .tail-right {background:url(images/box-tail.gif) right repeat-y;}
	.box .tail-left {background:url(images/box-tail.gif) left repeat-y;}
	/*
	.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
	.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
	.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
	.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
	*/
	.box .indent { padding:20px 27px 26px 16px;}
	
	.productShot { padding:10px 10px 10px 10px;}
	.productDesc { padding:10px 10px 10px 10px;}

/* --- END boxes --- */