/*
cartametrix stylesheet created: 2008.07.06
version:  2008.07.06
author: Jasha Levenson
----------------------------------------------- */

/* =Page
----------------------------------------------- */
body {
	border-top:4px solid #c3cba0;
	color:#797d62;
	font-family:"Trebuchet MS", Verdana, Helvetica, Arial sans-serif;
	margin:0;
	padding:0;
	font-size:90%;
	text-align:center;
	}
	body.home {
	background: 50% 90px no-repeat;
	}

body.demo {
background:#000000;
}

div#page {
	margin:0 auto;
	text-align:left;
	width:780px;
}


/* =Layout Divs
----------------------------------------------- */

div.box {
	background:url(/img/box_bg.gif) left top no-repeat;
	margin:14px 0 0 0;
	padding:4px 30px 10px 10px;
}
div.box_btm {
	background:url(/img/box_btm_bg.gif) left top no-repeat;
	height:6px;
	margin:0;
	padding:0;
	width:360px;
}

div.column {
	float:left;
	width:380px;
}

div.column_wide {
	float:left;
	width:600px;
}
div.column_thin {
	float:right;
	width:150px;
}

div.wrapper {
	margin-left: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 20px;
}

div#header {
	background:#211d1a url(/img/bg_header.jpg) top center repeat-x;
	margin:0 0 0px 0;
	overflow:hidden;
	padding:0px;
	text-align:right;
	width:100%;
}

div#navbar {
	margin:0 auto;
	text-align:right;
	width:780px;
}

input.name { width:300px; }
input.email { width:300px; }
textarea.message { height:200px; width: 500px; }


/* =Typography
----------------------------------------------- */

b {
	color:#333;
	font-weight:bold;
}

h1#logo {
	background:url(/img/carta_logo.png) left top no-repeat;
	margin:30px auto 0 auto;
	padding:0;
	text-align:left;
	text-indent:-9999px;
	width:780px;
}

body.home h2 {
	color:#5e5f4f;
	font-size:2em;
	line-height:2.2em;
	margin:20px 0 0 360px;
}

body.home h3 {
	margin-left: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 0px;
	color: #42494b;
	font-size:1.2em;
	line-height: 1.4em;
}

p {
	font-size:1em;
	line-height:1.8em;
}

.box p {
	font-size:1em;
	line-height:1.2em;
}

p.demo_btn {
	margin:0;
	padding:0;
	text-align:right;
}
body.home p.see_products_btn {
	margin: 20px 0 40px 360px;
}

.box ul {
	margin:0 0 0 1.5em;
	padding:0;
}

.about ul {
	margin:0 0 0 1.5em;
	padding:0;
}




ul li {
	margin-bottom:5px;
}

ul#tabs {
	list-style:none;
	margin:0 0 0 auto;
	text-align:center;
	width: 50em;
	}

ul#tabs li {
	background:url(/img/tab_off_l.gif) left top no-repeat;
	display:inline;
	float:right;
	margin:0 3px 0 0;
	}
	
div.blog {
	margin: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.blog p{

	margin-left: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

	margin-top: 5px;

	line-height: 17px;

	padding: 0px;

	color: #191919;
}

div.blog a{

	font-weight: bold;

	color: #1d67c2;
}
	

/* =Images
----------------------------------------------- */

a img {
	border:none;
}

.demo_btn {
	text-align:right;
}


/* =Links
----------------------------------------------- */

a:link {
	color:#ef8200;
	text-decoration:none;
	}
a:visited { 
	color:#ef8200; 
	text-decoration:none;
	}
a:hover { 
	color:#ffc82e;
	text-decoration:none;
	}
a:active { 
	color:#ef8200; 
	text-decoration:none;
	}


ul#tabs li a {
	background:url(/img/tab_off_r.gif) right top no-repeat;
	display:block;
	padding:10px 0;
	text-decoration:none;
	text-shadow:#000 0 0 3px;
	text-transform:uppercase;
	width:6.2em;
}

ul#tabs li a:link { color:#ccc; }
ul#tabs li a:visited { color:#ccc; }
ul#tabs li a:hover { color:#fff; }
ul#tabs li a:active { color:#fff; }

/* =You Are Here
----------------------------------------------- */

body.home ul#tabs li.home {
	background:url(/img/tab_on_l.gif) left top no-repeat;
}

 body.home ul#tabs li.blog {
	background:url(/img/tab_off_blog_l.png) left top no-repeat;
}




body.home ul#tabs li.home a {
	background:url(/img/tab_on_r.gif) right top no-repeat;
	color:#333;
	text-shadow:none;
}

 body.home ul#tabs li.blog a {
	background:url(/img/tab_off_blog_r.gif) right top no-repeat;
	color:#FFFFFF;
	text-shadow:none;
}








body.about ul#tabs li.about,
body.products ul#tabs li.products,
body.blog ul#tabs li.blog,
body.demos ul#tabs li.demos,
body.contact ul#tabs li.contact {
	background:url(/img/tab_on_l.gif) left top no-repeat;
}


body.about ul#tabs li.about a,
body.blog ul#tabs li.blog a,
body.demos ul#tabs li.demos a,
body.products ul#tabs li.products a,
body.contact ul#tabs li.contact a {
	background:url(/img/tab_on_r.gif) right top no-repeat;
	color:#797d62;
	text-shadow:none;
}

/* =Globals
----------------------------------------------- */

.floatl { float:left; margin-right:20px; }
.floatr { float:right; margin-left:20px; }
	

/* =Hacks
----------------------------------------------- */

.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
}

a.blog_comment {
	position: relative;
	font-style: italic;
	font-size: 9pt;
}

div.column_thin table {

border-width: 1px;

background-color: white;

border-style: solid;

border-color: #cccccc;

border-collapse: collapse;


}

div.column_thin td {

padding: 3px;

border-left-width: 2px;

border-left-color: #cccccc;

border-bottom-color: #cccccc;

border-right-color: #666666;

border-top-color: #e6e6e6;

border-left-style: solid;

border-bottom-style: solid;

border-right-style: solid;

border-top-style: dotted;

border-bottom-width: 2px;

background-color: white;


}

div.column_thin td.head {
	background-color: #e6e6e6;
}

div.demos h4 {
	padding-top: 5px;
	margin: 0px;
	color: #1d67c2;
	font-size: 11pt;
}

div.demos p {
	margin: 0px;
	padding: 5px;
	line-height: 12pt;
	color: #666666;
	font-size: 10pt;
}

table.demos td {
vertical-align: top;
width: 250px;
}

div.column_blog_right {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 210px;
	background-color: #cadfe7;
}


div.column_blog_left {
	width: 570px;
	float: left;
}

p.feature {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	font-size: 10pt;
}

h3.feature {
	padding: 0px;
	margin: 0px;
	color: navy;
}

img.home {
	padding: 0px;
	margin-top: 10px;
}

div.feature {
	height: 264px;
	width: 550px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	margin: 0px;
	background-image: url(/img/bg_feature_box.png);
}

div.feature h3 {
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	color: #333333;
}

div.feature p {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 15px;
	margin-top: 0px;
	line-height: 15pt;
	font-size: 10pt;
	padding: 0px;
	color: #3b3c3c;
}

div.feature a {
	text-decoration: underline;
	font-weight: bold;
}

div#footer_links {
font-size: 9pt;
}