﻿/* Condor Office Supplies - General Styling - 2008 - Designed by Catalyst Design & Marketing Limited */

*, html {padding:0;
margin:0;}

html, body {width: 100%;
height: 100%;
font-family: helvetica, arial, 'lucida sans', sans-serif;
font-size: 1em;}

*html #wrapper
{height: 100%;
}

#wrapper {width: 100%;
min-height:100%;
margin: 0;
padding: 0;
background: url(images/fon.png) repeat 0 0;
text-align: left;
font-size: 88%;}

body {color: #1a052d;
/*background-color: #fff;*/
 }

#navcol {float:left;
width: 260px;
height:1000px;
color: #ffffff;
margin:0;
padding:0;
z-index:5;
font-size: .89em;}

#header {
height: 100px;
background: url(images/header.jpg) no-repeat 0 0;
margin:0 0 0 240px;
padding:0;
text-align:right;}

/*#spacer {float:left;
width: 200px;
background-color: #000000;
color: #ffffff;
margin:0;
padding:0;}*/

#main {color: #1a052d;
margin:0 0 0 160px;
padding:0 0 75px 0;}

#footer {
	clear: both;
	position: relative;
	margin:0;
	margin-top: -75px;
	height: 75px;
	width: 100%;
	text-align: left;
	padding: 0;
	background: #9966CC url(images/footer.gif) repeat-x top right;}
	
	
#canonfoot {
	position: relative;
	margin:0;
	margin-top: -50px;
	text-align: right;
	padding: 0;
	background: #9966CC url(images/footer.gif) repeat-x 0 0;}
	
/* Common elements */

p {margin:0 0 10px 0;
text-indent:0px;
padding:0;
text-align:left;
font-size: 13px;
line-height: 15px;}

h1 {font-size:24px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .98em;}

h2 {font-size:21px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .8em;}

h3 {font-size:20px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .6em;}

h4 {
font-size:17px;
height:30px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .45em;}

h5 {font-size:15px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .27em;}

h6 {font-size:13px;
color:#911e42;
padding:0;
margin:0;
margin-bottom: .2em;}

a:link, a:visited {text-decoration:underline;
color:#911e42;
font-weight:bold;}

a:hover, a:active {color:#4A3C5B;
text-decoration:none;}
/*
ul, li, ol {margin: 0;
padding:0;}
*/


/* Styling Navigation - Footer */
	
#footer p {line-height: 13px;padding: 10px 200px 0 10px;
margin:0;
font-size:10px;
color:#1a052d;
text-align:justify;}

#footer a {text-decoration:none;
font-weight:bold;
color:#1a052d;}

#footer a:hover {color: #9966cc;}

#navcol h4 {
width:190px;
font-size: 18px;
line-height: 30px;
color:#1a052d;
text-align:center;
background: url(images/nav-bar.gif) no-repeat left top;
text-transform:uppercase;
margin: 0;
padding: 0 0 0 8px;}
/* Закрываем эту ебаную старую выдвигающуюся менюху */

/* begin navcol drop down styling. Based on nickrigby.com's dropdown menu (thanks nick.) */
/*
#navcol ul {
list-style-type:none;
padding:0;
margin:0;}

#navcol li {position:relative;
padding: 0;
display: block;
width: 150px;
height: 30px;
margin:0}

ul#navcol,
ul#navcol ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	/*background-color:#9966CC; /* IE6 Bug */
	/*}
	
ul#navcol li {
	list-style-type: none;
	height: 30px;
	background-color: #9966cc;
	padding:0;
	margin:0;
	}*/
	
/* Hides from IE5-mac \*/
/*
#navcol li {height: 30px;
padding:0;
	margin:0;
}*/
/* End hide from IE5-mac */
/*
ul#navcol li a {padding: 0 0 0 8px;
	display: block;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration:none;
	background: url(images/navbkdrop-up.gif) no-repeat right top;
	height:30px;}
*/

/* Fix IE. Hide from IE Mac \*/
 /*
* html ul#navcol li { float: left; height: 1%; }
* html ul#navcol li a { height: 1%; }*/
/* End */
/*
ul#navcol ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	/*top: 1px;
	}

ul#navcol li ul li a {height: 30px;
padding: 0 0 0 8px; } /* Sub Menu Styles */
/*
ul#navcol li:hover ul ul,
ul#navcol li:hover ul ul ul,
ul#navcol li.over ul ul,
ul#navcol li.over ul ul ul { display: none; } /* Hide sub-menus initially */
/*
ul#navcol li:hover ul,
ul#navcol li li:hover ul,
ul#navcol li li li:hover ul,
ul#navcol li.over ul,
ul#navcol li li.over ul,
ul#navcol li li li.over ul { display: block; } /* The magic */
/*
ul#navcol li.menuparent {height: 30px;
	background: #9966CC url(images/parent-nav.gif) no-repeat right top;}
	
/* Hides from IE5-mac \*/
/*
ul#navcol li.menuparent {height: 30px;
background: #9966cc url(images/parent-nav.gif) no-repeat right top;
}
/* End hide from IE5-mac */
/*
ul#navcol li.menuparent a {height: 30px;
background: #9966cc url(images/parent-nav.gif) no-repeat right top;
}

ul#navcol li.menuparent:hover,
ul#navcol li.over {height: 30px;
background: #9966cc url(images/parent-nav.gif) no-repeat right top;}

ul#navcol li a:hover, ul#navcol li.menuparent a:hover {height: 30px;
color: #1a052d;
background: #9966cc url(images/navbkdrop-over.gif) no-repeat right top; }

ul#navcol li#lastnav a:link, ul#navcol li#lastnav a:visited {height: 30px; width: 160px;
color: #fff;
background: #9966cc url(images/lastnav-up.gif) no-repeat right top;}

ul#navcol li#lastnav a:hover, ul#navcol li#lastnav a:active {height: 30px;
color: #1a052d;
background: #9966cc url(images/lastnav-over.gif) no-repeat right top;}

ul#navcol li.menuparent #lastnav a {height: 30px;
background: #9966cc url(images/parent-nav-last.gif) no-repeat right top;
}

ul#navcol li.menuparent #lastnav a:hover {height: 30px;
background: #9966cc url(images/lastnav-over.gif) no-repeat right top;
}
*/



a.lastactive {color: #1a052d !important;
background: #9966cc url(images/lastnav-active.gif) no-repeat right top !important;}

/* end of leftnav drop down styling. Based on nickrigby.com's dropdown menu (thanks nick.) */

/* General Styling */

h2.title  {font-size:18px;
height: 31px;
line-height: 30px;
color:#1a052d;
text-align:left;
background: #000000 url(images/title-bkdrop.gif) repeat-x 0 0;
text-transform:uppercase;
margin: 0 0 10px 0;
padding: 0 0 0 8px;}

img, img a {border: none;
padding:0;
margin:0;}

.wo {color:#FFFFFF;}

.tight {margin-bottom: 2px;}

.corporate {color: #9966CC;}

.neutral {color: #1a052d;}

.dropper {margin-bottom: 20px;}

.floatright {float:right;
padding: 0;
margin: 0 0 10px 10px;
}

.floatleft {float:left;
padding: 0;
margin: 0 10px 10px 0;}

.textarea {padding: 30px 30px 30px 30px;
text-align:justify;
margin:11px 10px 10px 90px;
background: #f5f5f5 url(images/aheader.jpg) repeat-x;
}
.textarea1{padding: 30px 30px 30px 30px;
text-align:justify;
margin:11px 10px 10px 90px;
background: #f5f5f5 url(images/aheadersir.jpg) repeat-x;
}

.textarea2{padding: 30px 30px 30px 30px;
text-align:justify;
margin:11px 10px 10px 90px;
background: #ffffff url(images/aheadertip.jpg) repeat-x;
}
.textareapos{padding: 30px 30px 30px 30px;
text-align:justify;
margin:11px 10px 10px 90px;
background: #f5f5f5 url(images/aheaderpos.jpg) repeat-x;

}


.lastparagraph {margin-bottom: 0;}

hr {color: #333333;
padding:0;
margin: 1.25em 0 1.25em 0;}

div#testimonial {width: auto;
height: 450px;
margin: 1em 2.5em 2em 2.5em;
padding: 1em 1em 2.5em 1em;
text-align:left;
background-color:#CCCCFF;
overflow: auto;}



table. {margin: 2em 0 3em 0;
vertical-align:middle;}

td.canonbutton  {text-align:center;
width:200px;
padding: 10px;
vertical-align:top;}

td.canonbuttonb {text-align:center;
width:200px;
padding: 10px;
border: 1px solid #9966CC;}

div#rogues {width: auto;
height: 500px;
margin: 0 2.5em 2em 2.5em;
text-align:left;
overflow: auto;}

table#rogues {width: 100%;
text-align: center;
border:none;
padding:0;
border-collapse: collapse;
vertical-align: middle;
margin: 0 0 3em 0;}

#rogues td {padding:5px;
text-align:center;
vertical-align:top;}

.photos {width:auto;
height: 200px;}

.titles {height: 20px;
line-height:20px;}

div#contactform {width: 450px;
margin: 1em 0 1em 0;
padding: 1em;
text-align:left;
background-color:#CCCCFF;}

#contactform td {text-align:left;
vertical-align:middle;}

div#faq {width:500px;
margin: 1em 0 1em 0;
padding: 0;
text-align:left;
border:1px solid #000;}

table#faq {width:100%;
text-align:left;
margin:0;
padding:0;
border-collapse:collapse;}

#faq td {text-align:left;
padding:5px;
vertical-align:top;
background-color: #CCCCFF;
color:#000;}

.offerpopup {background:url(images/offers-spot.jpg) no-repeat 0 0;}

a.offerpopup:link, a.offerpopup:visited {display:block;
width: 200px;
height: 200px;
background:url(images/offers-spot.jpg) no-repeat 0 0;
color: #FFFFFF;
text-align:center;}

a.offerpopup:hover, a.offerpopup:active {display:block;
width: 200px;
height: 200px;
background:url(images/offers-spot_over.jpg) no-repeat 0 0;
color: #FFFFFF;
text-align:center;}

span.offerpopup  {display:none;}

.fbutton a:link, .fbutton a:visited {display:block;
width: 90px;
height: 90px;
background:url(images/button-up.gif) no-repeat 0 0;
color: #FFFFFF;
text-align:center;
margin: 0 auto 0 auto;}

.fbutton a:hover, .fbutton a:active {display:block;
width: 90px;
height: 90px;
background:url(images/button-over.gif) no-repeat 0 0;
color: #FFFFFF;
text-align:center;
margin: 0 auto 0 auto;}

span.hider  {display:none;}

ul.values {list-style-type:square;
margin:0;
padding:0;
margin-left: 2em;
margin-bottom:50px;
line-height: 20px;
text-align: left;
color: #9966FF}

ul.newsbullets {list-style-type:square;
margin:0 0 20px 0;
padding:0;
margin-left: 2em;
text-align: left;
font-size:1em;
font-size: 13px;}

.newsarticle {width:auto;
border: 1px solid #333333;
padding: 5px;
margin: 10px 80px 20px 0;
text-align:left;}

table.newimage {width:100%;}

.newimage td {vertical-align: top;}

table#introassets {width:auto;}

table#brochures {width:550px;
border-collapse:collapse;margin: 0 0 20px 0;
padding:0;
border: 1px solid #911e42;}

#brochures td {vertical-align: top;
padding: 5px;
text-align:left;
font-size:12px;
font-family:"Arial", Times, Sans-serif;
font-weight:normal;}

#brochures tr {border: 1px solid #911e42;
border: 1px 0 1px 0;}

td.bd {width: 205px;}

td.dio {width: 70px;}

.ralign {text-align: right;}


.tpara {min-width: 250px;
max-width: 500px;
height: auto;
margin:0;
padding:0;}

p.tpara {text-align:justify;
margin-bottom: 1em;}


.tpara1{min-width: 400px;
max-width: 450px;
height: auto;
margin:0;
padding:0;}

p.tpara1 {text-align:justify;
margin-bottom: 1em;}

table.invis {float:right;
text-align:right;
margin: 0;
padding: 0;
border-collapse:collapse;
border:none;}

.invis td {text-align:center;
margin:0;
padding: 0;
border:none;}

table.newstaff {margin: 0 auto;
text-align:center;
border-collapse:collapse;
border:none;}

.newstaff td {padding:0 5px 10px 0;
text-align:center;
vertical-align:middle;
border:none;
margin: 0;
font-size: .9em;}

/****** контент ***********/
table.newContent{
border-collapse:collapse;
}

.newContent td{
text-align:justify;
margin-bottom: 1em;
border:1px solid black;
width:70%;

}
p.center{
text-decoration:underline;
font-weight:bold;
font-style:italic; 
margin: 10px 0;
 }

