body{margin-bottom:0px;
	 margin-top:0px;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:normal;
	 background-color:#000000;
	 color:#333333;
	 background-image:url(images/bg.jpg);
	 background-position:top;
	 background-repeat:repeat-x;
	 line-height:1.5em;}

img { behavior: url(iepngfix.htc); border:none; }/*This makes pngs work in ie6. We need the blank.gif, iepngfix.htc, and .htaccess files in the folder online	*/	
	
td {text-align:left; vertical-align:top;}
table {margin-left:auto; margin-right:auto;}

.italic {font-style:italic; font-weight:bold;}

h1{
	font-size:20px;
	font-weight:bold;
	color:#9D6F8C;
	text-align:left;
	padding:10px 0px 5px 15px;
	margin: 0px 0px 10px 0px;}
	
h2, h3 {
	font-size:14px;
	font-weight:bold;
	color:#C17400;
	text-align:left;
	padding:10px 0px 5px 15px;
	margin:0px;}
	
h2.portfolio{
	font-size:15px;
	font-weight:bold;
	color:#6E0B08;
	text-align:left;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;}
	
a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	text-decoration:none;
	color:#0066FF;}
	
a:hover {
	text-decoration:none;
	font-weight:bold;
	text-decoration:none;
	color:#FF9900;}
	
img.left {float:left; padding-right:10px;}

p {padding:10px 10px 0px 10px; margin:0px;}

.largearrows {font-size:16px;}

.blkitalic {color:#000000; font-weight:bold; font-style:italic;}

ul {padding-right:20px;}
ul li {padding-bottom:10px;}


/*================================================================*/
/*================================================================*/
/*======================Code for navigation=======================*/
/*================================================================*/
/*================================================================*/
#links {width:685px;
		height:43px;
		font-size:12.5px;
		background-image:url(images/linkbar.jpg);
		background-position:top;
		background-repeat:repeat-x;}
		
#links td {text-align:center; border-left:1px solid #000000; vertical-align:bottom; line-height:1.2em;}
		
#links a:link, #links a:visited {
		display:block;
		height:36px;
		padding-top:7px;
		background-image:url(images/linkbar.jpg);
		background-position:top fixed;
		background-repeat:repeat-x;
		color:#FFFFFF;	
		font-weight:bold;
		text-decoration:none;}
		
#links a:hover {
		height:36px;
		padding-top:7px;
		background-image:url(images/linkbar2.jpg) !important;
		background-position:top fixed;
		background-repeat:repeat-x;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;}
		
#link1, #link1 a:link, #link1 a:visited, #link1 a:hover {width:56px; line-height:2.5em !important;}
#link2, #link2 a:link, #link2 a:visited, #link2 a:hover {width:110px;}
#link3, #link3 a:link, #link3 a:visited, #link3 a:hover {width:106px;}
#link4, #link4 a:link, #link4 a:visited, #link4 a:hover {width:89px;}
#link5, #link5 a:link, #link5 a:visited, #link5 a:hover {width:113px;}
#link6, #link6 a:link, #link6 a:visited, #link6 a:hover {width:88px;}
#link7, #link7 a:link, #link7 a:visited, #link7 a:hover {width:96px;}

/*================================================================*/
/*================================================================*/
/*======================Code for main area========================*/
/*================================================================*/
/*================================================================*/

#mainarea {width:870px;
		   background-color:#FFFFFF;}

#left {width:604px; border-right:1px solid #999999; padding-bottom:10px;}

div.dots {height:10px; margin-bottom:10px; border-bottom:3px dotted #999999; width:95%; margin-left:auto; margin-right:auto;}
div.portlinks {height:20px; vertical-align:top; width:100%;}

#right {width:264px; border-left:1px solid #000000; background-image:url(images/rtbackground.jpg); background-position:top; background-repeat:repeat; color:#FFFFFF;}

#right h2 {padding:3px 0px 0px 0px;
		   margin:0px;
		   height:40px;
		   line-height:2em;
		   background-image:url(images/rtheading.jpg);
		   background-position:top;
		   background-repeat:no-repeat;
		   color:#52234F;
		   width:264px;}
		   
#right h2 a:link, #right h2 a:visited {text-decoration:none; color:#52234F;}
#right h2 a:hover {text-decoration:none; color:#52234F;}

#right p {padding:0px 10px 10px 10px; margin:0px 0px 0px 0px;}

#right a:link, #right a:visited {color:#FF9900;}
#right a:hover {color:#FFFF00;}
		   
/*#right a:link, #right a:visited {
		   color:#185FB7;
		   text-decoration:none;}
		   
#right a:hover {color:#657A99; text-decoration:none;}*/

.leftpad {padding-left:10px;}

.largearrows {font-size:16px;}

.mainpadding {padding:0px 15px 10px 15px; margin:5px 0px 0px 0px;}

.largetext {font-size:25px; color:#FFFFFF; font-weight:bold; padding:0px 0px 0px 10px; margin:10px 0px 10px 0px;}

/*================================================================*/
/*================================================================*/
/*====================Code for question form======================*/
/*================================================================*/
/*================================================================*/
.input {width:180px; height:15px; margin-bottom:5px; border:1px solid #000000; background-color:#FFFFFF; float:right;}
.textarea {width:180px; height:100px; margin-bottom:5px; border:1px solid #000000; background-color:#FFFFFF; float:right;}
.submit {width:92px; height:35px; margin-top:0px; float:right; margin-right:50px;}	


/*================================================================*/
/*================================================================*/
/*=================Code for blocks on index page==================*/
/*================================================================*/
/*================================================================*/

#blocks {width:568px; margin:15px auto 10px auto;}

#blocks td {text-align:center; width:140px; background-image:url(images/blockbg.jpg); background-position:top; background-repeat:repeat-y; color:#FFFFFF;}

#blocks h2 {color:#FFFFFF; margin:0px; width:140px; background-image:url(images/blocktop.jpg); background-position:top fixed !important; background-repeat:no-repeat; padding:13px 0px 10px 0px; font-size:15px; text-align:center;}

#blocks p {padding:0px 15px 5px 15px; margin:10px 0px 0px 0px; line-height:1.3em;}

#blocks div, #blocks div a:link, #blocks div a:visited, #blocks div a:hover {
			 width:127px;
			 height:33px;
			 display:block;
			 background-position:top;
			 background-repeat:no-repeat;
			 border:none;
			 padding:0px;
			 margin:0px;
			 background-image:url(images/moreinfo2.jpg);}
			 
.whitespace {width:15px !important; background-image:none !important;}

/*================================================================*/
/*================================================================*/
/*====================Code for bottom links=======================*/
/*================================================================*/
/*================================================================*/

#bottomlinks {width:870px;
			  border-top:1px solid #000000;
			  height:38px;
			  color:#000000;
			  background-color:#FFFFFF;
			  text-align:center;
			  line-height:3em;}
			  
#bottomlinks a:link, #bottomlinks a:visited {
			  font-size:11px;
			  text-decoration:underline;
			  font-weight:normal;}
			  
#bottomlinks a:hover {
			  font-size:11px;
			  font-weight:normal;
			  text-decoration:none;}
			  
/*================================================================*/
/*================================================================*/
/*======================Code for portfolio========================*/
/*================================================================*/
/*================================================================*/
.sitetitle {font-weight:bold; line-height:1.2em; color:#333333;}		  
#gallerysites td {width:33.3%; height:160px; padding-bottom:10px; text-align:center;}
#gallerysites h2 {padding-left:10px; padding-top:10px;}
#gallerysites img {border:1px solid #999999; margin-bottom:5px;}	

.screenshotborder {border:1px solid #999999;}
.largebold {color:#C17400; font-size:14px; font-weight:bold;}		

.portleft {width:15%; text-align:center;}
.portright {width:85%; padding-left:10px;}  

form {padding-bottom:2px;}


#templates td {width:25%; height:88px; text-align:center; padding-bottom:20px;}
#templates img {border:1px solid #999999; margin-bottom:5px; width:148px; height:96px;}