/* CSS Document Properties

Hello and thanks for the look. Email me if you have any questions - jamiemccue@gmail.com
Have a great day!

*/
/* +++++++++ [ FRAME and NAVIGATION ] +++++++++ */

html { min-height: 100%; margin-bottom: 1px; }

body { 
	font-family: "Lucida Sans", Arial, Helvetica;
	font-size: 95%; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #F6F4ED url(images/test/bg.gif) top left repeat-x;}
	
#twitter_div small a {
	color: black;
	display: block;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #4a5562;}
	
#twitter_div small a:hover {
	text-decoration: underline;}
	
#twitter_div ul {
	color: black;
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;}
		
#twitter_div ul li, #twitter_div ul li a {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: left;
	color: black;}
	
img { 
	border: 0;}
	
.container-top {
	margin-top: 10px;}
	
#container {
	width: 950px;
	text-align: left;
	margin: 0 auto;}
	
#featured {
	margin: 0;
	padding-top: 10px;
	height: 590px;
	background-color: #FFF;}
	
#featured .one {
	width: 250px;
	margin: 0 30px 0 15px;
	float: left;}
	
#featured .two {
	width: 600px;
	margin-right: 20px;
	float: left;}
	
#featured .three {
	width: 300px;
	margin-right: 15px;
	padding-top: 15px;
	float: right;}
	
ul#nav {
	text-align: right;
	list-style: none;
	margin: 32px auto 0 auto;
	padding: 0 15px 2px 0;
	border-bottom: 2px solid #778392;}
	
ul#nav li {
	list-style: none;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;}
	
ul#nav a {
	background-color: #ebeadf;
	color: #51565b;
	font: 0.95em Arial, Verdana, Helvetica;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	border-top: 1px solid #bdbcb6;
	border-right: 1px solid #bdbcb6;
	border-left: 1px solid #bdbcb6;}
	
ul#nav a:hover {
	background-color: #FFF;
	color: #51565b;
	border-top: 1px solid #bdbcb6;
	border-right: 1px solid #bdbcb6;
	border-left: 1px solid #bdbcb6;}
	
a.clientlogin {
	background-color: #f3f1ea;}
	
#maincontent {
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 0 20px;
	border-top: 2px solid #778392;
	background: transparent url('images/grad.gif') top left repeat-x;}
	
#maincontent2 {
	width: 916px;
	text-align: left;
	margin: 10px auto;
	padding-top: 10px;}
	
.bottompush {
	margin-bottom: 20px;}
	
#contact {
	width: 450px;
	text-align: left;
	float: left; 
	margin: 0 auto;}
		
#projects {
	width: 450px;
	text-align: left;
	float: left; 
	margin: 0 auto;}
	
#info {
	width: 180px;
	text-align: left;
	float: left; 
	margin: 0 0 0 37px;}
	
#news {
	width: 210px;
	text-align: left;
	float: left; 
	margin: 0 0 0 37px;}
	
#footer {
	clear: both;
	font-family: "Lucida Sans", Arial, Helvetica;
	font-size: 0.8em;	
	background-color: #1f2d3e;
	color: #C2E4FF;
	height: 150px;
	text-align: left;
	margin: 10px auto 0 auto;
	padding: 20px;}
	
#footer p {
	color: #C2E4FF;}
	
.accToggler{
	margin: 2px auto;
	padding: 4px 0 4px 10px;
	width: 439px;
	background: #e0ddd3;
	color: #313840;
	border: 1px solid #cbc6b6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
	
.nicebg {
	margin: 2px auto;
	padding: 3px 5px;
	background: #e0ddd3;
	color: #313840;
	border: 1px solid #cbc6b6;}
	
.accContent{
	margin: 0 auto;
	padding: 0;
	width: 450px;}
	
span.label,span.spacer,span.multiple span {width:120px;float:left; font-size: 12px;} 
span.multiple {float:left;} 
.button {padding-top: 6px;}
form div { padding-top: 5px;}
div.clear {clear:both;padding-top:5px;} 
	
/* +++++++++ [ TYPOGRAPHY ] +++++++++ */

ul {
	padding-left: 8px;
	margin-top: 0px;
	margin-left: 0;
	list-style-type: none;}

li {
	padding-left: 14px;
	list-style-type: none;
	background-image:  url(images/icon-greyarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;}

p, li, form { 
	font-family: "Lucida Sans", Trebuchet, Arial, Helvetica;
	font-size: 0.80em;
	line-height: 1.4em;
	color: #1d1e11;}
	
blockquote {
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 15px 15px 15px;
	padding: 5px 15px;}

.intro {
	padding: 20px 10px 20px 15px;
	text-align: center;}
	
.intro p {
	font-size: 0.9em;
	color: #38382f;
	text-align: left;
	line-height: 1.2em;
	margin: 0; padding: 0;}
	
a:link.white {
	color: #38382f;}
	
.box {
	padding: 8px 10px 8px 10px;
	border: 1px solid #e3dfd6;
	background: #FFF;}
	
.box p {
	font-family: Georgia, Times, Serif;
	font-size: 1em;
	color: #1d1e11;
	line-height: 1.4em;
	margin: 0; padding: 0;}

.dotsmargin {
	margin: 10px 0px 10px 0px;}
	
ul.services {
	list-style: none;
	padding: 0;}

ul.services li {
	padding: 0 1px 4px 16px;
	margin: 0;
	background-image: url('images/check.gif');
	background-position: 0 6px;
	background-repeat: no-repeat;}
	
#logos {
	text-align: left;
	margin-top: 20px;}
	
#logos ul {
	list-style: none;
	margin-bottom: 10px;}
	
#logos li {
	list-style: none;
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	padding: 0;
	background: none;}
	
/* Text Formatting */
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;}
	
small {
	font-size: 0.7em;}
	
.bold {
	font-weight: bold;}
	
h1 {
	font-family: Georgia, Times, Serif;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: lighter;
	color: #1f2d3e;
	line-height: 1.2em;
	margin: 0; 
	padding-bottom: 5px;}

h2 {
	font-family: "Lucida Sans", Arial, Helvetica;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #323840;
	border-bottom: 1px solid #D8D2C4;
	margin-bottom: 15px;
	padding: 5px 0 7px 21px;
	background:  url(images/cube-blue.gif) center left no-repeat;}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: lighter;
	color: #D5EDFF;
	background-color: #323841;
	margin-bottom: 0px;
	padding: 5px 7px 5px 10px;}
	
h3.project {
	font-family: "Lucida Sans", Arial, Helvetica;
	font-size: 0.8em;
	color: #1d1e11;
	display: inline;
	background-color: #E2DDCF;
	margin-bottom: 10px;
	padding: 2px 7px 2px 7px;}

h4 {
	font-family: "Lucida Sans", Arial, Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #FFF;
	padding: 2px 4px;
	color: #323840;
	margin-bottom: 15px;}

h5 {
	font-size: 1.5em;
	margin-left: 10px;
	color: #6C6C6C;}	

/* +++++++++ [ LINKS ] +++++++++ */

a:link, a:active, a:visited { 
	color: #1d1e11;
	text-decoration: underline;}
	
a:hover {
	text-decoration: none;
	color: #000;}

a:link.clientsite, a:visited.clientsite, a:active.clientsite {
	color: #1d1e11;
	text-decoration: underline;}
	
a:hover.clientsite {
	color: #1d1e11;
	text-decoration: none;}
	
a:link.view, a:visited.view, a:active.view {
	color: #1d1e11;
	text-decoration: underline;}
	
a:hover.view {
	color: #1d1e11;
	text-decoration: none;}
	
.red {
	color: red;}
	
/*a:link.nav, a:visited.nav, a:active.nav {
	color: #3A321A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	background-color: #DBD9D2;
	padding: 2px;
	text-decoration: none;}
	
a:hover.nav {
	color: #000;}
*/
	
a.top {
	font-size: 0.9em;
	text-decoration: none;
	color: #7C745A;
	margin-bottom: 30px;}
	
:focus {
	outline: none;}	
	
a.nounderline {
	text-decoration: none;}
	
/* +++++++++ [ CLASSES ] +++++++++ */

.float-left {
	float: left;}

.clear { 
	clear: both;}

.hidden { 
	display: none;}
	
.marginright { 
	margin-right: 10px;}

form { 
	border: 0;}
	
.longline {
	float:left;
	margin-bottom: 5px;
	margin-right: 4px;
	margin-top: 3px;}
	
.client  {
	font-size: 0.95em;
	color: #1d1e11;
	text-transform: uppercase;
	background-color: #b9dcfc;
	padding: 2px 6px 2px 6px;}

.clientinfo  {
	background-color: #fff;
	padding: 5px 10px 10px 10px;}
	
.clientinfo p {
	line-height: 1.6em;
	color: #1d1e11;}
	
.information {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #6D6A5C;}
		
.tools {
	 float: left;
	 margin-right:8px;
	 margin-bottom: 5px;}

.logo {
	margin: 0;
	padding: 0;}
	
.top {
	border-top: 2px solid #778392;
	padding-bottom: 10px;}
	
.bordertop {
	 border-top:1px solid #ccc;
	 padding-top:15px;}
	
.hr {
	background: #e0ddd3;
	border: 0px solid #cbc6b6;
	height: 1px;}
	
.grad {
	background: transparent url('images/grad.gif') top left repeat-x;}
	
.left {
	text-align: left;}
.center {
	text-align: center;}