body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

strong {font-weight:bold;}

.clearfloat {clear:both; line-height:0;height:0;}

/* Font sizing */

html {font:16px/1.2 arial,helvetica,sans-serif;}
body {
	border:none;
	background: #fff url(/assets/templates/zanami/img/sky_pic.png) left top no-repeat;	
	color: #333;font:85%/1.45 arial,helvetica,sans-serif;
}

/* Set the templates to a sensible font-size */
#doc,#doc2,#doc3{font-size:1em;}
table{font-size:inherit; font-size:100%;}

/* 99% for safari; 100% is too large */
select, input, textarea{font:99% arial,helvetica,sans-serif;}

pre, code {font:1.2em monospace;}

p {
margin:0.75em 0;
font-size:1em;
}
h1,h2,h3,h4 {
	font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight:bold; clear:both;
}
/* Headings */
h1 {/* 18px */
margin:1em 0 0.5em;
font-size:170%;
line-height:1;
font-weight:normal;

}

h2 {/* 16px */
margin:1em 0 0.5em;
font-size:140%;
line-height:1;
}

h3 {/* 13px */
margin:1em 0 0.5em;
font-size:130%;
line-height:1;
}

h3.section {
margin:1.5em 0 0.75em 0; line-height:2; border-bottom: 1px solid #efefef;
}

h4 {/* 13px */
margin:1em 0 0.5em;
font-size:110%;
line-height:1;
}


/*
#12px equivalent{
margin:1.625em 0;
font-size:0.9231em;
line-height:1.625;
}
*/

a:link {
	color:#0066ff;
}
a:visited {
	color:#996699;
}
a.external {
	background: url(/assets/templates/zanami/img/ext.png) no-repeat 100% 0;
	padding: 0 13px 0 0;
}
hr {
	display:none;
}

#doc,#doc2,#doc3 {
	margin:auto;text-align:left;min-width:750px;
}
#doc3 {
	margin:auto 0;width:auto;
}
#doc3 {
background:transparent;
position:relative;
z-index:100;
max-width:1200px;
}

#mainpic {
position:absolute; left:0; top:0;
width:33%;height:450px;
min-width:250px;max-width:400px;
z-index:0;
}

#mainpic.p1 {
background: url(/assets/templates/zanami/img/frontpage_pic.png) top right no-repeat;	
}
#mainpic.p2 {
background: url(/assets/templates/zanami/img/clients_pic.png) top right no-repeat;	
}
#mainpic.p5 {
background: url(/assets/templates/zanami/img/back.jpg) top right no-repeat;	
}
#mainpic.p77 {
background: url(/assets/templates/zanami/img/contacts_pic.png) top right no-repeat;	
}


/* header styles */
#header {
	clear:left;
	position:absolute; width:250px;height:60px;
	overflow:hidden;
	z-index:500;
	background:url(/assets/templates/zanami/img/logo.png) left top no-repeat;
}
#header p,
#header h1,
#header h2 {
	clear:left;
	float:left;
	width:250px;
	margin:0;
}

dl.zanami {
	width:250px;
	margin:.7em 0 1.4em 4.4em;
	font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:120%;
}
dl.zanami dt {
	display:block;float:left;
	margin-right:10px;
	border-bottom:3px solid #5a676f;
}
dl.zanami dt a {
	display:block;
	padding:.2em .5em;
	text-decoration:none;
	font-weight:bold;
	color:#5a676f;
}
dl.zanami dt.active {
	font-weight:bold;
	padding:.2em .5em;
	color:#cd171f;
	border-bottom:3px solid #cd171f;
	}

dl.zanami dt.active a{
	color:#cd171f;
	}

dl.zanami dt a:hover{
	color:#cd171f;
	}

dl.zanami dt a:active{
	background-color:#cd171f;color:white; border:none;
	}
dl.zanami dd {
	display:none;
	}




ul.bomber {
	width:450px;
	margin:.7em 0 1.4em;
	font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:120%;
}
ul.bomber li {
	display:block;float:left;
	margin-right:10px;
	border-bottom:3px solid white;
}
ul.bomber li a {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
	padding:.2em .5em;
	color:#80b0cc;
}
ul.bomber li.active {
	font-weight:bold;
	color:red;
	background:white;
	border-bottom:3px solid red;
	padding:.2em .5em;
	}

ul.bomber li.active a{
	color:red;padding:0;
	}

ul.bomber li a:hover{
	color:red;
	}

ul.bomber li a:active{
	background-color:red;color:white;
	}


/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
/*	padding:.5em 0 1em 0;*/
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
}

.leftmenu .colleft {
	right:66%;				/* right column width */
}
.leftmenu .col1 {
	width:62%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:30%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
	padding-top:250px;
	text-align:left;
}
.col2 .col2in {
	margin:0 0;border:0px solid red;
	text-align:left;

}
/* Footer styles */
#footer {
	clear:both;
	padding:1em 2%;
	border-top:1px solid #ccc;
}
#footer p, #footer a {
	color:#666;
}

/* portfolio  */
div#intro {padding:10px 0;background: #eeeee3;margin:1em 0;}
#intro ul {
	border-right:1px dotted #000;
	width:160px;
	float:left;
	text-align:left;
	margin:0 10px;
}
#intro ul li.active {
	font-weight:bold;
}
#intro p {
margin:0 4px 0 190px;
}
ul.seealso, ul.related {margin-bottom:1em;}

#intro ul li, .related li, .seealso li, .es li, .ee li {
padding-left: 17px;
list-style-type:none;
}
#intro ul li, .related li {
	background:url(/assets/templates/zanami/img/bullet1.png) left 0.25em no-repeat;
}
.seealso li {
	background:url(/assets/templates/zanami/img/bullet2.png) left 0.25em no-repeat;
}

.portfolio-list {
clear:left;
margin-bottom:1em;
}
.portfolio-list h3, .portfolio-list h4 {
margin:0.1em;
}
.portfolio-list .pic, .portfolio-list .desc {
float:left;
min-width:300px;
}
.portfolio-list .desc {
width:50%;
}
.pTagline {font-size:85%;}
.pTagline, .pTagline a {color:#888;}
.pScreen {border: 6px solid #efefef;}

.client-list .pic {
width:75px; float:left;overflow:hidden;
}
.client-list .pic img {
border-right:1px solid #f0f0f0;
}
.client-list .desc {
width:80%; float:left;margin-left:5px;
}
.client-list .desc h3 {
margin-top:0.5em;
}

blockquote {
padding-left:45px;
width:75%;
padding-bottom:15px;
padding-top:15px;
}
.nav {
padding-left:10px;
}

.es, .ee {
margin:0.75em 0;
}

.es li {
background:url(/assets/templates/zanami/img/bullet3.png) left 0.25em no-repeat;
}
.ee li {
background:url(/assets/templates/zanami/img/bullet1.png) left 0.25em no-repeat;
}

.errors {color: #c00;}
.required, .invalid {background-color: #ffc;}