﻿body            { background-color:#232D2E;     color:black;	 background-image:url("../Images/NewPageBack.gif");
                  background-repeat:repeat-x;	 padding:0;	 margin:0px 0 0 0;	 background-position:center top; }
p				{ line-height:1.6em; }
*.linklight		{ color:#b4d1f2;	 text-decoration:none; }
*.linklight:hover	{ color:#aaaaaa;	 text-decoration:underline; }
*.linklight2		{ color:#cccccc;	 text-decoration:none; }
*.linklight2:hover	{ color:#ffffff;	 text-decoration:underline; }
#page           { width:900px;	 position:relative;	 right:0;   left:0;     top:0;     margin:auto; }
#top            { z-index:1;	 position:relative; }
*.botholder		{ margin:0; }
#bot			{ width:860px;	 position:relative;	 right:0;   left:0;     top:0;     margin:auto;
    			  background:url("../Images/botback.gif") no-repeat;	 color:#999999;	 padding:5px 0 0 40px;
    			  font-size:0.7em;	 text-align:left;	 height:19px; }
#bot a			{ color:#999999;	 text-decoration:none; }
#bot a:hover	{ color:#aaaaaa;	 text-decoration:underline; }
#bot span		{ padding:0 10px;	 color:#666666; }
*.copyright		{ width:900px;	 position:relative;	 right:0;   left:0;     top:0;     margin:15px auto;
           		  text-align:center;	 font-size:0.7em;	 color:#3F4F4F; }
*.navigation	{ margin:0px 0;	 list-style-type:none;	 	 font-size:0.8em;
            				  text-align:center;	 height:36px; }

*.navigation li { margin:1px 0;	 padding:0;	 list-style-type:none;	 padding-top:8px;
                              height:26px; }
*.navigation li *.mainlinkdivider	{  }
*.homelinkcover		{ width:330px;	 position:absolute;	 top:-63px;	 left:-10px; }
*.homelinkcover a:active, *.homelinkcover a:active		{ outline:none; }
*.navigation li a	{ font-family:'Trebuchet MS', Helvetica, Verdana, Arial;	 
                                  padding:0 12px;	 text-decoration:none;	 cursor:pointer; }
*.tablink			{ color:#aaaaaa; }
*.tablink:hover		{ color:#999999; }
*.tablink:active, *.tablink:focus	{ outline:none; }
*.selected			{ color:#FF7619;	  }
*.selected:hover	{ color:#FF7619; }
*.selected:active, *.selected:focus	{ outline:none; }
*.navigation li a:hover	{ text-decoration:underline; }

*.sliderholder	{ width:900px;	 margin:-47px 0 10px 0;	 position:relative;	 z-index:20; }
#slider {
  width: 900px;
  margin: 0 auto 0 auto;
  position: relative;
}

*.navbar {
  height:36px;
  color:#eaeaea;
}

.scroll 
{
  height: 500px;
  width: 900px;
  margin-top:5px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  color:#264F65;
}

.scrollContainer div.panel {
  padding: 20px 20px 20px 0;
  height: 500px;
  width: 920px;  
}

.scroll img	{ border:0; }
.scrollButtons		{ position: absolute;	 top:10px;	 cursor: pointer;	 width:10px;	 height:16px;
              		  border:0;	 padding:0;	 text-decoration:none; }
.scrollButtons.left			{ left:-20px;	 background-image:url("../Images/linkbararrowleft1.gif");
                   			  background-position:left center;	 background-repeat:no-repeat; }
.scrollButtons.left:hover	{ background-image:url("../Images/linkbararrowleft2.gif"); }
.scrollButtons.left:active	{ background-image:url("../Images/linkbararrowleft3.gif"); }

.scrollButtons.right		{ right:-20px;	 background-image:url("../Images/linkbararrowright1.gif");
                    		  background-position:right center;	 background-repeat:no-repeat; }
.scrollButtons.right:hover	{ background-image:url("../Images/linkbararrowright2.gif"); }
.scrollButtons.right:active { background-image:url("../Images/linkbararrowright3.gif"); }


*.homepanel		{ background-image:url("../images/tableback.jpg");	 background-repeat:no-repeat; }
*.homecontent	{ margin-top:60px;	 width:600px;	 height:390px;	 border:1px solid yellow;
             	  color:#eaeaea; }
*.homeleft		{ width:604px;	 height:385px;	 margin-top:60px;	 border:4px #232D2E solid;
          		  position:relative;	 z-index:1;	 border-left:0; }
*.homecontent1	{ position:absolute;	 top:0px;	 left:0px;	 width:604px;	 height:385px;
	        	  background-color:#5d5d5d;	 z-index:-1;	 margin-left:0; }
*.homecontent2	{ position:relative;	 z-index:2;	 height:365px;	 padding:10px;	 
              	  width:584px;	 font-size:0.8em; }
*.bookcover		{ width:99px;	 height:67px;	 background:url("../Images/bookCornerCover.gif") no-repeat;
           		  position:absolute;	 top:-4px;	 right:-4px;	 z-index:4; }
*.homeright		{ width:208px;	 height:180px;	 margin:261px 66px 0 0; }


             	  

*.servicespanel	{ background-image:url("../images/servicesback.jpg");	 background-repeat:no-repeat; }
*.servicesholder{ margin:30px 0 0 0;	 width:849px;	 height:425px;	 color:White;
               	  font-size:0.8em;	 position:relative; }
*.serviceheader	{ height:29px; }
*.servicesleft	{ width:506px;	 height:362px;	 margin-top:30px;	 padding:10px;	 border:4px #232D2E solid;
              	  border-left:0;  } 
	*.services1		{ position:absolute;	 top:34px;	 left:0;	 width:526px;	 height:382px;
	        		  background-color:#5d5d5d;	 z-index:1;	 margin-left:0; }
	*.services2		{ position:relative;	 z-index:2;	 overflow:auto;	 height:354px; }
	*.apptable		{ font-size:0.8em; }
	*.apptable td	{ background-color:#2A2E2F;	 padding:2px 5px; }
	*.apptable td span		{ color:#b4d1f2; }
*.servicesright	{ width:215px;	 height:180px; }
	*.servicetabweb				{ background:url("../Images/ServiceTabWebDesign1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabweb:hover		{ background:url("../Images/ServiceTabWebDesign2.gif") no-repeat; }   
	*.selected .servicetabweb		{ background:url("../Images/ServiceTabWebDesign2.gif") no-repeat; }            				  
	*.servicetabgraphics		{ background:url("../Images/ServiceTabGraphics1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabgraphics:hover	{ background:url("../Images/ServiceTabGraphics2.gif") no-repeat; } 
	*.selected .servicetabgraphics{ background:url("../Images/ServiceTabGraphics2.gif") no-repeat; } 
	*.servicetabbranding		{ background:url("../Images/ServiceTabBranding1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabbranding:hover	{ background:url("../Images/ServiceTabBranding2.gif") no-repeat; } 
	*.selected .servicetabbranding{ background:url("../Images/ServiceTabBranding2.gif") no-repeat; } 
	*.servicetabdev				{ background:url("../Images/ServiceTabDevelopment1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabdev:hover		{ background:url("../Images/ServiceTabDevelopment2.gif") no-repeat; } 
	*.selected .servicetabdev		{ background:url("../Images/ServiceTabDevelopment2.gif") no-repeat; }
	*.servicetabdatabase		{ background:url("../Images/ServiceTabDatabase1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabdatabase:hover	{ background:url("../Images/ServiceTabDatabase2.gif") no-repeat; } 	
	*.selected .servicetabdatabase{ background:url("../Images/ServiceTabDatabase2.gif") no-repeat; }		
	*.servicetabphoto			{ background:url("../Images/ServiceTabPhotography1.gif") no-repeat;
	               				  display:block;	 width:215px;	 height:29px;	 text-decoration:none; }
	*.servicetabphoto:hover		{ background:url("../Images/ServiceTabPhotography2.gif") no-repeat; } 	
	*.selected .servicetabphoto	{ background:url("../Images/ServiceTabPhotography2.gif") no-repeat; }	
	*.ui-tabs-hide { display: none; }

*.aboutpanel	{ background-image:url("../images/aboutback.jpg");	 background-repeat:no-repeat; }
*.aboutholder	{ margin:55px auto 0 294px;	 width:554px;	 height:375px;	 color:#eaeaea;	 font-size:0.8em;	 
               	  position:relative;	 padding:10px;	 border:4px #252525 solid; }
*.divp1			{ font-weight:normal;	 font-family:'Trebuchet MS', helvetica, Verdana, Arial; 
       			  background-color:#252525;	 padding:10px;	 color:#b4d1f2;	 letter-spacing:0;
       			  line-height:1.6em; }
*.divp2			{ padding:9px;	 color:#ffffff;	 border:1px solid #252525; }
*.divp3			{ text-align:center;	 font-size:0.9em;	 border:1px solid #252525;
         		  padding:9px;	 background-color:#232D2E;	 border-top:0; }
*.about1		{ position:absolute;	 top:0;	 left:0;	 width:574px;	 height:395px;	
          		  background-color:#5d5d5d;	 z-index:1; }
*.about2		{ position:relative;	 z-index:2;	 overflow:auto;	 height:375px; }

*.loadpanel		{ background-image:url("../images/loadingback.jpg");	 background-repeat:no-repeat; }
*.clientpanel	{ background-image:url("../images/clientback.jpg");	 background-repeat:no-repeat; }
*.clientholder	{ margin:55px 0 0 0;	 width:610px;	 height:399px;	 color:White;
               	  font-size:0.8em; position:relative;	 overflow:hidden; }
    *.portfolioitem		{ width:177px;	padding:4px;	 position:relative;	 height:102px;	 z-index:1;
                   		  overflow:hidden; }  
	*.portfolioitemback	{ position:absolute;	 z-index:-1;	 width:185px;	 height:110px;
	                   	  background:Black;	 top:0;	 left:0; }
	*.portfolioimg		{ width:147px;	 height:102px;	 background:#000000;	 overflow:hidden; }
	*.portfoliotitle	{ background:#252525;	 color:#FFFFFF;	 font-size:0.8em;	 text-align:center;
	                	  height:102px;	 width:30px;	 overflow:hidden; }
	*.portpadbl			{ margin:0 15px 12px 0; }
	*.portnavholder		{ height:22px;	 text-align:center;	 position:absolute;	 z-index:1;	 padding:4px;
	               		  bottom:0;	 left:0;	 width:577px; }
	*.portnavholderback	{ position:absolute;	 z-index:-1;	 width:585px;	 height:30px;
	                   	  background:Black;	 top:0;	 left:0; }
	*.portnavtbl td		{ height:22px;	 padding:0 10px 0 10px;	 margin:0; }
	*.portnavtbl		{ border-spacing: 0px; }
	*.portnavtbltdside	{ width:50px;	 padding-top:4px;	 background:#202020; }
	*.portnavtbltdcenter{ background:#252525; }
	*.portnavtbltdcenter a	{ cursor:pointer; }
		
		*.iconpadvertical	{ padding-top:3px; }
		*.iconpadvertical img	{ filter:alpha(opacity=50);  -moz-opacity:0.50;   
		                 	  -khtml-opacity:0.50;	 opacity:0.50; }
		*.iconpadvertical img:hover	{ filter:alpha(opacity=100);  -moz-opacity:1;   -khtml-opacity:1;	 
		                       	  opacity:1; }
		*.imglink		{ margin:0;	 padding:0;	 text-decoration:none; }
	

*.contactpanel	{ background-image:url("../images/contactback.jpg");	 background-repeat:no-repeat; }
*.contactholder	{ margin:55px auto 0 368px;	 width:480px;	 height:365px;	 color:#eaeaea;
               	  font-size:0.8em;	 position:relative;	 padding:10px;	 border:4px #2E3736 solid; }
*.contact1		{ position:absolute;	 top:0;	 left:0;	 width:500px;	 height:385px;	
          		  background-color:#232D2E;	 z-index:1; }
*.contact2		{ position:relative;	 z-index:2;	 overflow:auto;	 height:365px; }
*.contactvalid	{ color:#E05A00; }
*.contacttxt1	{ width:165px; }
*.contacttxt2	{ width:347px; }
*.contacttxt3	{ width:347px;	 height:160px; }
*.contacttd1	{ width:95px;	 padding:2px 5px; }
*.contacttd2	{ width:16px; }
*.contacttd3	{ width:165px;	 padding-right:5px; }
*.contacttd4	{  }

*.loadme		{ display:none; }
*.loader		{ background-color: Black; height: 100%; width: 100%; }
*.valid			{ background:url("../Images/icons/valid.gif") no-repeat center center; }
*.invalid		{ background:url("../Images/icons/invalid.gif") no-repeat  center center; }