﻿body
{
    position:relative;
    width:100%;
    height:100%;
    background-color:#fafafa;
	margin: 0 auto;
	text-align:center;
	font-family:Arial;
	font-size:12pt;
	color:Black;
	background-position:center;
	text-align:center;
	overflow-x:hidden;
}

* { /*zeros out all default margin/padding*/
margin: 0;
padding: 0;
border: none;
}

#wrapper
{
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto; 
}

#MainTable
{
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto; 
    width:100%;
    height:100%;
    border-collapse:collapse;
}

#LogoAndNavHolder
{
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    clear:both;
    width:900px;
    height:500px;
}

#Logo
{
    background:url('images/Logo.png') no-repeat;
    width:569px;
    height:221px;
    position:relative;
    left:-172px;
    top:-35px;    
    margin: 0 auto;
}

#NavHolder
{
    position:relative;
    left:180px;
    top:-80px;    
    margin: 0 auto;
    clear:both;
    width:900px;
    height:165px;
    z-index:100%;
}

#Home
{
    float:left;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#Products
{
    float:left;
    padding-left:31px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#Media
{
    float:left;
    padding-left:26px;
    cursor: hand;
    cursor: pointer;
	color:white;
}   

#Where
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#Resveratrol
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#Fan
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#ContactUs
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#LeftSection
{
    background:url(images/TopSides.jpg);
    height:539px;
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    background-repeat:repeat-x;
    border-collapse:collapse;
}

#MainSection
{
    background:url(images/TopSection.jpg);
    width:1010px;
    height:539px;
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    background-repeat:no-repeat;
    border-collapse:collapse;
}



#RightSection
{
    background:url(images/TopSides.jpg);
    height:539px;
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    background-repeat:repeat-x;
    border-collapse:collapse;
}

#FlashNameBlock
{
    position:relative;
    top:-200px;
    left:0px;
    margin: 0 auto;
    width:893px;
    height:20px;
    background-color:White;
    z-index:50;
}

#FlashHolder
{
    position:relative;
    left:0px;
    top:-220px;    
    margin: 0 auto;
    clear:both;
    width:893px;
    height:308px;
    z-index:0;
}

#flash
{
    width:893px;
    height:308px;
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    background-repeat:no-repeat;
    border-collapse:collapse;
    clear: both;
    vertical-align: top;
    z-index:0;
}

#MidSection
{
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    border-collapse:collapse;
    background-color:#fafafa;
}

#Content
{
    position:relative;
    top:0px;
    left:0px;
    width:100%; 
    margin: 0 auto;   
}

#FooterSection
{
    background:url(images/Footer.jpg);
    height:165px;
    position:relative;
    left:0px;
    top:125px;    
    margin: 0 auto;
    background-repeat:repeat-x;
}

#FooterHolder
{
    position:relative;
    left:0px;
    top:0px;    
    margin: 0 auto;
    clear:both;
    width:900px;
    height:165px;
}

#WahmLogo
{
    background:url(images/FooterLogo.png);
    height:224px;
    width:245px;
    position:relative;
    left:-310px;
    top:-50px;    
    margin: 0 auto;
}

#FooterNav
{
    float:left;
    text-align:center;
    position:absolute;
    font-size:8pt;
	cursor: hand;
    cursor: pointer;
	color:White;	
	z-index:100;
    clear:both;  
    top:20px;
    left:250px;
    height:100px;
    width:600px;
    margin: 0 auto;
}

#fHome
{
    float:left;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#fProducts
{
    float:left;
    padding-left:31px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#fMedia
{
    float:left;
    padding-left:26px;
    cursor: hand;
    cursor: pointer;
	color:white;
}   

#fWhere
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#fResveratrol
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#fFan
{
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

#fContactUs
{    
    float:left;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;	
}

#Tel
{
    position:absolute;
    top:50px;
    left:-30px;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:White;
}

#Email
{
    position:absolute;
    top:30px;
    left:-30px;
    padding-left:30px;
    cursor: hand;
    cursor: pointer;
	color:white;
}

/*Home*/

#Home
{
    position:relative;
    top:-10px;
    left:15px;
    border-collapse:collapse;
    margin: 0 auto;
    z-index:2000;
    font-weight:bold;
    color:#303030;
}



#Stippel
{
    background:url(images/Stippels.jpg);
    padding-bottom:5px;
    height:1px;
    position:relative;
    left:0px;
    top:12px;    
    margin: 0 auto;
    background-repeat:repeat-x;
    z-index:1000;
}

#homecolom
{
    width:279px;
    padding-left:15px;
    font-family:Calibri;
}

#thumbnails
{
    width:279px;
    padding-left:15px;
    font-family:Calibri;
}

#pic1
{
    width:39px;
    height: 35px;
    background:url(images/website.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    vertical-align:bottom;
    cursor:hand;
    a
 
}

#pic2
{
    width:39px;
    height: 35px;
    background:url(images/CMS.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic3
{
    width:39px;
    height: 35px;
    background:url(images/CRM.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic4
{
    width:39px;
    height: 35px;
    background:url(images/custom_software.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic5
{
    width:39px;
    height: 35px;
    background:url(images/bulk_mail.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic6
{
    width:39px;
    height: 35px;
    background:url(images/bulk_sms.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic7
{
    width:39px;
    height: 35px;
    background:url(images/marketing.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}
#pic8
{
    width:39px;
    height: 35px;
    background:url(images/mailsig.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
 
}

#product_content
{
    width:725px;
    height:100%;
    vertical-align:top;
    line-height:16pt;
    text-align:justify;
    font-size:10pt;
}    



#hometitles
{
    font-family:arial;
    font-size:18px;
    color:#303030;
    padding-bottom:15px;    
      
}

#hometable

{
    width:297px; 
    padding-left:0px; 
    vertical-align:top;
    font-size:12pt;

    
}

#homecontent
{
    width:280px;
    font-family:Arial;
    line-height:15pt;
    height:100%;
    top:12px;
    text-align:justify;
    padding-top:10px;
    font-size:10pt;
}

#hometable2

{
    width:297px; 
    padding-left:0px; 
    vertical-align:top;
    font-size:12pt;

    
}

#homecontent2
{
    width:280px;
    font-family:Arial;
    line-height:15pt;
    height:100%;
    top:12px;
    text-align:justify;
    padding-top:10px;
    font-size:10pt;
}

/*----------------------------------*/

/* Login*/

#Login
{
    position:absolute;
    left:680px;
    top:0px;
    margin: 0 auto;
    width:200px;
    z-index:2000;
    padding-left:0px;
    
    
}

.loginboxdiv{
	margin-top:0px;
	height:20px;
	width:178px;
	
	z-index:1000;
}

.fontHeader
{
    position:absolute;
    left:0px;
    top:-20px;
    margin: 0 auto;
    
}

.loginbox
{
    width:120px;
    height:23px;
    background:url('images/login_bg.png') no-repeat;
    position:relative;
    padding-left:5px;
    padding-top:2px;
    top:10px;
    right:10px;
    position:relative;
    clear:both;
    vertical-align:top;
}

.ButtonDiv
{
	width:40px;
	height:40px;
	left:100px;
	padding-right:0px;
	right:200px;
}

.Button
{
	background:none;
	border:none;
	width:230px;
	height:41px;
	margin:0 auto;
	padding-left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	z-index:3000;
	background-color:Blue;
	background:url('images/button_static.png') no-repeat bottom;
	
	
}


/*-----------------------------------*/

/* product websites */

#product_website
{
    width:158px;
    height: 139px;
    background:url(images/products/product_website.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

#website_product_content
{    
    width:765px;
    font-family:Arial;
    line-height:15pt;
    height:100%;
    top:12px;
    text-align:justify;
    padding-top:10px;
    font-size:10pt; 
}

#viewgallerylink
{
    position:relative;
    font-family:arial;
    font-size:14px;
    color:#303030;
    padding-bottom:15px;
    padding-left:7px;
    padding-top:15px;
    left:0px;
    top:0px;
       
}

#leftheader
{
 background-image:url(images/leftheader.png);
 background-repeat:no-repeat;
 z-index:1000;
 height:22px;
 width:158px;
    
}

#leftheader2
{
 background-image:url(images/leftheader_2.png);
 background-repeat:no-repeat;
 z-index:1000;
 height:22px;
 width:158px;
}

#leftrepeater
{
 background-image:url(images/leftrepeater.png);
 padding-top:8px;
 vertical-align:top;
 background-repeat:repeat-y;
 height:100%;
 width:158px;
 padding-left:10px;
 color:#303030;
 font-size:10pt;   
 z-index:2000;
}

#leftfooter
{
 background-image:url(images/leftfooter.png);
 background-repeat:no-repeat;
 height:9px;
 width:158px; 
}

/*----------product software---------*/

#product_software
{
    width:158px;
    height: 139px;
    background:url(images/products/product_software.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/


/*----------product mobi--------------------*/

#product_mobi
{
    width:158px;
    height: 139px;
    background:url(images/products/product_mobi.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product sms--------------------*/

#product_sms
{
    width:158px;
    height: 139px;
    background:url(images/products/product_sms.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product mail--------------------*/

#product_mail
{
    width:158px;
    height: 139px;
    background:url(images/products/product_mail.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product mailsig--------------------*/

#product_mailsig
{
    width:158px;
    height: 139px;
    background:url(images/products/product_sig.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product mailsig--------------------*/



/*------------------------------------------*/
#domainhosting
{
    width:158px;
    height: 139px;
    background:url(images/products/domainhosting.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}


/*----------product crm--------------------*/

#product_crm
{
    width:158px;
    height: 139px;
    background:url(images/products/product_crm.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product dtp--------------------*/

#product_dtp
{
    width:158px;
    height: 139px;
    background:url(images/products/product_dtp.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------product website--------------------*/

#product_website
{
    width:158px;
    height: 139px;
    background:url(images/products/product_website.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------software cms--------------------*/

#software_cms
{
    width:158px;
    height: 139px;
    background:url(images/products/product_cms.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}




/*----------knowledge center--------------------*/
#email_issues
{
    width:158px;
    height: 139px;
    background:url(images/products/knowledgecenter.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/

/*----------contact us--------------------*/
#contactus
{
    width:158px;
    height: 139px;
    background:url(images/products/contactus.jpg);
    background-repeat:no-repeat;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

/*------------------------------------------*/


/*----------knowledge outlook--------------------*/
#outlook1
{
    width:450px;
    height: 351px;
    background:url(images/knowledgecenter/outlook1.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}

#outlook2
{
    width:450px;
    height: 351px;
    background:url(images/knowledgecenter/outlook2.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}

#outlook3
{
    width:450px;
    height: 351px;
    background:url(images/knowledgecenter/outlook3.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}

#outlook4
{
    width:450px;
    height: 351px;
    background:url(images/knowledgecenter/outlook4.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}

#outlook5
{
    width:450px;
    height: 405px;
    background:url(images/knowledgecenter/outlook5.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}

#outlook6
{
    width:450px;
    height: 405px;
    background:url(images/knowledgecenter/outlook6.png);
    background-repeat:no-repeat;
    padding-left:0px;
    position:relative;
    top:10px;
    left:20px;
}


/*------------------------------------------*/

#portfolioholder
{
    width:725px;
    height:100%;
    vertical-align:top;
    position:relative;
    left:50px;
    background-color:green;
}

#website_content
{
    width:215px;    
    height:200px;
    font-family:Arial;
    font-size:10pt;
    background-color:White;
    padding-left:15px;
    padding-right:0px;
    padding-bottom:5px;
    
    
}

#webbasic
{
    background-color:white; 
    width:230px; 
    height:200px; 
    position:relative; 
    
}

#webbasicconetent
{
    font-family:Arial;
    font-size:10pt;
    width:230px;
    height:100%;
    background-color:white; 
    padding-left:10px;  
    
}

#webbasicpic
{
   background-image:url(images/web_basic.png); 
   background-repeat:no-repeat; 
   width:230px; 
   height:200px; 
   position:relative; 
   background-position:top; 
   top:0px;
}


#webbasic2
{
    background-color:white; 
    width:230px; 
    height:200px; 
    position:relative;
    left:245px;
    top:-200px;
    
}

#webbasicpic2
{
   background-image:url(images/web_basic.png); 
   background-repeat:no-repeat; 
   width:230px; 
   height:200px; 
   position:relative; 
   background-position:top; 
   top:0px;
}

#webbasic3
{
    background-color:white; 
    width:230px; 
    height:200px; 
    position:relative;
    left:495px;
    top:-400px;
    clear:both;
    
}

#webbasicpic3
{
   background-image:url(images/web_basic.png); 
   background-repeat:no-repeat; 
   width:230px; 
   height:200px; 
   position:relative; 
   background-position:top; 
   top:0px;
}

#ordernow
{
    background-color:Gray; 
    width:80px; 
    height:20px; 
    color:White; 
    position:relative; 
    padding-left:15px; 
    padding-bottom:5px; 
    top:10px; 
    left: 60px; 
    font-weight:bold;
    text-decoration:none;
}

#mobiholder
{
    
    width:730px; 
    height:200px; 
    position:relative; 
    
}

#mobicontent
{
    font-family:Arial;
    font-size:10pt;
    width:230px;
    height:100%;
    background-color:white; 
    padding-left:10px;
    left:240px;
    top:-240px;
    position:relative;  
    
}

#mobipic
{
   background-image:url(images/mobi.jpg); 
   background-repeat:no-repeat; 
   width:230px; 
   height:250px; 
   position:relative; 
   background-position:top; 
   top:0px;
}

#softwarepic
{
   background-image:url(images/software.jpg); 
   background-repeat:no-repeat; 
   width:400px; 
   height:250px; 
   position:relative; 
   background-position:top; 
   top:0px;
}

#softwareholder
{
     
    width:730px; 
    height:200px; 
    position:relative; 
    
}

#bulkmailpic
{
   background-image:url(images/mail.png); 
   background-repeat:no-repeat; 
   width:200px; 
   height:204px; 
   position:relative; 
   background-position:top; 
   top:20px;
   left:10px; 
}

#bulkmailcontent
{
    font-family:Arial;
    font-size:10pt;
    width:230px;
    height:100%;
    
    padding-left:10px;
    left:240px;
    top:-160px;
    position:relative; 

}
