@charset "UTF-8";
body {	font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	margin: 0px;	padding: 0px; background-color: #000000; background-image: url(images/background.jpg); background-position: center top; background-repeat: no-repeat;}
#container {	width: 640px; margin-left:auto; margin-right: auto; }
#logo	{ width: 640px; }
#nav {	clear:both; width: 640px; margin-top: 27px;}


#nav ol {	overflow:hidden; float:left;	list-style: none; padding: 0px; margin: 0px; width: 640px;}
#nav ol li {	float:left;	padding: 0px; padding-bottom:8px; margin: 0px;}
#nav li a {	display:block;	padding:10px 11px 10px 11px;	color:#fff;	text-decoration:none;	background-color: #2B222D; font-size: 60%; font-weight: bold; text-align: center; }
#nav ol li.active {	background:url('images/pink-triangle.png'); background-position: bottom center; background-repeat: no-repeat;}
#nav ol li.active a,
#nav ol li.active a:hover {	background-color:#A90649;	color: #FFFFFF;}
#nav ol li a:hover {	background-color:#999;	color:#2B222D;}


#menu-site a {	height:30px;}

#menu-title-about,
.active #menu-title-about:hover { width:61px;}

#menu-title-branding,
.active #menu-title-branding:hover { width:91px;}

#menu-title-webdesign,
.active #menu-title-webdesign:hover {	width: 166px;}

#menu-title-ecommerce,
.active #menu-title-ecommerce:hover {	width:79px;}

#menu-title-copywriting,
.active #menu-title-copywriting:hover {	width:101px;}

#menu-title-seo,
.active #menu-title-seo:hover {	width:133px;}

#title {	line-height: 42px; font-size: 130%; color: #fff; margin: 16px 0px 0px 0px; }

#title p {	line-height: 24px; font-size: 60%; color: #fff;  }
.purplebg {	background-image: url(images/purple-transparent.png); background-repeat: repeat; padding: 6px; }
.pinkbg {	background-image: url(images/pink-transparent.png); background-repeat: repeat; padding: 6px; }
.blkbg {	background-image: url(images/greybg.png); background-repeat: repeat; padding: 6px; }

#whitebox	{width: 620px; background-color: #fff; padding: 10px;	margin: 16px 0px 0px 0px;}
#greyinner	{width: 600px; background-color: #F3F3F3; padding: 10px;	}
#greyinner h1 { font-size: 120%; font-weight: normal; color: #1F1820; }
#greyinner p { font-size: 80%; font-weight: normal; color: #2D242F; line-height: 22px; }

#contactform { width: 940px; margin-left: auto; margin-right: auto; padding-top: 440px; }
#contactleft { width: 140px; float: left; text-align: right; padding-top: 39px; }
#contactright { width: 790px; float: right; }
#contactform p {font-size: 70%; color: #fff; line-height: 28px; margin: 0px; padding: 0px;}
#contactform a { color: #fff; text-decoration:none; }
#contactform a:hover { color: #fff; text-decoration:underline; }

#whitebox2	{width: 620px; background-color: #fff; padding: 10px;	margin: 16px 0px 0px 0px;}
#greyinner2	{width: 600px; background-color: #F3F3F3; padding: 10px;	}

#greyinner2	h1 { color: #A90649; font-size: 120%; font-weight: normal; }
#greyinner2	p { color: #333; font-size: 80%; line-height: 20px; }
#greyinner2	a { color:#007F83; text-decoration: none; }
#greyinner2	a:hover { color:#007F83; text-decoration: underline; }
.smallertxt { font-size: 60%; }

#leftcol { width: 292px; float: left; }
#rightcol { width: 292px; float: right; }

.input {	background-color: #fff;	font: 11px/14px Arial, Helvetica, sans-serif;	color: #2D242F;	margin: 4px 0 7px 0px;	padding: 1px;	border: 1px solid #fff;	width: 401px;}