/* CSS Document */
body {
	margin: 0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:0.8em;
	color:#DDDDDD;
	background: url(images/backgroundslice.jpg) repeat 0px 0px;
}

h1, h2, h3, h4{ color:#8B3878; color:#AC60B7; }
h1{
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 30px 0px;
	padding:0px;
	letter-spacing:1.5px;
}
h1.sub{ color:#DDDDDD; font-size:1.15em; text-align:left; letter-spacing:normal; font-weight:normal; font-style:italic; margin-bottom:30px;}
h2{
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	margin:30px 0px 20px 0px;
	padding:0px;
}

h2.small{
	font-size:1.4em;
	margin:30px 0px 10px 0px;
}
h3{
	font-size:1.1em;
	font-weight:bold;
	margin:30px 0px 0px 0px;
	padding:0px;
}

h4{
	font-size:1em;
	font-weight:bold;
	margin:25px 0px 10px 0px;
	padding:0px;
}

img { border: 0; }

table{ font-size:1em; }
p {font-size:1em;	margin:10px 0px 20px 0px; padding:0px; line-height:1.6em;}
ul,ol {font-size:1em;	margin:0px 0px 0px 20px; padding:0px;}

a{ color:#80759D; color:#8C88BA; text-decoration: none;}
a:hover { color:#FFFFFF;}


.floatleft { margin:0px 10px 10px 0px; float: left;}
.floatright { margin:0px 0px 10px 10px; float: right;}

.backtotop{
	font-size:0.9em;
	padding-left:16px;
	background:url(file:///C|/Web Design/local_sites/cody/images/backtotop.gif) no-repeat top left;
	clear:right;
}

.hide{ display:none; }
.clearall{ clear:both; height:1px; margin:0px; padding: 0px;}
.clearleft{ clear:left; height:1px; margin:0px; padding: 0px;}
/************************************************************************/
/* STRUCTURE */
/************************************************************************/

#container {
	width:100%;
	margin:auto;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background:none;
}
#home #container{ background: url(images/homebanner-back35.png) repeat-x 0px 180px;}

#banner{
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:170px;
	text-align:center;
	width: 100%;
	background:url(images/logo-line70.png) repeat-x 0px 10px;
/*	background:url(images/logo-line65.png) repeat-x 0px 10px;
	background:url(images/logo-line70.png) repeat-x 0px 10px;
*/
}
#logo{
	padding:0px;
	margin:0px auto;
	height:128px;
	width:1005px;
	text-align:left;
	position:relative;
}

#tagline {
	position:absolute;
	left:173px;
	top:105px;
	width:400px;
	height:24px;
	z-index:1;
	font-style:italic;
	color:#AAAAAA;
}

#logo a{
	outline:none;
}

#pagecontainer{
	clear:both;
	padding:1px 0px;
	margin:10px 0px;
	border: solid 0px #33CC00;
	background:none;
	text-align:left;
}


#pagecontainer{
	background:url(images/trans-dark70.png) repeat;
/*	background:url(images/trans-dark70.png) repeat;
	background: url(images/homebanner-backdbl.png) repeat-x 0px 0px;
*/	width:100%;
	margin:0px auto;
	padding: 5px 0px 40px 0px;
}

#home #pagecontainer{ background:url(images/trans-dark55.png) repeat;}

#pagecontent{ 
	width:1005px;
	margin:0px auto;
	padding: 0px 20px;
	text-align:left;
}

#pagecontent ul{	margin-left:20px;} /* so it doesn't affect lists in menu*/
#pagecontent li{ list-style:disc; padding-bottom:3px;} 
#pagecontent ul.fancy { list-style:none; list-style-image:none; margin:0px 0px 0px 0px; padding:0px; list-style-type: none; }
#pagecontent ul.fancy li{ list-style:none; list-style-image:none; padding: 0px 0px 3px 20px; background:url(images/bulletsilver.png) no-repeat 5px 5px; }

/* MENU **************************************************/

#bannermenu {
	height:100px;
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top: 30px;
	right: 1px;
	width:700px;
	text-align:right;
}
#bannermenu ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align:right;
}
#bannermenu li {
	display:inline;
	margin:0px; 
	padding:0px 0px 0px 0px;
	line-height:100px;

	font-size:1.1em;
	letter-spacing:1px;
	border: 0px solid #FFFF99;
}

#bannermenu li a {
	display:inline; 
	height:70px; 
	line-height:100px; 
	padding:0px 5px 30px 15px;
	text-decoration:none;
	color:#FFFFFF;
	color:#CCCCCC;
	font-weight:normal;
	margin: 0px 0px 0px 20px;
	outline:none;
	border: 0px solid #99FFFF;
}
#bannermenu a:hover{
	color:#B172A3;
}

#bannermenu #current a {
	color:#FFFFFF;
	font-weight:bold;
	background:url(images/logo-line-arrow.png) no-repeat center 23px;
}

/* HOME PAGE ***********************************************************************/

#homepageintrobanner{	height:320px; 	background1:url(images/trans-dark.png) repeat; padding: 0px 10px 30px 40px;}
#homepageintrotext{
	width:420px;
	float:left;
}
#homepageintrotext h1{
	margin:0px 0px 20px 0px; 
	font-weight:normal;
	font-size:1.5em; 
/*	color:#80759D; */

	letter-spacing:0.09em;
}
#homepageintrotext h1.tagline{
	font-size:1.7em; 
	text-align:center; 
	letter-spacing:0.1em;
	color:#EEEEEE;
	margin-bottom:20px;
}
#homepageintrotext h2{ font-size:1.3em; margin: 10px 0px 0px 0px;; font-weight:normal; letter-spacing:1px;}
#homepageintrotext p{ font-size:1.05em; margin-top: 0px; }
#homepageintrotext p.summary{ font-size:1.1em; margin-top: 30px; }

#homepageintrotext table p{ line-height:1.3em;}


#servicesmenu{
	width:240px;
	float:right;
	margin: 0px 0px 60px 70px;
	padding: 0px;
}
#servicesmenu h2{ 	margin: 0px 0px 20px 0px; font-size:1.2em; letter-spacing:0.1em; padding: 0px;}
#servicesmenu h2 a{ color:#CCCCCC;}
#servicesmenu h2 a:hover{ color:#FFFFFF;}

#pagecontent #servicesmenu ul{ list-style:none; list-style-image: none; margin: 0px; padding: 0px;}
#pagecontent #servicesmenu li{ list-style:none; list-style-image: none; margin: 0px 0px 10px 0px; padding:0px; font-size:1em; letter-spacing:0.08em; }

#serviceiconmenu{margin:0px 0px 50px 0px; }

ul#featurelist{list-style:none; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px;}
/*ul#featurelist li{list-style:none; list-style-image: none; margin: 0px; padding: 0px 0px 5px 0px; background:none;}
*/


.iconoption{
	width:200px;
	float:left;
	text-align:center;
	margin:20px 30px 20px 0px;
	padding: 0px;
}
.iconoption p{text-align:left; padding:0px; margin: 0px;}
.iconoption p.linktext{text-align:center; margin: 0px; padding:5px; font-size:1.1em; letter-spacing:0.1em;}


#homeservicemenu { margin: 35px 0px 0px 0px; }
#homeservicemenu .iconoption{ width:100px;	margin:0px 0px; }
#homeservicemenu .iconoption p{ line-height:1.3em; font-size:1em; letter-spacing:0em;}


#servicesmenu .iconoption{ margin:0px 0px 20px 0px; float:none; height:50px; padding:0px; }
#servicesmenu .iconoption p{ line-height:1.3em; text-align:left; font-weight:bold;}
#servicesmenu a .servicelink { margin:0px 10px 0px 0px; float:left; }


a .servicelink { display:block; width:48px; height:48px; padding: 0px 0px 0px 0px; margin: 0px auto;}
a #brochurelink {background: url(images/icons/icon_brochure-over.png) no-repeat 0 0;}
a:hover #brochurelink {background: url(images/icons/icon_brochure-over.png) no-repeat 0 -48px;}
a #ecommercelink {background: url(images/icons/icon_ecommerce-over.png) no-repeat 0 0;}
a:hover #ecommercelink {background: url(images/icons/icon_ecommerce-over.png) no-repeat 0 -48px;}
a #bespokelink {background: url(images/icons/icon_bespoke-over.png) no-repeat 0 0;}
a:hover #bespokelink {background: url(images/icons/icon_bespoke-over.png) no-repeat 0 -48px;}
a #seolink {background: url(images/icons/icon_seo-over.png) no-repeat 0 0;}
a:hover #seolink {background: url(images/icons/icon_seo-over.png) no-repeat 0 -48px;}

#standardfeatureicons{ margin: 30px 0px 50px 0px;}
#standardfeatureicons .iconoption{ width:100px; border: 0px solid #FFFF00; margin: 0px 10px 0px 0px;}
#standardfeatureicons .iconoption p{ font-size:0.9em; line-height:1.em; letter-spacing:normal;}
a #linkseo {background: url(images/icons/icon_seo-over.png) no-repeat 0 0;}
a:hover #linkseo {background: url(images/icons/icon_seo-over.png) no-repeat 0 -48px;}
a #linkdesign {background: url(images/icons/icon_design.png) no-repeat 0 0;}
a:hover #linkdesign {background: url(images/icons/icon_design.png) no-repeat 0 -48px;}
a #linkedit {background: url(images/icons/icon_edit.png) no-repeat 0 0;}
a:hover #linkedit {background: url(images/icons/icon_edit.png) no-repeat 0 -48px;}
a #linkvisits {background: url(images/icons/icon_graph.png) no-repeat 0 0;}
a:hover #linkvisits {background: url(images/icons/icon_graph.png) no-repeat 0 -48px;}
a #linkdev {background: url(images/icons/icon_dev.png) no-repeat 0 0;}
a:hover #linkdev {background: url(images/icons/icon_dev.png) no-repeat 0 -48px;}
a #linkhost {background: url(images/icons/icon_host.png) no-repeat 0 0;}
a:hover #linkhost {background: url(images/icons/icon_host.png) no-repeat 0 -48px;}


ul#standardfeatures li a { display:block; height:22px; padding: 0px 0px 0px 28px; margin: 0px 0px 15px 0px; line-height:22px;}
ul#standardfeatures a#linkseo {background: url(images/icons/icon_seo22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkseo {background: url(images/icons/icon_seo22.png) no-repeat 0 -22px;}
ul#standardfeatures a#linkdesign {background: url(images/icons/icon_design22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkdesign {background: url(images/icons/icon_design22.png) no-repeat 0 -22px;}
ul#standardfeatures a#linkedit {background: url(images/icons/icon_edit22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkedit {background: url(images/icons/icon_edit22.png) no-repeat 0 -22px;}
ul#standardfeatures a#linkvisits {background: url(images/icons/icon_graph22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkvisits {background: url(images/icons/icon_graph22.png) no-repeat 0 -22px;}
ul#standardfeatures a#linkdev {background: url(images/icons/icon_dev22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkdev {background: url(images/icons/icon_dev22.png) no-repeat 0 -22px;}
ul#standardfeatures a#linkhost {background: url(images/icons/icon_host22.png) no-repeat 0 0;}
ul#standardfeatures a:hover#linkhost {background: url(images/icons/icon_host22.png) no-repeat 0 -22px;}


/*
ul#featurelist li {list-style:none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; }
ul#featurelist li a { display:block; height:48px; width:48px; padding: 0px 0px 0px 0px; margin: 0px auto; }
a#linkseo {background: url(images/icons/icon_seo-over.png) no-repeat 0 0;}
a:hover#linkseo {background: url(images/icons/icon_seo-over.png) no-repeat 0 -48px;}
a#linkdesign {background: url(images/icons/icon_design.png) no-repeat 0 0;}
a:hover#linkdesign {background: url(images/icons/icon_design.png) no-repeat 0 -48px;}
a#linkedit {background: url(images/icons/icon_edit.png) no-repeat 0 0;}
a:hover#linkedit {background: url(images/icons/icon_edit.png) no-repeat 0 -48px;}
a#linkvisits {background: url(images/icons/icon_graph.png) no-repeat 0 0;}
a:hover#linkvisits {background: url(images/icons/icon_graph.png) no-repeat 0 -48px;}
a#linkdev {background: url(images/icons/icon_dev.png) no-repeat 0 0;}
a:hover#linkdev {background: url(images/icons/icon_dev.png) no-repeat 0 -48px;}
a#linkhost {background: url(images/icons/icon_host.png) no-repeat 0 0;}
a:hover#linkhost {background: url(images/icons/icon_host.png) no-repeat 0 -48px;}
*/
/*
ul#featurelist li a { display:block; height:22px; padding: 0px 0px 0px 28px; margin: 0px 0px 3px 0px; line-height:22px;}
ul#standardfeatures li a { display:block; height:22px; padding: 0px 0px 0px 28px; margin: 0px 0px 15px 0px; line-height:22px;}
a#linkseo {background: url(images/icons/icon_seo22.png) no-repeat 0 0;}
a:hover#linkseo {background: url(images/icons/icon_seo22.png) no-repeat 0 -22px;}
a#linkdesign {background: url(images/icons/icon_design22.png) no-repeat 0 0;}
a:hover#linkdesign {background: url(images/icons/icon_design22.png) no-repeat 0 -22px;}
a#linkedit {background: url(images/icons/icon_edit22.png) no-repeat 0 0;}
a:hover#linkedit {background: url(images/icons/icon_edit22.png) no-repeat 0 -22px;}
a#linkvisits {background: url(images/icons/icon_graph22.png) no-repeat 0 0;}
a:hover#linkvisits {background: url(images/icons/icon_graph22.png) no-repeat 0 -22px;}
a#linkdev {background: url(images/icons/icon_dev22.png) no-repeat 0 0;}
a:hover#linkdev {background: url(images/icons/icon_dev22.png) no-repeat 0 -22px;}
a#linkhost {background: url(images/icons/icon_host22.png) no-repeat 0 0;}
a:hover#linkhost {background: url(images/icons/icon_host22.png) no-repeat 0 -22px;}
*/





#homepageslideshow{
	width:400px;
	float:right;
	height:300px;
	overflow:hidden;
	margin: 0px;
}

#portfoliolink { float:right; clear: right; font-size: 0.9em; padding: 10px 33px 0px 0px; margin: 0px; width:400px; text-align:right;}
#homepageskills{
margin: 20px 0px 0px 0px;
width:100%;
}

#homepageskills table{
	border-collapse:collapse;
	table-layout:fixed;
	border:none;
	padding: 0px;
	margin: 0px;
width:100%;
}
#homepageskills table td{
	margin: 0px;
	padding: 0px 10px 10px 10px;
	vertical-align:top;
}

#homepageskills table th h2{ margin: 0px; padding: 0px; font-size:1.1em; text-align:center; color:#FFFFFF; }
#homepageskills table th h2 img{ margin: 10px; vertical-align:middle;}
#homepageskills table th p img{ margin: 0px; }

#homepageskills table p{ margin: 0px; padding:5px 15px; }
#homepageskills table th{
	margin: 0px;
	padding:0px 0px 0px 0px;
	text-align:center;	vertical-align:middle;
}

#homepageskills table .skill{ width:220px; padding: 10px 0px 20px 0px; }
#homepageskills table th.add{ padding: 0px 0px 10px 0px; font-size:1.3em; text-align:center; color:#FFFFFF; font-weight:bold;}
/*
#homepageskills td.skill1,
#homepageskills td.skill2,
#homepageskills td.skill3,
#homepageskills td.skill4
{background-color:#000000; }
*/
#home #homepageskills td.skill1{ background:url(images/grad-wine.png) repeat-x center top; background-color:#1E0411; }
#home #homepageskills td.skill2{ background:url(images/grad-purple.png) repeat-x center top; background-color:#1E011F; }
#home #homepageskills td.skill3{ background:url(images/grad-navy.png) repeat-x center top; background-color:#0D0A1F; }
#home #homepageskills td.skill4{ background:url(images/grad-teal.png) repeat-x center top; background-color:#01111E; }

#homepageskills td.skill1{ background:url(images/grad-wine.jpg) repeat-x center top; background-color:#1E0411; }
#homepageskills td.skill2{ background:url(images/grad-purple.jpg) repeat-x center top; background-color:#1E011F; }
#homepageskills td.skill3{ background:url(images/grad-navy.jpg) repeat-x center top; background-color:#0D0A1F; }
#homepageskills td.skill4{ background:url(images/grad-teal.jpg) repeat-x center top; background-color:#01111E; }

#homepagecontent{
margin: 20px 40px 0px 40px;
width:100%;
}
#homepagecontent h2{
	margin-top:0px; 
	font-size:1.3em; 
	font-weight:normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #B98AEA;
}
.homepagesection{
	width:275px;
	float:left;
	margin:0px 45px 0px 0px;
}

#homepagecontent .lastfloat{
margin-right:0px;
}


.sidecol{
	width:330px;
	float:right;
	margin: 0px 0px 20px 40px;
	padding: 0px;
}

.sidecol h2{ margin-top:10px; }

#seoinfo,
#domainnameinfo{
margin: 20px 50px;
padding: 10px 20px;
border: 1px solid #5D2466;
background:url(images/trans-dark70.png);
}

/* FOOTER ***********************************************************************/

#footer{
	clear: both;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

#footer ul {
	background:url(images/silverline.png) repeat-x 0px 0px;
	padding: 18px 30px 0px 30px;
	list-style: none;
	margin: 0px;
}

#footer li{
	display: inline;
	font-size:0.9em;
	list-style-type: none;
	padding: 0px 15px;
}

#footer p{
	font-size:0.85em;
	padding: 0px 0px 0px 0px;
	color:#EEEEEE;
	margin: 15px 0px 0px 0px;
}

#footer a{ text-decoration: none; color: #BBBBBB;  font-weight: normal; }
#footer a:hover { text-decoration: none; color: #FFFFFF;  font-weight: normal;}

a.buttonlink{
	font-weight:normal;
	color:#000000;
	background: url(file:///C|/Web Design/local_sites/cody/images/btn_150.png) no-repeat 0 0;
	line-height:29px;
	display:block;
	width:150px;
	height:29px;	
	text-align:center;
	margin: 10px auto;
	padding: 0px 0px 1px 0px;
	font-size:0.9em;
}
a.buttonlink:hover{
	background: url(file:///C|/Web Design/local_sites/cody/images/btn_150.png) no-repeat 0 -28px;
	color:#255720;
	padding: 1px 0px 0px 0px;
}

#contactinfo{width:850px;  margin: 0px 0px 0px 60px;margin: 30px auto;}
#contactform{margin-left:40px;}
#contactdets{ margin:0px 0px 0px 0px;}
.hasicon, #contactdets p{ margin: 0px 0px 8px 0px; line-height: 18px;}
.hasicon img, #contactdets img{ margin: 0px 5px 0px 0px; float:left; clear:left; vertical-align:middle;}

#quoteinfo{ width: 250px; float:right;}
#contactinfo h3{ margin:0px 0px 10px 0px;}