@charset "UTF-8";
/* CSS Document */

body											{ font-family:Arial, Helvetica, sans-serif; }
*												{ margin:0; padding:0; }
.clearBoth										{ clear:both; font-size:0; height:0; line-height:0; }
p												{ padding:0 0 10px 0; }

.site											{ margin:0 auto; position:relative; width: 100%;}

a,a:active,a:visited							{ color:#000; text-decoration:none; }
a:hover,a:visited:hover							{ color:#000; text-decoration:underline; }

/*-------HEADER---------*/


#header											{ background: url(../images/images/cowCanvasHeader.png) repeat-x 0px 0px; clear:both; height: 177px; width:100%;}
#headerContent									{ clear:both; margin:0 auto; width:800px;}

.headerLeftPanel								{ clear:none; float:left;}

.headerLeftPanel a:visited,
.headerLeftPanel a:active,
.headerLeftPanel a								{ background: transparent url(../images/images/cowCanvasHeaderImage.png) no-repeat 0px 0px; display:block; height:154px; margin:5px 10px 5px 70px; overflow:hidden; text-indent:-1000px; width:154px;}
.headerLeftPanel a:visited:hover,
.headerLeftPanel a:hover						{  }


.headerRightPanel								{ background: transparent url(../images/images/cowCanvasHeaderText.png) no-repeat 0px 0px; clear:none; float:right; height:154px; overflow:hidden; text-indent:-1000px; width:560px ;}


/*-------MENU-------*/


#menu											{ background: transparent url(../images/cowCanvasMenu.jpg) repeat-x 0px 0px; clear:both; height:41px; width:100%;}
#menu ul										{ list-style:none; margin: 0 auto; width:800px; }
#menu li										{ display:inline; }
#menu a:visited,
#menu a:active,
#menu a											{ background-position:0px 0px; clear:none; display:block; height:41px; float:left; }
#menu a:visited:hover,
#menu a:hover									{ background-position:0px -41px; }

#menuAbout a									{ background-image:url(../images/menu_about.jpg); overflow:hidden; margin: 0 0 0 20px; text-indent:-1000px; width:149px; }

#menuPrice a									{ background-image: url(../images/menu_price.jpg); overflow:hidden; margin: 0 0 0 20px; text-indent:-1000px; width:88px; }

#menuNews a										{ background-image:url(../images/menu_news.jpg); overflow:hidden; margin: 0 0 0 20px; text-indent:-1000px; width:47px; }

#menuContact a									{ background-image:url(../images/menu_contactus.jpg); overflow:hidden; margin: 0 0 0 20px; text-indent:-1000px; width:88px; }


/*------CONTENT------*/


#content										{ background: transparent url(../images/homepage_back.jpg) no-repeat center 0px; clear:both; margin:0 auto; padding:0 0 30px 0; position:relative; width:100%;}

.contentDiv										{ clear:both; margin: 0 auto; position:relative; width:777px;}

.contentLeftPanel								{ clear:none; float:left; width:450px;}

.contentLeftTopPanel							{ background: url(../images/new_welcomebox_home.png) no-repeat -8px -3px ; color:#FFF; clear:both; height:260px; padding: 94px 55px 12px 36px; width:335px;}

.contentWelcomeBox								{ color:#FFF; clear:both; height:250px; width:330px;}

.contentFooter									{ background: transparent url(../images/content_footer.jpg) repeat-x 0px 0px; bottom:0px; height:35px; margin: 0 auto; position:absolute; width:100%; z-index:1;}

.contentLeftBottomNum							{ background: transparent url(../images/new_phone_home.png) no-repeat 0px -14px; clear:both; height: 67px; overflow: hidden; text-indent:-1000px; width:425px;}

.contentLeftBottomEmail							{  clear:none; float:left;  width:425px;}

.contentLeftBottomEmail a:visited,
.contentLeftBottomEmail a:active,
.contentLeftBottomEmail a						{ background: url(../images/new_email_home.png) no-repeat 0px -5px; display:block; height:45px; overflow:hidden; text-indent:-1000px; width:425px;}
.contentLeftBottomEmail a:visited:hover,
.contentLeftBottomEmail a:hover					{  }



.contentLeftBottomPrice							{ clear:none; float: right; width:260px;}

.contentLeftBottomPrice	 a:visited,
.contentLeftBottomPrice	 a:active,
.contentLeftBottomPrice	 a						{ background:transparent url(../images/new_price_home.png) no-repeat 0px 0px; display:block;  height:122px; overflow:hidden; text-indent:-1000px; }
.contentLeftBottomPrice	 a:visited:hover,
.contentLeftBottomPrice	 a:hover				{  }




.textContentFoot								{ background: transparent url(../images/content_moooooo.png) no-repeat right 5px; clear:none; float:right; height:37px; margin:0 auto; overflow:hidden; text-indent:-1000px; width:120px;}

.contentRightPanel								{ clear:none; float:right; height:200px; padding:5px 0px 0px 0px; width:312px;}

.contentTopRight								{ background: url(../images/new_news_home.png) no-repeat 0px -8px ; height:208px; margin: 0 auto; width:260px; }

.contentNewsBox									{ color:#FFF; clear:none; float:left; height:120px; margin:0 auto; padding: 85px 5px 5px 20px; width:200px;}

.contentNewsBox	 a:visited,
.contentNewsBox	 a:active,						
.contentNewsBox	 a								{ color:#FFF; text-decoration:none; }
.contentNewsBox	 a:visited:hover,
.contentNewsBox	 a:hover						{ color:#999; text-decoration:underline; }


.contentBottomRight								{ clear:both;width:290px; position:relative; top:210px;}

.contentLogo									{ background: transparent url(../images/content_logo.png) no-repeat 20px 0px; top:-44px; height:71px; left:-8px; overflow:hidden; position: absolute; text-indent:-1000px; width:65px; z-index:20;}

/*----------FOOTER----------*/


#footer											{ background:#FFF; clear:both; float:none; margin:0 auto; padding: 0 0 10px 0; width:777px;}

.footerContent									{ clear:none; margin:0 auto; width:770px;}

.footerLeft										{ clear:none; float:left; width:390px;}

.footerText										{ background: transparent url(../images/2footer_text.jpg) no-repeat 0px 0px; clear:none; float:left; height:50px; overflow:hidden; text-indent:-1000px; width:382px;}

.footerOrder									{ clear:none; float:left; width:316px;}

.footerOrder	 a:visited,
.footerOrder	 a:active,
.footerOrder	 a								{ background: transparent url(../images/2footer_ordernow.jpg) no-repeat 0px 0px; display:block; height:26px; margin: 5px 0 5px 0; overflow:hidden; text-indent:-1000px; }
.footerOrder	 a:visited:hover,
.footerOrder	 a:hover						{  }



.footerLink										{ clear:both; color: #333; float:none; font-size:9px; height:30px; text-decoration:none;}

.footerTwitter									{ background:transparent url(../images/twitter_box.png) no-repeat 0px 0px; clear:none; color:#FFFFFF; float:right; font-size:12px; height:65px; padding:48px 20px 0 36px; overflow:hidden; width:220px; }



/*--------------------------------price page----------------------------------------*/

#priceContent									{ background: transparent url(../images/background_image.png) no-repeat center 0px; height:630px; position:relative; width:100%;}

.price1Div										{ background: #e51a8a; clear:both; margin: 0 auto; position:relative; width:778px;}

.priceContentLeftPanel							{ background: transparent url(../images/2price_leftpanel.jpg) no-repeat 0px 0px; clear:none; float:left; height:562px; width:309px;}

.priceContentRightPanel							{ background: #e51a8a url(../images/2price_right.jpg) no-repeat left 0px; float: right; height:562px; position: relative; width:469px;}

.pageFooter										{ background:#FFF; clear:both; float:none; padding:0 0 10px 0; width:100%;}

.footerPageContent								{ clear:both; float:none; margin:0 auto; width:777px;}

.pageFooterRight								{ clear:none; float:right; height:110px; overflow:hidden; text-indent:-1000px; width:350px;}

.pageFooterNum									{ background:transparent url(../images/page_number_foot.jpg) no-repeat 30px 10px; height:60px; overflow:hidden; text-indent:-1000px; width:350px;}

.pageFooterEmail								{ clear:none; float:right; }

.pageFooterEmail	 a:visited,
.pageFooterEmail	 a:active,
.pageFooterEmail	 a							{ background:transparent url(../images/2page_email_foot.jpg) no-repeat right 5px; display:block;  height:45px; overflow:hidden; text-indent:-1000px; width:350px; }
.pageFooterEmail	 a:visited:hover,
.pageFooterEmail	 a:hover					{  }



.priceContentText								{ background:transparent url(../images/price_content_text.png) no-repeat 0px 0px; clear:none; float:left; height:32px; overflow:hidden; text-indent:-1000px; width:778px;}

#priceLists2button								{ position: absolute; right:10px; width:132px; }

#priceLists2button	 a:visited,
#priceLists2button	 a:active,
#priceLists2button	 a							{ background:transparent url(../images/pricelist_1.png) no-repeat right 5px;  border:0px; display:block; height:40px; overflow:hidden; text-indent:-1000px; }
#priceLists2button	 a:visited:hover,
#priceLists2button	 a:hover					{  }





/*-----------------------------------price 2 page---------------------------------------------*/


#price2Content									{ background:transparent url(../images/background_image.png) no-repeat center 0px; clear:both; height:624px; position:relative; width:100%;}

.price2Div										{ clear:both; margin: 0 auto; position:relative; width:800px;}

.price2Header									{ background: transparent url(../images/price2_header.png) no-repeat 0px 1px; clear:both; float:none; height:168px; width:800px;}


#priceLists1button								{ clear:none; float:left;}

#priceList1button	 a:visited,
#priceList1button	 a:active,
#priceList1button	 a							{ background: transparent url(../images/price_button1.png) no-repeat 0px 0px; border:0px; display:block; height:34px; overflow:hidden; text-indent:-1000px; width:132px;}
#priceList1button	 a:visited:hover,
#priceList1button	 a:hover					{  }


.price2ContentLeftPanel							{ background: transparent url(../images/price2_left.png) no-repeat 0px 0px; clear: none; float:left; height:425px; width:315px;}

.price2ContentRightPanel						{ background: transparent url(../images/price2_right.png) no-repeat 0px 0px; clear:none; float:right; height:460px; width: 485px;}






/*-----------------------------------contact us page---------------------------------------------*/

#contactUsContent								{ background: transparent url(../images/background_image.png) no-repeat center 0px; clear:both; height:595px; position:relative; width:100%;} 

.contactDiv										{ clear:both; margin:0 auto; height:595px; postition:relative; width:800px;}

.contactContentLeftPanel						{ clear:none; float:left; height:565px; width:450px;}

.contactContentLeftText							{ background: transparent url(../images/contactus_left.png) no-repeat 30px 173px; clear:none; float:left; height: 345px; overflow:hidden; text-indent:-1000px; width:450px;}

.contactContentLeftemail						{  clear:none; float:left; width:450px;}

.contactContentLeftemail	 a:visited,
.contactContentLeftemail	 a:active,
.contactContentLeftemail	 a					{ background: transparent url(../images/contactus_emailleft.png) no-repeat 30px 0px;  border:0px; display:block; height: 50px; overflow:hidden; text-indent:-1000px; }
.contactContentLeftemail	 a:visited:hover,
.contactContentLeftemail	 a:hover			{  }




.contactContentRightPanel						{ clear:none; float:right; height:595px; width:350px;}

.contactContentRightcontactUs					{ background: transparent url(../images/contactus_right.png) no-repeat 35px 95px; clear:none; float:left; height:390px; overflow:hidden; text-indent:-1000px; width:350px;}


/*------------------------------------about us--------------------------------------------------*/

#aboutUsContent									{ background: transparent url(../images/background_image.png) no-repeat center 0px; clear:both; height:595px; margin: 0 auto; position:relative; width:100%;}
	
.contentDivAbout								{ clear:both; margin: 0 auto; height:595px; position:relative; width:800px;}	
	
.aboutContentLeftPanel							{ clear:none; float:left; height:540px; width:450px;}

.aboutContentLeftText							{ background: transparent url(../images/about_us_left_panel.png) no-repeat 30px 30px; clear:none; float:left; height:505px; overflow:hidden; text-indent:-1000px; width:450px;}

.aboutContentRightPanel							{ clear:none; float:right; height:540px; width:350px;}

.aboutContentRighteasel							{ background: transparent url(../images/about_canvas.png) no-repeat 0px 105px; clear:none; float:right; height:465px; overflow:hidden; text-indent:-1000px; width:310px;}


/*-----------------------------------------news-------------------------------------------------*/

#newsContent									{ background: transparent url(../images/background_image.png) no-repeat center 0px; clear:both; height:595px; margin: 0 auto; position:relative; width:100%;}

.newsDiv										{ clear:both; margin: 0 auto; height:595px; position:relative; width:777px; }

.newsContentLeftPanel							{ clear:none; float:left; height:595px; width:350px;}

.newsContentLeftMainImage						{ clear:none; float:left; height:150px; padding: 25px 0 10px 25px; width:150px; }

.newsContentRightPanel							{ clear:none; float:right; height:595px; width:380px;}


.newsContentRightHeader							{ background: transparent url(../images/news_header.jpg) no-repeat 0px 0px; clear:none; float:left; height:150px; overflow:hidden; text-indent:-1000px; width:335px;}

.newsContentDate								{ clear:both; color:#000; float:left; font-family:Helvetica, Geneva, Arial, sans-serif; font-size:14px; font-weight:bold; padding: 0 0 5px 23px; width:60px;}

.newsContentHeading								{ clear:none; color:#000; float:left; font-family:Helvetica, Geneva, Arial, sans-serif; font-size:16px; font-weight:bold; padding: 0px 0px 10px 23px; width:300px;}

.newsContentText								{ clear:none; color:#000; float:left; font-family:Helvetica, Geneva, Arial, sans-serif; font-size:12px; font-weight:normal; padding: 0px 0px 0px 23px; width:260px;}

.newsContentRightImagePanel						{ clear:none; float:left; padding: 0 0 0 10px; width:70px;}

.newsItem										{ clear:both; height: 80px; width: 365px;}

#newsContentRightEye							{ background: transparent url(../images/eye_image_news_thumbnail.png) no-repeat 0px 0px; clear:none; float:left; height:70px; overflow:hidden; text-indent:-1000px; width:70px;}

#newsContentRightCow							{ background: transparent url(../images/cowcanvaslogo_thumbnail_news.png) no-repeat 0px 0px; clear:none; float:left; height:70px; overflow:hidden; text-indent:-1000px; width:70px;}

.newsContentLeftTextpanel						{ clear:none; float:left; height:100px; width:280px; }
.newsContentTextItem a:visited,
.newsContentTextItem a:active,
.newsContentTextItem a							{ font-size:12px; font-style:italic; padding:6px 0 0 0; display:block; }
.newsContentTextItem a:visited:hover,
.newsContentTextItem a:hover					{ font-size:12px; font-style:italic; }

.newsContentDate2								{ clear:both; color:#000; font-family:Helvetica, Geneva, Arial, sans-serif; font-size:14px; font-weight:bold; padding: 0 0 0 20px; }

.newsContentItem								{ clear:none; float:left; height:80px; width:200px;}

.newsContentTextItem							{ clear:none; float:left; height:50px; padding: 5px 0 5px 20px; }

#easel					{ background: transparent url(../images/new_easel_home.png) no-repeat 0px 0px; clear:both; height:340px; padding: 42px 0 0 10px; width:303px; }
.easelFade				{ height:214px; position:absolute; width:282px; }