﻿/* Layout and body items */

body
{
 margin:0;
 padding:0;
 height:100%;
 font-family:arial, verdana;
 font-size:12px;
 color: black;
}

#webdesignbody
{
 width: 1000px;
 height:100%;
 padding:0;
 margin:0px auto;
 background-image:url(images/page_bg.jpg);
 font-family:arial, verdana;
 font-size:12px;
 color: black;
}

#webdesignheader
{
 width:1000px;
 height:53px;
 padding:0;
 margin:0;
 background-image:url(images/title.jpg);
}

#webdesignbar
{
 width: 1000px;
 height:22px;
 padding:0;
 margin:0;
 background-image:url(images/bar.jpg);
}

h1
{
 font-family:arial, verdana;
 font-size:14px;
 color: black;
}
h2
{
 font-family:arial, verdana;
 font-size:13px;
 color: black;
 font-style:italic;
}
/* Menu items */

#menuholder
{
 width: 160px;
 margin-left:10px;
 border-top:solid 1px white;
 float:left;
 height:100%;
 /* background-image:url('images/menu_bg.jpg');*/
}
#logoholder
{
 width: 160px;
 margin-left:10px;
 border-top:solid 1px white;
 float:left;
 height:100%;
 /* background-image:url('images/menu_bg.jpg');*/
}

#websitedesignnewscell
{
 width:230px;
 border-left:dotted 1px gray;
}

a.webdesignmenu, a.webdesignmenu:visited, a.webdesignmenu:active 
{
 width: 160px;
 height: 22px;
 padding: 2px 10px;
 line-height: 25px;
 /* background-color: #e6e6fc; */
 display:block;
 border-bottom:dashed 1px gray;
 /* border-bottom: solid 1px white; */
 text-decoration:none;
 color:black;
 background-color:white;
 filter: alpha(opacity=80);
 opacity: .8;
 -moz-opacity: .8;
 
}

a.webdesignmenu:hover
{
 background-color: #8181de;
 text-decoration:underline;
 color:white;
}

/* News items */

#newslist
{
 width:220px;
 height: 100%;
 margin-right:10px;
 /* background-color:#f8f8d9; */
}

#updatetitle
{
 font-weight: bold;
 font-size: 12px;
 width:200px;
 text-align:center;
 padding-top:5px;
}

.newsdate
{
 color: #c5c5f7;
 font-size: 11px;
 padding: 5px;
}

.newslisttitle
{
 font-weight:bold;
 padding: 5px;
}

.newsflashpara, .newspara
{
 padding: 5px;
 font-size: 11px;
}

.webnewspara
{
 padding: 5px;
 font-size: 12px;
}

.newsimageleft
{
	width: 200px;
}

a.articlelink, a.articlelink:visited, a.articlelink:active
{
 color: blue;
 text-decoration:none;
 padding:0;
}
a.articlelink:hover
{
 text-decoration:underline;
}

#img1, #img2, #img3, #img4, #img5
{
	float:left;
	padding:5px;
	border:solid 1px red;
}
.delimagelink
{
	padding: 20px 10px;
	margin: 20px 10px;
	border:solid 1px green;
}

/* Project home page items*/

.projectsholder
{
 width: 520px;
 margin: 0 auto;
 padding:15px;
 border-bottom:dotted 1px gray;
}

.holder
{
 padding:1px;
}

.projectsundries
{
 padding:0;
 float:right;
 width:200px;
 text-align:center;
}

.linkholderport
{
 width:190px;
 text-align:center;
 padding:20px 10px;
}

.projectitle
{
 font-size: 14px;
 font-weight: bold;
}

.projectclient
{
 font-size:12px;
 font-weight:bold;
}

.projectimage
{
 width: 190px;
 border:none;
}

.projectpara
{
 padding: 15px 10px 15px 0px;
}

a.projectlink, a.projectlink:visited, a.projectlink:active
{
 font-size:11px;
 color: #cc7f7f;
 text-decoration:none;
}
a.projectlink:hover 
{
 text-decoration:underline;
}

a.projectimg
{
 border:none;
 padding:0px;
 float:left:
}

.projectimageidx
{
 width:70px;
 border:none;
 padding-bottom: 7px;
 float:left;
}

.projectidx
{
 padding:5px;
 border-top: dotted 1px gray;
 clear:both;
}

.listholder
{
 margin-left:20px;
}

ul
{
 list-style-image:url('images/bullet_1.jpg');
 list-style-position:outside;
}

ul.terms
{
	list-style-position:outside;
	list-style-image:none;
}
.termslist
{
	list-style:decimal;
	font-size:.8em;
}

.projectbullet
{
 color: black;
 padding:5px;
 list-style-image:url('images/bullet_2.jpg');
 list-style-position:outside;
}

.quotebox
{
 width: 170px;
 padding: 10px;
 float: right;
 background-color:#ededfa;
 text-align:center;
 border:solid 1px #d5d5f7;
}

.quote
{
 font-style: italic;
 text-align: center;
 width: 170px;
}

.quotename
{
 width:170px;
 font-size: 10px;
 color: blue;
 margin-top: 12px;
}

.imageholder
{
 width: 190px;
 padding: 0px;
 float: right;
 background-color:#ededfa;
 text-align:center;
 border:solid 1px #d5d5f7;
}

a.websiteidxlink, a.websiteidxlink:selected, a.websiteidxlink:active 
{
 color: blue;
 font-size:11px;
 text-decoration:none;
}
a.websiteidxlink:hover
{
 text-decoration:underline;
}


.formtable
{
 font-family:arial, verdana;
 font-size: 12px;
 color: black;
 margin: 0;
 padding: 0;
}

.portfoliotable
{
 width:200px;
 font-family:arial,verdana;
 font-size: 12px;
 color: black;
}

a.textlink, a.textlink:visited, a.textlink:active  
{
 font-family:arial,verdana;
 font-size: 12px;
 color: blue;
 text-decoration:underline;
}

a.textlink:hover
{
 color:red;
}
