@charset "utf-8";
/* CSS Document */
a:active
{
  outline: none;
}

html, body {
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	background-color:#ede7d1;
	padding:0;
	margin:0;
}

/* Headers */

h1 {
	font-size:12px;
	font-weight:bold;
	margin: 5px 0 10px 0;
	color: #7A1A00;
	padding:0;
}

h1.small {
	font-size:18px;
}

h2 {
	color:#ebe5cd;
	font-size: 14px;
	margin: 4px 0 8px 0;
	padding:0;
}

h2.small {
	font-size: 16px;
}

h3 {
	color:#9F2E20;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	margin: 4px 0 2px 0;
	padding:0;
}

h3.small {

	font-size: 12px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 2px 0 4px 0;
	padding:0;
}

h4.small {
	font-size: 10px;
}


ul {
	font-size:10px;
}

ol li {
	font-size:13px;
	margin:10px 0 0px 0;
	padding:0;
	color: #333;
}

* html ol li {
	margin:10px 0 10px 0;
}

/* Paragraph */
p {
	color: #333;
	font-size:11px;
}

p.small {
	font-size:10px;
}	

#p_hom p {
	color:#FFFFFF;
}

#p_hom p a {
	color:#FFFFFF;
	text-decoration:none;
}

.border {
	padding:10px 10px 0 2px;
	/*border:1px #9f2f21 solid;*/
	border:1px #FFFFFF solid;
	margin-bottom:20px;
}

#p_hom .quote {
	text-align:right;
	margin-bottom:20px;
	padding:5px;
	color:#9f2f21;
}

#p_hom .quote p{
	font-size:14px;
	font-style:italic;
	color:#9f2f21;
}
.quote_name p{
	font-size:11px;
	font-style:normal;
}

a:visited, a:active {
	color:#62006E;
}

a:link, a:visited, a:active {
	color:#00A0C6;
	text-decoration:none;
}

a:link, a:visited {
	color:#9F2E20;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
}

/* Display Blocks */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 790px;
	background-color:#FFF;
	padding:0;
}

#header {
	background-color:#000;
	padding-top:10px;
}

.red_band{
	height:7px;
	background-color:#9f2f21;
}

#p_hom #wrap {
	background-color:#000;
}

#p_hom #header {
	height:220px;
}

/* Top Menu Bar */
#p_hom #navigation {
	margin-left:150px;
}

#navigation {
	margin-left:10px;
	float: left;
}

#nav_bar {
	height:150px;
	width:460px;
}

#nav_bar ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#nav_bar ul li{
	float:left;
	margin:0 0 0 10px;
	padding:0;
	text-align:center;
}

#nav_bar ul li a{
	display:block;
	width:64px;
	height:64px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	border:1px #FFF solid;
}

#nav_bar ul li a:link, 
#nav_bar ul li a:visited{
	color:#999;
}

#nav_bar ul li a:hover, 
#nav_bar ul li a:active{
	color:#FFF;
	background-position:0 -64px;
}

li.home a{ 
	background:transparent url(../images/nav/home.jpg) no-repeat  0 0;
}
li.about_us a{ 
	background:transparent url(../images/nav/about_us.jpg) no-repeat  0 0;
}
li.team a{ 
	background:transparent url(../images/nav/team.jpg) no-repeat  0 0;
}
li.approach a{ 
	background:transparent url(../images/nav/approach.jpg) no-repeat  0 0;
}
li.projects a{ 
	background:transparent url(../images/nav/projects.jpg) no-repeat  0 0;
}
li.contact a{ 
	background:transparent url(../images/nav/contact.jpg) no-repeat  0 0;
}

.above,
.below {
	color:#CCCCCC;
	height:30px;
}

.below {
	margin-top:4px;
}

#nav {
	list-style-image:none;
	list-style-type:none;
	padding:20px 0 0 0;
	margin:0;
}

#nav li a#on {
	background-color:#7A1A00;
	background-image:none;
	color:#FFFFFF;
	font-weight:normal;
}

#nav li a:link, #nav li a:visited {
	background-color:#F4EDEB;
	color:#7A1A00;
}

#nav li a:hover, #nav li a:active {
	background-color:#E4D1CC;
	color:#7A1A00;
}

#nav li a {
	color:#072B61;
	display:block;
	font-weight:normal;
	padding:4px 0 4px 25px;
	text-decoration:none;
	width:184px;
}

/* Sub nav 
#nav ul { list-style: none; margin: 0; padding: 0; width: 209px; overflow: hidden; }
#nav ul li a { padding-left: 40px; }
#nav ul li a#on { background-color:#E4D1CC; color:#7A1A00; }
*/

/* Content */

#content{
	background-color:#FFFFFF;
		min-height:500px;
}

#p_tea #content{
	background:transparent url(../images/tea_bkg.gif) repeat-y  0 0;
}

#p_hom #content{
	background-color:#000;
}

#p_hom #login {
	padding:10px;
	float:none;
}

#p_hom #login a{
	font-size:10px;
	color: #FFF;
}

#p_hom .client_login{
	float:left;
	width:200px;
	padding:0;
	margin:0;
	background:transparent url(../images/arrow.jpg) no-repeat  140px 5px;
}

#p_hom .client_registration {
	float:left;
	width:200px;
	padding:0;
	margin:0;
	background:transparent url(../images/arrow.jpg) no-repeat  180px 5px;
}

#p_hom #content {
	width:450px;
	margin-left:160px;
	text-align:center;	
}

#p_hom #logo_content{
	height:80px;
	text-align:center;
	margin:0;
	float:none;
}

#p_tea .right_column img {
	width: 90px;
	margin: 34px 0 0 50px;
	padding: 0;
	display: inline;
	float: left;
	clear: left;
}

#p_tea .right_column img.first {
	width: 90px;
	margin: 0 0 0 50px;
	padding: 0;
	display: inline;
	float: left;
	clear: left;
}

#p_tea .right_column .tea {
	width: 330px;
	margin: 0 0 0 30px;
	padding: 30px 0 0 0;
	float: left;
	display: inline;
	text-align: left;
}

#p_tea .right_column .tea_first {
	width: 330px;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	float: left;
	display: inline;
	text-align: left;
}

#p_tea .right_column .no_image{
	margin: 0 0 0 170px;
}



#p_tea .right_column h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #7A1A00;
	font-size: 12px;
	margin: 0;
	display: inline;
	line-height: 1.3em;
}

#p_tea .right_column h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 170px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #7A1A00;
}

#p_tea .right_column .tea_first h1 {
	padding:0;
}

#p_tea .right_column h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	display: inline;
	line-height: 1.3em;
	margin: 0 0 0 10px;
}

#menu_login {
	height:100px;
	float:left;
	width:100px;
	margin-left:10px;
	padding-top:30px;
}

#menu_login p a:link,
#menu_login p a:visited
{
	font-size:9px;
	color:#FFF;
}

#menu_login p a:hover,
#menu_login p a:active
{
	color:#9f2e20;
}


.menu_login{
	width:120px;
	background:transparent url(../images/arrow.jpg) no-repeat  90px 0;
}

.menu_logout{
	width:120px;
	background:transparent url(../images/arrow.jpg) no-repeat  90px 0;
}


#logo_content{
	height:80px;
	margin-top:20px;
	margin-left:20px;
	text-align:center;
	float:left;
}

#main_content{
	width:660px;
	padding:20px;
	float:left;
}

.left_column {
	float:left;
	width:160px;
	padding:20px;
}

#p_tea .left_column {
	float:left;
	width:200px;
	padding:0;
	background-color:#f4edeb;
	height:100%;
}

.right_column {
	float:left;
	width:560px;
	margin:0;
	padding:10px;
	padding-top:20px;
}

.form_width{
	display:block;
	float:left;
	/*width:250px;*/
}

/* Footer */
#footer{
	clear:both;
	padding: 0;
	margin-top:10px;
}

#footer_block{
	height:148px;
	padding:0 20px;
	width:750px;
	margin:0 auto;
}

#footer_copy p{
	text-align:center;
	font-size:8px;
}

#p_hom #footer_block,
#p_reg #footer_block{
	background:#000 url(../images/footer/homeBottomImage.jpg) no-repeat  0 0;
}

#p_abo #footer_block{
	background:#000 url(../images/footer/aboutUsBottomImage.jpg) no-repeat  0 0;
}

#p_tea #footer_block{
	background:#000 url(../images/footer/teamBottomImage.jpg) no-repeat  0 0;
}

#p_pro #footer_block{
	background:#000 url(../images/footer/productsBottomImage.jpg) no-repeat  0 0;
}

#p_inf #footer_block{
	background:#000 url(../images/footer/informationBottomImage.jpg) no-repeat  0 0;
}

#p_con #footer_block{
	background:#000 url(../images/footer/contactUsBottomImage.jpg) no-repeat  0 0;
}

/* Generic Styles */
.clear {
	clear:both;
}

.hide {
	display: none;
}