@charset "utf-8";
/* CSS Document */

/* Typography---------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
}
 

p {
	font-size: 10px;
	line-height: 1.5em;
	padding-right: 5px;
	margin-top: 0em;
	padding-top: 0px;
	margin-bottom: 0.75em;
}

h4 {
	font-size: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-transform: uppercase;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#mainNav h4 {
	margin-top: 2.25em;
	margin-bottom: 0.75em;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-right: 0px!important;
}
#mainNav .top {
	margin-top: 0px;
	margin-right: 0px;
}


#wrapper #mainNav p {
	font-size: 0.8333em;
	line-height: 1.8em;
	margin-top: 0em;
	margin-left: 1.8em;
}

#wrapper #wrapper1 #mainNav li, #wrapper #wrapper1 #mainNav  a  {
}

#wrapper #wrapper1 #mainNav li, #wrapper #wrapper1 #mainNav ul {
	font-size: 0.8333em;
	line-height: 1.8em;
	margin-top: 0em;
	margin-left: 5px;



}

#main-content p {
	margin-right: 10px;
}
#main-content .head p {
	margin-bottom: 0em;
	padding-bottom: 0px;
}
#main-content h4.cv a, #main-content h4.cv  {
	text-decoration: none !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
#cv #main-content ul {
	line-height: 1.9em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000000;
}
#cv #main-content li {
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left;
}
#cv #main-content p {
}



p.workhead {
	font-weight: bold;
	color: #666666;
}






h1 {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
#main-content p.intro {
	font-size: 1.1667em;
	line-height: 1.2857em;
	margin-top: -1px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 1em;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 0px;
	height: 30px;
}
#main-content h2 {
	background-image: url(../images/web-design-done.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0.25em;
}
#main-content .head h2 {
	margin-bottom: 0px;
}



h3 {
	font-size: 18px;
	line-height: 1em;
	margin-top: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #357AA3;
	margin-right: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #357AA3;
	margin-bottom: 2px;
}


h3.cv3 {
	margin: 0px !important;
	padding: 0px !important;
}


ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}



a {
	text-decoration: none;

}

 a:hover {
	text-decoration: none;
	color: #999999!important;
}

a:link img  {
	border: 2px solid #CCCCCC !important;
	background-image: none!important;
	padding-left: 0px!important;
	margin-left: 0px!important;
}

#wrapper #wrapper1 #main-content a {
background-image: none!important;
	padding-left: 0px!important;
	margin-left: 0px!important;
	}


a:hover img {
	border-color: #357AA3!important;
	
} 


.quote {
	background-image: url(../images/blockqbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #D4D6D9;
	width: 449px;
	margin-bottom: 1em;
	clear: both;
}
.quote blockquote {
	background-image: url(../images/blockqtop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
}

.knockout {
	background-image: url(../images/blockqbottom2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #666C73;
	width: 449px;
	margin-bottom: 1em;
	clear: both;
}
.knockout blockquote {
	background-image: url(../images/blockqtop2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
}
.knockout strong {
	color: #CCCCCC;
	font-size: 1.25em;
}
.knockout p {
	color: #FFFFFF;
}
.knockout a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.knockout a:hover {
	text-decoration: none;
}
.knockout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#wrapper1 #wrapper #main-content h4.cv4 {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
}
#c1 .inline4 {
	margin-right: 5px;
}
#c2 .inline4 {
	border-bottom-style: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: capitalize;
	background-image: url(../images/tick1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#buzzwords #c2  .inline4, #design-words-dictionary #c2 .inline4, #business-speak #c2 .inline4, #design-words-dictionary #c2 .inline4 {
	background-image: url(../images/arrow.jpg);
}

#c2 .content .head p {
	margin-top: 0px;
	font-weight: bold;
	color: #357AA3;
	font-size: 12px;
}
#c2 .content .head h3 {
	text-transform: uppercase;
	margin-top: 0px;
}
#c2 .content h4.chatsmall {
	border-bottom-style: none;
	display: block;
	height: 2em;
	background-repeat: no-repeat;
	text-transform: lowercase;
	margin-top: 10px;
	margin-bottom: 10px;
}
#c2 .content .chatsmall img {
	float: none;
	clear: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: 0px;
}
#c2 .content ul.listlinks {
	font-size: 1em!important;
}

#c2 .content .listlinks a {
	background-image: url(../images/tick1.gif)!important;
	color: #357AA3;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: -20px;
}

#c2 .content .listlinks a:hover {
	background-image: url(../images/tick2.gif)!important;
}


#c2 .content #development a {
	border-bottom-style: none;
}

#c2 .bulletlist {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 1.5em;
}




span {
	font-style: italic;
	display: block;
}
span.cwork {
	margin-top: 0px;
	padding-top: 0px;
}

span.big {
	font-style: normal;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#wrapper #header #navcon ul {
	float: left;
	width: 563px;
	margin-top: 1.8em;
	margin-right: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 0.8333em;
	line-height: 1.8em;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
}
#wrapper1 #wrapper #header .work {
	padding-left: 20px;
}
#header #navcon .current a {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC945E;
}




/*--------------------------*/


/* header--------------------*/

#header #navcon li, .work li {
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	letter-spacing: 2px;
}
#main-content .content .new-work .workhead {
	background-image: url(../images/worklink.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
}

#header #topgraphic h1 {
	font-size: 3em;
	width: 14em;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	padding: 0px;
	line-height: 0.5em;
	background-image: url(../images/big-text.jpg);
	background-repeat: no-repeat;
	background-position: -5px top;
	height: 3.3em;
	text-indent: -9999px;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	top: 1em;
	left: 8em;
	
}
#header #topgraphic .headmail {
	position: absolute;
	top: 0.6em;
	left: 590px;
	font-size: 0.8333em;
	background-image: none;
	margin-right: 0px;
	padding-right: 0px;
}



#header #navcon a, .work a {
	text-decoration: none;
	padding-right: 0px;
	color: #3C5E62;
	padding-left: 10px;
	display: block;
	height: 1.5em;
	line-height: 23px;
	margin: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
	padding-top: 0.7em;
	padding-bottom: 1.2em;
}


#header #navcon a:hover, .work a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;

}


/*-all the rest---------*/


a[href^="mailto"] { background:url(../images/email.png) no-repeat right top; padding-right:15px;}

#wrapper #mainNav .navHead, #wrapper #mainNav .about {

}
#mainNav img {
	float: left;
	padding-right: 8px;
}


#wrapper #mainNav a:link {
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	border-bottom-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: underline;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
}

#wrapper #mainNav a:hover, #wrapper #mainNav a.current {
	background-image: url(../images/linkhover.gif);
}

#wrapper #mainNav a.inline, #wrapper #wrapper1 #main-content .content .inline {
	background-image: none;
	display: inline;
	padding-left: 0px;
}


#main-content .intro-about h2.texthead {
	font-size: 1.4em;
	background-image: url(../images/web-design-done.gif);
	background-repeat: no-repeat;
	background-position: -1px 4px;
	text-indent: -9999px;
	height: 40px;
}
#main-content .head .text {
	background-image: url(../images/stewartpaxton.jpg);
}

#webDesign #main-content .head h2 {
	background-image: url(../images/web-design.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}

#work #main-content .head h2 {
	background-image: url(../images/work.gif);
	background-repeat: no-repeat;
	margin-top: 0.47em;
}

#services #main-content .head h2 {
	background-image: url(../images/services.gif);
	background-repeat: no-repeat;
	margin-top: 0.47em;
}
#me #main-content .head h2 {
	background-image: url(../images/about.gif);
}

#print  #main-content .head h2 {
	background-image: url(../images/print.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 3px 7px;
}
#concept3d  #main-content .head h2 {
	background-image: url(../images/3d.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}

#buzzwords  #main-content .head h2 {
	background-image: url(../images/buzzwords.jpg);
	background-repeat: no-repeat;
	margin-top: 0.47em;
	height: 1.2em;
}

#sp  #main-content .head h2 {
	background-image: url(../images/stewartpaxton.jpg);
	background-repeat: no-repeat;
	margin-top: 0.47em;
	height: 1.2em;
}
#contact  #main-content .head {
	background-image: none;
	text-indent: 0px;
	font-size: 1.5em;
}


#business-speak #main-content .head h2 {
	background-image: url(../images/business-speak.jpg);
	background-repeat: no-repeat;
	margin-top: 0.47em;
	height: 1.2em;
}

#design-words-dictionary  #main-content .head h2 {
	background-image: url(../images/design-dic.jpg);
	background-repeat: no-repeat;
	margin-top: 0.47em;
	height: 1.2em;
}

#personal  #main-content .head h2 {
	background-image: url(../images/personal.gif);
	background-position: left 7px;
}

#webDesign #main-content .intro-about .texthead {
	background-image: url(../images/my-bread-and-b.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: -9999px;
}
#concept3d  #main-content .intro-about .texthead {
	background-image: url(../images/dabbbgif.gif);
	text-indent: -9999px;
}
#personal  #main-content .intro-about .texthead {
	text-indent: -9999px;
	background-image: url(../images/sunday.gif);
}


#print  #main-content .intro-about .texthead {
	background-image: url(../images/cmyk.gif);
	background-position: 1px 2px;
	text-indent: -9999px;
}


a[href^="mailto:"] {
  background: url(../images/email.png) no-repeat right top;
  padding-right: 15px;
}

#wrapper #mainNav .navHead, #wrapper #mainNav p, #wrapper #mainNav h4, #wrapper #mainNav .about, #mainNav h3 {
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#main-content .content .new-work  h4.fpage {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#services #main-content .content .provide {
	margin-top: 19px;
}

/*--------FORMS---------*/


#columnarForm fieldset
{
	float: left;
	display: block;
	width: 21em;
	margin: 0 1em 1em 0;
	padding: 0 0.5em 1em;
}


#columnarForm input
{
	width: 14.5em;
	float: inherit;
}

#columnarForm label
{
	display: block;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#columnarForm label.first
{
	padding-top: .5em;
}

#columnarForm select
{
	display: block;
}

#columnarForm .submit
{
	display: inline;
	width: 6em;
	margin-right: 10px;
}