/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/whiteboard/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 1.0.2

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */
html, body {border: 0; margin: 0; padding: 0;background: #A4DCF7 url(images/bg.jpg) repeat-x;}
* {margin:0;padding:0;}
#price {position:absolute;
        top:5px;
        right:40px;
        z-index:2;
}
#language {
           width:150px;
           font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
           font-size:14px;
           margin:60px 0px 10px 40px;
           float:left;
           height:20px;
}
#language a {margin:40px 0px 0px 0px;
             color:#ED1B24;
             text-decoration:none;
}
#language a:hover{color:#234B96;
             text-decoration:none;
}
#description {
               width:740px;
               margin:55px 0px 0px 10px;
               float:right;
               font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
               font-size:10px;
               display:inline;
               min-height:40px;
               height:40px;
}
#description h1 {
                  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                  font-size:17px;
           
}


#top {width:100%;
      height:100px;
      background:url(images/topbg.jpg);
      border-bottom:0px solid #B5E4FF;      
}
#wrapper {
          width:960px;
          margin:20px auto;
}
#topmenu {
       width:940px;
       height:50px;
       margin:20px auto 10px auto;
       background:url(images/menu.jpg);
       clear:both;
      }
#header{
        width:960px;
        margin:20px auto 10px auto;
       
}
#logo {
       width:220px;
       margin-left:10px;
       float:left;
}
#middle{
               width:680px;
               margin-right:10px;
               float:right;
               height:100px;
               font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
               font-size:10px;
               background:url(images/descriptionbg.jpg);
}
#dropmenu, #dropmenu ul {margin:0px 0px 5px 0px; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:2; width:100%; background:none; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:15px; } 
 #dropmenu a {display:block; padding:0.8em 1em; color:#000000; border-right:1px dotted #666666; text-decoration:none; background:none;}
  #dropmenu a:hover {background:#666666; color:#ffffff;}
 #dropmenu a:active {background:#666666; color:#ffffff;}  
 #dropmenu li {float:left; position:relative;}   
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:1px;}   
#dropmenu ul a {border-left:1px solid #ececec;}  
 #dropmenu li ul {border-top:1px dotted #666666; border-right:1px solid #ececec;width:14.1em;margin-top:15px;z-index:5000;}  
 #dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px dotted #666666;background:#A6A6A6;}  
 #dropmenu ul ul {top:auto;}   
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}  
 #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}   
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  
#content {
          width:680px;
          float:right;
          margin:20px 10px 30px 0px;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size:14px;
          border:1px solid #B3E4FB;
          background:url(images/contentop.jpg);
          color:#333333;
}
#content p{margin:5px 10px 10px 20px;}
#content a {
            text-decoration: none;
	   color:#234B96;
}
#content a:hover {
                  text-decoration: none;
	         color:#ED1B24;
}
#content h2 {
            font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
            font-size:17px;
            margin:2px auto 10px 20px;
            color:#234B96;
}
#content ul li{
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:14px;
                margin:5px 10px 10px 40px;
                color:#333333;
}              
#content ol li{
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:14px;
                margin:5px 10px 10px 60px;
                color:#333333;
}              
img.alignright {float:right; margin:0 0 1em 0.5em}
img.alignleft {float:left; margin:0 0.5em 0.5em -0.5em}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 0.5em 1em -0.5em}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
p img { padding: 0; max-width: 100%; }
img.right {  display: inline; }
img.left {  display: inline; }
.right { float: right; }
.left { float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.postpacker {
	margin:15px 10px 7px 10px;
	padding-bottom:10px;
	background:#D2F2FF;
	border:1px solid #B3E4FB;
}
.postpacker p {
               margin-right:10px;
} 

#sidebar {
          width:220px;
          float:left;
          margin:20px 0px 30px 10px;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 13px; 
          border:2px solid #B3E4FB;
          background:url(images/sidetop.jpg);}

#sidebar a {
            text-decoration: none;
	   color:#234B96;
}
#sidebar a:hover {
                  text-decoration: none;
	         color:#999999;
} 
#sidebar h2 {
             font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
             font-size:15px;
             margin:10px auto auto auto;
             color:#234B96;
}
#sidebar ul  {margin: 10px 0px 0px 5px; list-style: none;}
#sidebar  li {
             list-style:none;
             margin:10px auto 5px 20px;
}           
        
#footer {
         width:960px;
         height:60px;
         background:url(images/footerbg.jpg);
         margin:10px auto;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         font-size:13px;
         clear:both;
}
#footer a {
           color:#000000;
           text-decoration:none;
}
#footer a:hover{
                color:#ffffff;
                text-decoration:none;
}
img {border:0px;}
img.alignright {float:right; margin:0 0 1em 0.5em}
img.alignleft {float:left; margin:0 0.5em 1em -0.5em border:5px solid #ffffff;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 0.5em 1em -0.5em}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
p img { padding: 0; max-width: 100%; }
img.right {  display: inline; }
img.left {  display: inline; }
.right { float: right; }
.left { float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
#table {
         margin:10px 0px 10px 35px;
         width:600px;
         
}
#table tr td {
              border:1px solid #B8CFEF;
              color:#000000;
              font: 1.0em  "Trebuchet MS", Arial;
              text-align:center;                         
}
#table tr td p {margin:8px;}
#table h2 {font: 1.2em bold "Trebuchet MS", Arial;color:#000000;}
#table img {border:0px;}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:100px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-85px;
		}	
	#nextBtn, #nextBtn2{ 
		left:680px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
#searchform{
            height:40px;
            line-height:40px;
            margin:0px 0px 0px 0px;
            padding:0 0 0px;
            position:absolute;
            width:240px;
            top:0px;
            left:30px;
            z-index:2;
            background:#999999;
}


input#s{color:none;width:140px;
border:1px solid #8C8C8C;
background:#ececec;
padding:2px;
margin:5px 0px 0px -10px;
}

input#searchsubmit{background:#cccccc;
 color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0px 0px 0px 0px;
font-size:12px;border:0;padding:2px 4px 2px 4px;
}