/*CSS - http://tamargraphics.com/newweb/index.html
http://tamargraphics.com/newweb/index.html
http://tamargraphics.com/main.css */

html, body {
  color: #000000;
  background-color: #ccc;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, san-serif;
  font-size: .9em;
}

div, p, h1, h2, h3, h4, h5, h6, img, ul, ol, li {
   margin: 0;
   padding: 0;
}
	
ul.portfolio {
	margin-left: -10px;
	font-weight: normal;
	line-height: 1.35;
	list-style: none;
	text-align: left;
	}	
	
img.block {
	margin-right: 3px;
	}	

p.clear {
	clear: both;
	margin: -1em 0;
}

.spacing {
	padding-top: 5px;
	}


/* Set the default link colors */
a:link {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:none;
	}
a:visited {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:none;
	}
a:hover {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:underline;
	}
a:active {
	color: #6b2f6f;
	background-color: transparent;
	text-decoration:none;
	}


/* Set the special link colors */
a.external:link {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:none;
	padding-right: 12px; 
	background: url(images/external.png) no-repeat right; 	
	}
a.external:visited {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:none;
	padding-right: 12px; 
	background: url(images/external.png) no-repeat right; 
	}
a.external:hover {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:underline;
	padding-right: 12px; 
	background: url(images/external.png) no-repeat right; 
	}
a.external:active {
	color: #6B2F6F;
	background-color: transparent;
	text-decoration:none;
	padding-right: 12px; 
	background: url(images/external.png) no-repeat right; 
	}


a.special:link {
	color: #000;
	background-color: transparent;
	text-decoration:none;
	}
a.special:visited {
	color: #000;
	background-color: transparent;
	text-decoration:none;
	}
a.special:hover {
	color: #000;
	background-color: transparent;
	text-decoration:underline;
	}
a.special:active {
	color: #000;
	background-color: transparent;
	text-decoration:none;
	}	

a.blog:link {
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	background-color: transparent;
	text-decoration:none;
	}
a.blog:visited {
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	background-color: transparent;
	text-decoration:none;
	}
a.blog:hover {
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	background-color: transparent;
	text-decoration:underline;
	}
a.blog:active {
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	background-color: transparent;
	text-decoration:none;
	}
	
	
a.whats-new:link {
	color: #f2af00;
	font-weight: bold;
	background-color: transparent;
	text-decoration:none;
	}
a.whats-new:visited {
	color: #f2af00;
	font-weight: bold;
	background-color: transparent;
	text-decoration:none;
	}
a.whats-new:hover {
	color: #f2af00;
	font-weight: bold;
	background-color: transparent;
	text-decoration:underline;
	}
a.whats-new:active {
	color: #f2af00;
	font-weight: bold;
	background-color: transparent;
	text-decoration:none;
	}		

a.news:link {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	}
a.news:visited {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	}
a.news:hover {
	color: #f2af00;
	background-color: transparent;
	text-decoration:underline;
	}
a.news:active {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	}

	
a.news-external:link {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	padding-right: 12px; 
	background: url(images/external-news.png) no-repeat right;
	}
a.news-external:visited {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	padding-right: 12px; 
	background: url(images/external-news.png) no-repeat right;
	}
a.news-external:hover {
	color: #f2af00;
	background-color: transparent;
	text-decoration:underline;
	}
a.news-external:active {
	color: #f2af00;
	background-color: transparent;
	text-decoration:none;
	}
		


	
	

#container
{
width: 900px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

.topgif {
  background-image: url('images/top.gif');
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: 17px;
  padding-left: 8px;
  padding-top: 3px;
}

.bottomgif {
  background-image: url('images/bottom.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-left: 8px;
  padding-bottom: 6px;
}

.portfoliogif {
  margin-top: 5px;
  border: solid #ddd thin;
}


.portfoliogif2 { 
  margin-top: 4px;  
  margin-right: 7px; 
  float: left;
  }
  

p.more-portfolio {
  text-align: left;
  margin-top: 3px;
  margin-bottom: -20px;
}  

p.more-portfolio a {
  padding-right: .4em;
}  

#top
{
padding: .5em;
background-color: #fff;
border-bottom: none;
}

.topimg 
{
float: left;
margin-right: 3.8em;
}

.toptext
{
font-size: .9em;
line-height: 1.2em;
margin-top: .15em;
margin-right: .45em;
text-align: right;}


#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
clear: both;
float: left;
width: 155px;
margin: 1.8em 0 0 0;
padding: 1em;
text-align: left;
}

#leftnav li {
	margin-left: 15px;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.35;
	list-style: none;
	text-align: left;
}

#leftnav p {
padding: 15px 0 0 0;
}

#arrow
{
color: #6B2F6F;
}

#leftnav1-links 
{
line-height: 1.5;
font-weight: bold;
}

#leftnav2-links 
{
margin-top: 25px;
line-height: 1.85;
font-weight: bold;
}

#leftnav2-links a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}
#leftnav2-links a:visited {
	color: #939598;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}
#leftnav2-links a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}
#leftnav2-links a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

#leftnav3-info
{
margin-top: 25px;
font-size: .9em;
line-height: 1.25;
}

#rightnav
{
float: right;
width: 160px;
margin: 2em 0 0 0;
padding: 1em;
color: #000;
}

#rightnav li {
	margin-left: 15px;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.35;
	list-style: none;
	text-align: left;
}

#rightnav p {
	padding-left: 7px;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.35;
	list-style: none;
	text-align: left;
}

#rightnav-portfolio a:link {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	}
#rightnav-portfolio a:visited {
	color: #939598;
	background-color: transparent;
	text-decoration: none;
	}
#rightnav-portfolio a:hover {
	color: #f2af00;
	background-color: transparent;
	text-decoration: underline;
	}
#rightnav-portfolio a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}

#content
{
margin-left: 195px;
border-left: none;
margin-right: 200px;
border-right: none;
padding: 1em;
}

#content li {
font-weight:normal; 
list-style:none; 
text-align:left; 
background:transparent url(images/bullet.gif) no-repeat 0 11px; 
padding:5px 0 0 14px;
}

.content-subhead
{
color: #f2af00;
font-weight: bold;
}

.content-subhead2
{
color: #f2af00;
}


.plus {
  font-weight: bold;
  color: #000000;
}

.content-marketing
{
color: #00804f;
font-weight: bold;
}

.content-design
{
color: #67b395;
font-weight: bold;
}

.content-emedia
{
color: #bfdfd2;
font-weight: bold;
}

.content-privacy
{
color: #939598;
font-weight: bold;
}

.content-portfolio
{
margin-top: 7px;
font-weight: bold;
}

.content-portfolio2
{
margin-left: 10px;
font-size: 90%;
}

.portfolio-back
{
margin-bottom: 10px;
margin-left: 10px;
color: #bcbcbc;
font-size: 80%;
float: left;
}

.previous-next
{
margin-bottom: 10px;
color: #bcbcbc;
font-size: 80%;
float: right;
}

#portfolio-client a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}
#portfolio-client a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}
#portfolio-client a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	}
#portfolio-client a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}

.content-subtitle
{
color: #000;
}

#resources-links a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	padding-right: 12px; 
	background: url(images/external-special.png) no-repeat right; 	
	}
#resources-links a:visited {
	color: #939598;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	padding-right: 12px; 
	background: url(images/resource-read.png) no-repeat right; 
	}
#resources-links a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 12px; 
	background: url(images/external-special.png) no-repeat right; 	
	}
#resources-links a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

#footer
{
clear: both;
font-size: 80%;
margin: 0 0 0 0;
padding: .25em;
color: #939598;
background-color: #fff;
border-top: 1px dotted gray;
}

#footer a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}
#footer a:visited {
	color: #939598;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}
#footer a:hover {
	color: #939598;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}
#footer a:active {
	color: #939598;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

.nospec {
  font-weight: bold;
  color: #FF0000;
} 

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
#id { }