body {
	background:url(/Images/Templates/navigation/bg-header.jpg) repeat-x top;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

a {
	text-decoration:none;
}

img {
	border:none 0px;
	text-decoration:none;
}

.bold {
	font-weight:bold;
}

/** MAIN CONTAINERS **/

#maincontainer {
	width:775px;
	position:relative;
	margin:0px auto;
}

#header {
	position:relative;
	float:left;
	width:775px;
	height:150px;
	margin:0px;
}

#header-block {
	float:left;
	width:755px;
	padding:0px 10px;
	height:170px;
}

#main-content {
	position:relative;
	margin:0px;
	width:755px;
	padding:20px 10px;
}

#footer {
	position:relative;
	margin:0px;
	width:100%;
	color:#FFF;
	height:190px;
	background:url(/Images/Templates/bg-footer.jpg);
}

.clearer { clear:both;font-size:1px;height:0px;line-height:0px; }


/** HEADER STYLES **/

#header a.logo { 
	position:absolute;
	top:0px;
	left:0px;
}

#header a.header-login {
	display:none;
/**	position:absolute;
	right:0px;
	top:10px; **/
}

#header a.header-blog {
	display:none;
/**	position:absolute;
	right:0px;
	top:60px; **/
}

#speech-bubble {
	position:absolute;
	width:307px;
	height:101px;
	background:url(/Images/Templates/speech-bubble.png) no-repeat;
	left: 426px;
	top: 176px;
	padding:15px;
}

#speech-bubble p {
	margin:0px 0px 5px 0px;
	line-height:14px;
	color:#000;
}

#speech-bubble a.read-more  {
	font-weight:bold;
	color:#000000;
	text-align:right;
	float:right;
}


#main-heading {
	position:absolute;
	width:350px;
	height:67px;
	left: 10px;
	top: 262px;
}

#main-heading h1 {
	color:#FF0099;
	font-size:38px;
	font-weight:bold;
	line-height:36px;
	margin:0px;
	padding:0px;
}

#main-heading p {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin:0px;
}

#nav {
	position:absolute;
	top:106px;
	left:30px;
	width:770px;
	height:40px;
    font-size:12px;
    line-height:normal;
	margin:0px;
	padding:0px;
}

#nav a {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	/*white-space:nowrap;*/
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
	height:42px;
	overflow:hidden;
	/*white-space:nowrap;*/
}

#nav ul li {
    float:left;
    background:url(/Images/Templates/navigation/bg-tabs.png) repeat-x top;
    margin:0px 2px;
    padding:0px;
	/*white-space:nowrap;*/
}

 #nav ul li a {
    display:block;
    background:url(/Images/Templates/navigation/bg-tabs.png) top;
    padding:20px 15px 0px 15px;
	height:42px;
	/*white-space:nowrap;*/
}
	
#nav ul li a.focus,
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.focus  {
	background-position: 0px -38px;
    padding:20px 15px 0px 15px;

}	
	
#nav #current {
	margin:0px 2px;
	padding:0px;

}
	
#nav #current a {
	background-position: 0px -38px;
}
	

#main-content h2, faq-list h2 {
	color:#999999;
	font-size:18px;
	margin:5px 0px 5px 0px;
}

#main-content p {
	color:#000000;
	margin:0px 0px 15px 0px;
}

#main-content a {
	border-bottom:dotted #000000 thin;
	color:#000000;
}

#main-content ul li {
	list-style:url(Images/Templates/bullet-pink-circle.png);
}

.pink, #showcase-container .pink {
	color:#F09;
	font-weight:bold;
}

/** QUICKLINKS STYLES **/

#quicklinks a {
	color:#CCCCCC;
	text-decoration:none;
}

#quicklinks a:hover {
	color:#FFF;
}

#quicklinks {
	position:relative;
	margin:0px auto;
	width:785px;
	padding:20px 0px 0px 15px;
}

#quicklinks ul {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 3px;
}

#quicklinks ul li {
	list-style:none;
	margin:0px 0px 3px 0px;
}

#quicklinks ul .space-above {
	list-style:none;
	padding:8px 0px 3px 0px;
	margin:10px 0px 0px 0px;
}

#quicklinks .extra-width {
	width:110px;
}

#partnerships {
	position:relative;
	background:#f6f6f6;
	border:#999 solid 1px;
	padding:45px 10px 10px 25px;
	margin:0px 0px 20px 0px;
	width: 725px;
}

#partnerships h2 {
	color:#F09;
}

#partnerships ul {
	margin:0px;
	padding:0px 0px 10px 20px;
}

#partnerships ul li {
	list-style:url(/Images/Templates/bullet-heart.png);
	padding:0px 0px 5px 0px;
}

#partnerships .hearts {
	position:absolute;
	left:5px;
	top:5px;
}

/** WHAT DO YOU WANT TO GENERATE? **/

#generate {
	position:relative;
	background:#f2f2f2;
	padding:5px;
	margin:0px;
	width: 750px;
	height:240px;
}

#generate a.option {
	float:left;
	width:340px;
	text-decoration:none;
	border:none;
	padding:10px;
	margin:2px 5px;
}

#generate a:hover.option {
	background:url(Images/Templates/bg-generate.png) repeat top left #bbb;
}

#generate h2 {
	color:#000;
	font-size:16px;
	margin:0px;
}

#generate p {
	margin:0px;
}

/** SERVICES PAGE **/

#website-design-services, #graphic-design-services,{
	float:left;
	width:630px;
	padding:0px 30px 0px 0px;
	color:#333;
}

#website-design-services h1, #graphic-design-services h1 {
	color:#C09;
	margin:10px 0px 0px 0px;
	font-size:16px;
}

#website-design-services h2, #graphic-design-services h2 {
	margin:0px;
	font-size:14px;
	margin:10px 0px 2px 0px;
	color:#999;
	font-weight:bold;
}

/** HOME PAGE STYLES **/

#home-left {
	float:left;
	width:370px;
	padding:0px 30px 0px 0px;
	color:#333;
}

#home-right {
	float:left;
	width:330px;
	padding:0px 0px 0px 0px;
	color:#333;
}

#main-content h2.pink-underline {
	width:100%;
	border-bottom:#666666 solid 1px;
	color:#F09;
	font-size:20px;
	margin:20px 0px 0px 0x;
}

#main-content h2.black {
	color:#000;
	margin:4px 0px 0px 0px;
	padding:0px;
}

.home-left-website-services {
	width:230px;
	float:left;
}

.home-left-graphic-services {
	width:135px;
	float:left;
}

.home-left-website-services ul, .home-left-graphic-services ul {
	margin:0px 10px 30px 10px;
	padding:0px 0px 0px 5px;
}

/** FAQ's STYLING **/

#faq-list {width:770px; left:0px; margin:0px; text-align:left;}
#faq-list p { line-height:normal; margin:0px; line-height:14px;}
	
#faq-list ul, #faq-list ul li { list-style:none outside; }
#faq-list h2 { margin:10px 0px 0px 0px;}
#faq-list h3 {color:#000;line-height:24px;height:24px;margin:0px; border-top:1px dotted #666666}
#faq-list p { margin:0px;;padding-bottom:6px; }
#faq-list a { color:#666; height:24px;line-height:24px; font-weight:normal; text-decoration:none;font-size:11px;padding-right:5px; }
#faq-list a:hover { color:#C09; }

#faq-list h3 { position: relative; cursor: pointer; margin:0px 0px 0px 20px; }
#faq-list h3 a { text-decoration: none; border:none 0px; font-size:12px; color:#000; }	

#faq-list div.heading {margin:10px 0 0 0; padding: 5px;display:none;}

div.collapse { width: 655px; margin: 5px 0px 5px 25px; background:#E6E6E6; padding:10px; }
div.collapse-container { width: 655px; height: 100%; }


/** WIPE OUT CRAZY BC STYLES **/
ul li {
	list-style:none;
}

/** HOME PAGE SHOWCASE **/
#showcase-container {
	width:340px;
	padding:10px;
	background:#333333;
	float:left;
	text-align:center;		
}

#showcase-container p {
	color:#e0e0e0;
	text-align:left;
	padding:0px 0px 0px 5px;
	margin:0px;
}

#showcase-container h2 {
	color:#009933;
	margin:15px 0px 5px 0px;
	font-size:16px;
	text-align:left;
	padding:0px 0px 0px 5px;
}

#showcase-container a {
	border-bottom:dotted #000000 thin;
	color:#F09;
}

#showcase-container a img  {
	border:8px #999 solid;
}

#showcase-container a:hover img   {
	border:8px #000 solid;
}

#showcase-container ul {
	text-align:left;
	color:#FFFFFF;
	margin:0px;
}

#showcase-container ul li {
	margin:0px;
	padding:0px;
	width:140px;
	float:left;
}

/* PORTFOLIO LAYOUT */

#portfolio {
	float:left;
	margin:0px auto;
	width:747px;
	padding:0px;
}

#portfolio ul {
	margin:10px auto;
	padding:10px;
	background:#f9f9f9;
	position:relative;
	float:left;
}

#portfolio ul li {
	list-style:none inside;
	float:left;
	margin:10px;
	padding:0px;
}

#portfolio a {
	border-bottom:none 0px;
}

#portfolio a img  {
	border:9px #999 solid;	
}

#portfolio a:hover img   {
	border:9px #000 solid;
}

#lbCaption a {
	color:#000;
}