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

/* ----------- STYLES FOR ALL PAGES -------------------------- */


body {
	font-family: "Times New Roman", Times, serif; 
	/*background-color:#FFFFCC; */
	background-image:url(images/bg-lightbulb.gif);
	background-position: 50px 20px;
	background-repeat:no-repeat;
}

h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:12px;}

p {font-size:12px; color:#333333;}
a {color:#0080C6;}

#wrapper {
	width:1060px;
	margin:0 auto;
	/* background-color:#FFFFFF; */
	
}

#grid-container {
	width:850px;
	margin:0 auto;
	background-color:transparent;
	/*background-color:#FFFFFF;
	 border:1px solid #e8e8e8; */
}

#top-menu { width:370px; margin:0px; float:right;}
#top-menu ul { list-style:none; padding:0; }
#top-menu li { float:left; display:inline; color:#999999; text-align:center;}
#top-menu li a {
	/*font-family: "Century Gothic", Arial, sans-serif; */
	font-family: arial,helvetica, sans-serif;
	color:#696969;
	text-decoration:none;
	font-size:11px;
	padding:10px 10px 0px 10px;
	letter-spacing:1.2px;
}
#top-menu li a:hover {color:#666666;}

.logo {margin-left:20px;}


.col-span3 {
	width:468px;
	margin:0;
	text-align:left;
	padding:20px;
	font-size:small;
}

.emphasis {
	font-family: "Times New Roman", Times, serif;
	color:#000000;
	font-style:italic;
	font-weight:bold;
	letter-spacing:normal;
	font-size:12px;
	line-height:1.3em;
}
.quote {font-style:italic;}
.frame {border:5px solid #e8e8e8;}
.thin-frame {border:2px solid #e8e8e8;}

.clear {clear:both;}
.floatr {float:right;}
.floatl {float:left;}

.ind {padding:15px;}

/*----- brightway colors -------*/
.gold {color:#FFC20E;}
.orange {color:#F37021;}
.pink{color:#ED0080;}
.red {color:#ED1C24;}
.purple{color:#5C2D91;}
.turquoise{color:#00ACCD;}
.blue{color:#0080C6;}
.green{color:#50B848;}

#footer {
	margin:20px 0px 20px 0px;
	
}
#footer p {
	font-family: arial,helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	letter-spacing:1.2px;
}

/* ----------- STYLES FOR HOME PAGE -------------------------- */

#home-menu {
	margin:40px 0px 0px 2px; 
	height:40px; /* set menu height here */
	width:auto;
}
#home-menu ul { list-style:none; padding:0;}

#home-menu li {
	float:left; 
	width:168px;  /* was 158*/ 
	display:inline;
	color:#363636;
	/*margin-left:2px;  spaces them apart x pixels */
	text-align:center;
	border-right:1px solid #999999;
}
#home-menu li a {
	color:#414141; 
	text-decoration:none; 
	font-size:18px; 
	display:block; 
	/*padding-top:20px; */ /* puts the text in the right place without affecting hover bg */
} 
#home-menu li a:hover {
	color:#666666;
}
#home-menu .last {border:none;}

/* ----- these are home page images and supporting text - same spacing as home menu */
#home-features {
	list-style:none; 
	margin:0px 0px 0px 2px; 
	padding:0;
}
#home-features ul { list-style:none; margin:20px 0px 0px 2px; padding:0;}

#home-features li {
	float:left; /* float whichever way you want */
	width:168px; 
	height:290px; 
	display:inline;
	color:#474747;
	/*margin-left:2px;  spaces them apart x pixels */
	text-align:center;
	border-right:1px solid #999999;
}
#home-features li p {
	text-align:left;
	padding:10px 10px 10px 15px; 
	/*font-family: "Century Gothic", Arial, sans-serif;*/
	font-family: arial,helvetica, sans-serif;
	letter-spacing:1.2px;
	font-size:10px;
}
#home-features .last {border:none;}

/* ----------- STYLES FOR SUB PAGES -------------------------- */

/* left side expanding menu */

#left-nav {
	margin-top:50px;
	float:left;
	width:168px;
	border-right:1px solid #999999;
}
ul#menu {
  /*width: 150px;
    border-top: solid 1px #b9a894; */
	list-style: none;
  	margin: 0;
  	padding-left: 20px;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 8px; 
}

ul#menu li, 
  ul#menu a {
  /*font-family: verdana, sans-serif;
  font-size: 11px;
  color: #785a3c; */
  color:#414141; 
  font-size:15px; 
  text-decoration:none;
  line-height:1.4em;
 
  /*padding:5px; */
}

/*
ul#menu li {
  border-bottom: solid 1px #b9a894; 
  line-height: 15px;
} */

ul#menu ol li {
  border-bottom: none;

}
/* make sub menu items smaller */
ul#menu li ol a {
  	font-size:90%;
}
ul#menu ol li:before {
  content: "~  ";  
  
 }

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  /*color: #539dbc; */
  color:#ED0080;
}

#portfolio {width:95%; background-color:#CCCCCC; padding:10px; }

.center-span3 {
	width:468px;
	margin:10px 0px 0px 170px;
	text-align:left;
	padding:20px;
	
}
.center-span3 p, .center-span3 ol {
	font-family: arial,helvetica, sans-serif;
	line-height:1.4em;
	font-size:11px;
}
 
#right-col {
	margin-top:20px;
	padding:10px;
	float:right;
	width:148px;
	border-left:1px solid #999999;
	/*background-color:#CCFFFF; really nice light blue */
}
#right-col ul { list-style:none;  padding:10px;}
#right-col li {color:#414141; font-size:12px; margin-bottom:5px;}
#right-col li a { /*color:#414141; text-decoration:none;*/ font-size:12px; padding:5px 0px 5px 0px;}
#right-col li a:hover {color:#CC3333;}

/*----------- styling for the 2 column page layout -----------*/

.col-right {width:260px; float:right; margin-top:158px; padding-right:20px;}

.col-left{
	width:350px;
	margin:10px 0px 0px 170px;
	text-align:left;
	padding:20px;
	
}
.col-left ul { list-style:none;  padding:10px;}
.col-left li {color:#414141; font-size:12px; margin-bottom:5px;}
.col-left li, .col-left a { /*color:#414141; text-decoration:none;*/ font-size:12px; padding:0px 0px 5px 0px;}
.col-left li a:hover {color:#CC3333;}
.col-left p {
	font-family: arial,helvetica, sans-serif;
	line-height:1.4em;
	font-size:11px;
}

/* ----------  styling for the client list page ------------*/

.clientlist {width:70%;	font-family: arial,helvetica, sans-serif;
	line-height:1.4em;
	font-size:11px;
	
	border:1px solid #999999;
}
.title-co { background-color:#666666; color:#FFFFFF;}
.title-plan {background-color:#0080C6; color:#FFFFFF;}
.title-id { background-color:#F37021; color:#FFFFFF;}
.title-prt{ background-color:#669900; color:#FFFFFF;}
.title-web{ background-color:#ED1C24; color:#FFFFFF;}
.title-seo{ background-color:#5C2D91; color:#FFFFFF;}

.list-co {background-color:#FFF2CA;}
.list-empty{background-color:#FFFFFF;}
.list-plan {background-color:#0080C6;}
.list-id, .list-id a {background-color:#F37021; color:#FFFFFF; text-decoration:none;}
.list-print, .list-print a {background-color:#669900; color:#FFFFFF; text-decoration:none;}
.list-web, .list-web a {background-color:#ED1C24; color:#FFFFFF;text-decoration:none;}
.list-seo, .list-seo a {background-color:#5C2D91;color:#FFFFFF;text-decoration:none;}