/***************************************************

	CSS for The Web Workshop by Andrew McEwan
	
****************************************************/

*	{
	border:none;
	padding:0px;
	margin:0px;
	}
	
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	background-image:url(images/backgrounds/backgound_gradient.jpg);
	background-repeat:repeat-x;
	color:#666666;
	}

h1,h2,h3,h4 {
	font-size:1em;
	border:none;
	padding:0px;
	margin:0px;
	}
	
a,
a:link,
a:visited {
	text-decoration:underline;
	font-weight:bold;
	border:none;
	padding:0px;
	margin:0px;
	}
	
a:hover {
	text-decoration:none;
	font-weight:bold;
	border:none;
	padding:0px;
	margin:0px;
	}

a:active {
	text-decoration:none;
	font-weight:bold;
	border:none;
	padding:0px;
	margin:0px;
	}
	
#mainContainer {
	width:761px;
	min-width:761px;
	height:auto;
	margin: 0 auto;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #6495ed;
	border-left-color: #cccccc;
	padding:0px;
	font-size:1em;
	}

#mainContainer #leftColBackground {
	width:180px;	
	background:white;
	background-image:url(images/backgrounds/background_navigation.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	font-size:1em;
	}
	
#mainContainer #leftColumn {
	/*width:180px;	
	background:white;
	background-image:url(images/backgrounds/background_navigation.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	font-size:1em;*/
	background-image:url(images/backgrounds/fading_border.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	position:relative;
	}
	
#mainContainer #leftColumn #strapLine {
	position:absolute;
	width:281px;
	height:21px;
	left:466px;
	top:170px;
	}

#mainContainer #leftColumn #logo {
	padding-top:5px;
	padding-bottom:10px;
	}


#mainContainer #leftColumn h2#dotBiz a img {
	float:left;
	padding-right:10px;
	padding-bottom:40px;
	border:none;
	}
	
#mainContainer #leftColumn h2#dotBiz a {
	color:#333333;
	padding-bottom:10px;
	text-decoration:none;
	}
	
#mainContainer #leftColumn h2#dotBiz a:hover {
	text-decoration:underline;
	}

#leftColumn ul,
#liftColumn ul li {
	list-style:none;
	}

#leftColumn h4 a, h4 a:link, h4 a:visited, h4 a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #669999;
	width:169px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
    padding-bottom:5px;
    padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	margin: 0px;
	letter-spacing:0.10em;
	}
	
#leftColumn h4 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: white;
	width:170px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	margin: 0px;
	background-color: #B3B3B3;
	}
	
#leftColumn h4 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #669999;
	width:170px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
    padding-bottom:5px;
    padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	list-style:url(none) none inside;
	margin: 0px;
	}
	
/*	Navigation List Styleeee  */


#leftColumn ul li a, 
#leftColumn ul li a:link, 
#leftColumn ul li a:visited, 
#leftColumn ul li a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #669999;
	width:169px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
    padding-bottom:5px;
    padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	margin: 0px;
	letter-spacing:0.10em;
	list-style:none;
	}

#leftColumn ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: white;
	width:170px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	margin: 0px;
	background-color: #B3B3B3;
	}

#leftColumn ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #669999;
	width:170px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
    padding-bottom:5px;
    padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	list-style:url(none) none inside;
	margin: 0px;
	}
	
.currentPage {
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	
	width:169px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 5px;
    padding-bottom:5px;
    padding-left:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E1E1E1;
	border-bottom-color: #999999;
	margin: 0px;
	letter-spacing:0.10em;
	list-style:none;
	
	background-color:#474747;
	color:white;
	}


/*#leftColumn h4 a:first-letter { text-decoration: underline;}*/

#leftColumn #news {
	padding-top:10px;
	clear:left;
	}
	
#leftColumn #news h1 {
	font-size: 1.8em;
	font-weight:bold;
	color:#669999;
	padding-bottom:5px;
	}
	
#leftColumn #news h2 {
	font-size: 1.1em;
	text-align:left;
	color:#669999;
	font-weight:bold;
	padding-left:5px;
	}
	
#leftColumn #news h3 {
	font-size: 1.0em;
	text-align:left;
	color:#669999;
	font-weight:normal;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
#leftColumn #news h3 a {
	padding:0px;
	margin:0px;
	text-align:left;
	color:#669999;
	font-weight:bold;
	}
	
#leftColumn #news #separator {
	padding-top:5px;
	padding-bottom:5px;
	width:90%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #669999;
	border-right-color: #669999;
	border-bottom-color: #669999;
	border-left-color: #669999;
	}
	
#mainContainer #rightColumn {
	float:left;
	width:580px;
	text-align:right;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	border:none;
	}
	
#rightColumn #screengrabs {
	clear:left;
	width:580px;
	height:220px;
	text-align:right;
	}
	
#rightColumn #screengrabs img {
	text-align:left;
	float:left;
	}
	
#rightColumn #screengrabs h2 {
	color:#6495ed;
	text-decoration:none;
	padding:0px 15px 0px 0px;
	margin:0px;
	}

#rightColumn #screengrabs h2 a {
	color:#6495ed;
	text-decoration:underline;
	}
	
#rightColumn h1 {
	padding-top:15px;
	padding-right:15px;
	font-size:18px;
	color:#6495ed;
	font-weight:bold;
	padding-bottom:10px;
	}
	
#rightColumn h2 {
	padding-right:15px;
	font-size:1.6em;
	color:#6495ed;
	font-weight:bold;
	padding-bottom:10px;
	line-height:1.6em;
	}
	
#rightColumn #rightContent {
	width:100%;
	clear:left;
	background-color:#FFFFFF;
	}
	
#rightContent #textarea {
	float:left;
	width: 560px;
	/*width:400px;*/
	background-color:white;
	padding:0px 10px;
	margin:0px;
	text-align:left;
	}
	
#textarea img {
	border:none;
	}
	
#textarea p {
	font-size:1.1em;
	line-height:1.5em;
	letter-spacing:0.05em;
	clear:left;
	padding-bottom:10px;
	}
	
#textarea p a, 
#textarea p a:link, 
#textarea p a:visited, 
#textarea p a:hover, 
#textarea p a:active {
	color: #666666;
	}

#textarea ul {
	font-size:1.1em;
	letter-spacing:0.05em;
	clear:left;
	padding-bottom:10px;
	}
	
#textarea ul li {
	padding-bottom:5px;
	list-style-position: outside;
	list-style-type: square;
	color:#666666;
	}

#textarea ul a, 
#textarea ul a:link, 
#textarea ul a:visited, 
#textarea ul a:hover, 
#textarea ul a:active {
	color: #666666;
	}

#textarea table {
	font-size:1.2em;
	}
	
#textarea .screenshot {
	float:left;
	width:135px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	clear:left;
	}

.separator {
	clear:both;
	}
	
#textarea .portfolioText {
	float:left;
	padding-bottom:15px;
	margin-left:15px;
	/*width:250px;*/
	width:410px;
	}
	
#textarea .portfolioText h1 {	
	font-size: 1.4em;
	font-weight:bold;
	color:#6495ed;
	padding-bottom:5px;
	}
	
#textarea .imageLeft {
	float:left;
	padding-right:15px;
	padding-bottom:30px;
	border:none;
	}
	
#textarea p .imageLeft {
	float:left;
	padding-right:15px;
	padding-bottom:30px;
	border:none;
	}
	
#textarea .centrePic {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	border:none;
	}
	
#textarea #previousArticles {
	position:relative;
	}

#textarea #previousArticles p {
	background-image:url(images/bullets/005-folder_doc.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:1.2em;
	}
	
#rightContent #sidearea {
/*	float:left;
	width:160px;
	padding:0px;
	background-color:white;
	margin: 0px;*/
	display:none;	
	}
	

#sidearea a {
	border:none;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height: 0px;
	height: 110px;
	width: 160px;
	}
	
h5 {
	font-size:1.4em;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:5px;
	color:#6495ed;
	}
	
/*******************************************

			Footer
			
********************************************/

#footer {
	width:760px;
	clear:left;
	text-align: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer p, 
#footer p a, 
#footer p a:link, 
#footer p a:visited, 
#footer p a:hover, 
#footer p a:active {
	display:inline;
	text-decoration:none;
	color:#A2A2A2;
	padding-left:10px;
	padding-right:5px;
	}
	
#footer p a:hover {
	text-decoration:underline;
	}

/*	Contact Form  */

/* CSS Document */

#formHolder	{
	width:100%;
	font-size: 1.2em;
	float:right;
	}

form {
	width:100%;	
	}

label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 125px;
	padding-right: 20px;
	font-size: 1em;
}

#formHolder br {
	clear: left;
}

.submitButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #006666;
	text-align: center;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003333;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #003333;
	width: auto;
}
input, textarea, select {width: 40%;}

#formHolder input, textarea, select {
	border:#6495ed solid 1px;
	}

#contactSubmitButton {
	width: 168px;
	height:31px;
	border:none;
	}

.required {
			color: red;
			font-weight: bold;			
		}

#dotBizForm {
	position:relative;
	}
	
/* external links
================================== */

a[href^="http:"] {
  background: url(images/icons/external.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http:"] img.screenshot {
  background: none;
}


/* email links
================================== */

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

/*************************************************

	Pull Quote
	
**************************************************/

blockquote {
float: right;
width: 300px;
margin: 0 -20px 20px 20px;
background: #e1e1e1 url(images/pullquotes/pullquote_top.gif) no-repeat;
position: relative;
font-family: Georgia, "Times New Roman", serif;
color: #333333;
font-size:1.6em;
}

#textarea > blockquote {
margin-right: -40px;
}

p.quoteBody {
color: #363636;
font-size: 165%;
line-height: 1.2em;
font-weight: bold;
padding: 40px 10px 20px 25px;
text-align: center;
background: url(images/pullquotes/quotemark_bottom.gif) bottom right no-repeat;
width: 285px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 250px;
}

p.quoteCite {
color: #003663;
font-size: 125%;
font-weight: bold;
text-align: right;
padding-right: 15px;
padding-bottom: 30px;
background: url(images/pullquotes/pullquote_bottom.gif) left bottom no-repeat;
margin-bottom: 0;
}

.clear {
	clear:left;
	}
	
/******************************************

	Constant Contact Stuff
	
*******************************************/

.constantContactLogo {
	float:right;
	padding-left:15px;
	padding-bottom:15px;
	}
	
.constantContactButton {
	text-align:center;
	padding:25px;
	}
	
.constantContactLogoAlt {
	padding:15px;
	}
	
.constantContactHeading {
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	}
	
.constantContactSubHeading {
	color:#666666;
	font-size:1em;
	padding-bottom:15px;
	}
	
.imageRight {
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	
	
h3.portfolio {
	font-size:1.2em;
	padding-bottom:10px;
}