/*
Theme Name: TheCreativePage
Author: Mark Page
Author URI: http://www.thecreativepage.com/
Version: 13.0
*/

/* Body */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	background:#fff;
}

/* Header */

#header-wrapper {
	background: url(images/background-top-navigation-wrapper.png) top repeat-x;
}

	#header {
		background: url(images/background-top-navigation.png) center top no-repeat;
		margin:0 auto;
		height:71px;
		width:960px;
	}

#header-inner-wrapper {
	background: url(images/background-header-inner-pages.png) repeat-x;
	width:100%;
	text-align:center;
}

	#header-inner {
		background: url(images/header-inner-pages.jpg) no-repeat;
		margin:0 auto;
		height:60px;
		width:960px;
		text-align:left;
	}
	
		#header-inner h1 {
			line-height:60px;
		}
	
	#logo {
		width:338px;
		float:left;
		margin-top:12px;
	}
		
/* Top Navigation */

#nav {
	float:right;
	width:620px;
	height:45px;
	padding-top:26px;
}

	#suckerfishnav, #suckerfishnav ul {
		list-style:none;
		padding:0;
		margin:0;
		float:right;
	}
	
	#suckerfishnav a {
		display:block;
		color:#fff;
		text-decoration:none;
		font-size:16px;
		padding:0 20px;
	}
	
	#suckerfishnav li {
		float:left;
		padding:0;
		background:url(images/bg-nav.png) no-repeat;
		float:left;
		text-align:center;
	}
	
	#suckerfishnav ul {
		position:absolute;
		left:-999em;
		width:191px;
		margin:0;
		line-height:1;
		border:0;
		border-top:1px solid #666666;
	}
	
	#suckerfishnav li li {
		width:190px;
		border-bottom:1px solid #666666;
		border-left:1px solid #666666;
		border-right:1px solid #666666;
		background:#000;
	}
	
	#suckerfishnav li li a {
		padding:7px 10px;
		width:170px;
		font-size:13px;
		color:#fff;
	}
	
	#suckerfishnav li ul ul {
		margin:-28px 0 0 190px;
	}
	
	#suckerfishnav li li:hover {
		background:#ccc;
	}
	
	#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
		color:#000;
	}
	
	#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
		color:#ccc;
	}
	
	#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
		color:#fff;
	}
	
	#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
		left:-999em;
	}
	
	#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
		left:auto;
		background:#000;
	}
	
	#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	}
	
/* Home Page Header */

#home-page-intro-wrapper {
	background:#030B32 url(images/background-home-top-intro.png) repeat-x;
	text-align:center;
	width:100%;
	height:930px;
	color:#fff;
}

	#home-page-intro {
		width:960px;
		margin:0 auto;
	}
	
		.home-top-sections {
			float:left;
			width:220px;
			padding-right:20px;
			text-align:left;
		}
		
			.home-top-headers {
				font-size:24px;
				font-weight:lighter;
			}
	  
/* Links and Headers */

h1 {
	font-size:26px;
	line-height:30px;
	margin-top:0;
	color:#B14336;
}

h2 {
	font-size:22px;
	padding:20px 0 0;
	color:#000;
}

h3 {
	font-size:20px;
	line-height:22px;
	font-weight:lighter;
}

h4 {
	color: #777777;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	font-size:18px;
	padding-bottom: 3px;
}

h1, h2, h3, h4, h5, h6, .footer-inner, .home-top-headers, .larger-text, .right-column-header {
	font-family: 'Open Sans', sans-serif;
}

a, a:active, a:visited {
	color: #0033FF;
}	

a:hover {
	color: #000;
}

#sidebar a,a:visited {
	color: #000;
}

#sidebar a:hover {
	color: #333;
}

/* Main Wrapper */

#main {
	margin: 0px auto;
	width:960px;
	margin-top:15px;
}
	
		#main-inner {
			width:960px;
			background:#fff;
			float:left;
		}

/* Content */ 

#content {
	float: left;
	width: 590px;
	display:block;
	line-height: 20px;
	text-align: left;
	color: #000;
	padding-right:40px;
	margin-top:0;
	padding-top:0;
}

#breadcrumbs {
	height:20px;
	margin-top:0;
	padding-top:0;
	font-size:12px;
}

.title {
clear:both;
}

.commentlist ol{list-style:none;}
.post-date {width: 48px;height: 55px;float:left;background: url(images/date.png) no-repeat;}
.post-month {font-size: 11px;text-transform: uppercase;color: #000000;text-align: center;display:block;line-height: 11px;padding-top: 5px;margin-left: -3px;}
.post-day {font-size: 20px;text-transform: uppercase;color: #ffffff;text-align: center;display:block;line-height: 18px;padding-top: 10px;margin-left: -3px;}

.comments {
	font-size:12px;
	float: right;
	margin-bottom: 10px;
	padding: 4px 0px 4px 5px;
	color: #000;
	border:1px solid #000;
	background:#ccc;
	width:582px;
}

.author {
	display: block;
	margin: -15px 0 0;
	padding:0px 0px 4px 0px;
	color: #096DA1;
}

	.author a {
		color:#096DA1;
	}

.previous-entries a {float: left;padding-left: 1pt;}
.next-entries a {float: right;padding-right: 1pt;}
.boxes-services-page {width:323px; border:1px solid #333; background-image:url(images/services-boxes.png); background-repeat:repeat-x; margin:0 5px 5px 0; padding:10px; float:left; height:225px;}
.boxes-services-page2 {width:323px; border:1px solid #333; background-image:url(images/services-boxes.png); background-repeat:repeat-x; margin:0 5px 5px 0; padding:10px; float:left; height:255px;}
#boxes-web-design-page {}
		#boxes-web-design-page ul{padding-left:20px;}
		#boxes-web-design-page li{list-style-image:url(images/checkmark.png);}
.checkbox {padding:0;margin:0;}
.entry {clear:both;}

.portfolio-customers li{
	list-style-image:url(images/checkmark-portfolio.png);
	color:#333;
}

.portfolio-description {
	font-size:11px;
	list-style:square !important;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 320px;
	color:#333;
	margin-bottom:201px;
}

	#side-contact {
		width:204px;
		text-align:center;
	}

	#sidebar ul {
		padding:0 0 0 25px;
		list-style:square;
		margin:5px;
	}
					
	#sidebar li {
		padding:0;
		list-style-image:url(images/checkmark.png);
		font-size:13px;
	}
					
	#sidebar a,a:visited {
		font-weight:normal;
	}
					
	#sidebar a:hover {
		color:#333;
	}
	
	#right-column-newsletter {
		height:164px;
		background: url(images/right-column-newsletter-background.jpg) no-repeat;
		margin-bottom:20px;
		line-height:20px;
	}
	
	#right-column-recently-launched {
		height:315px;
		background: url(images/right-column-recently-launched-background.jpg) no-repeat;
	}
	
	#right-column-newsletter, #right-column-recently-launched {
		width:311px;
		color:#fff;
	}
	
	.newsletter-signup {
		background:url(images/newsletter-signup-background.jpg) no-repeat left top;
		border:none;
		width:194px;
		padding:9px;
		margin:10px 0 0 8px;
		vertical-align:middle;
	}
	
	.button-primary {
		background:url(images/newsletter-signup-button.jpg) no-repeat left top;
		height:34px;
		width:83px;
		border:none;
		margin-top:10px;
		vertical-align:middle;
	}
	
		.button-primary:hover {
			background:url(images/newsletter-signup-button-hover.jpg) no-repeat left top;
		}
	
		#right-column-newsletter p, #right-column-recently-launched p {
			padding:0 8px;
			margin:0;
		}
		
		#right-column-newsletter a, #right-column-recently-launched a {
			color:#fff;
		}
		
		#right-column-newsletter a:hover, #right-column-recently-launched a:hover {
			color:#ccc;
		}
	
		.right-column-icon {
			float:left;
			padding:5px 10px 0 8px;
		}
		
		.right-column-header {
			font-size:24px;
			font-weight:lighter;
			line-height:53px;
		}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 14px;color: #fe5e00;}
.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}

/* Search */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}

/* Packages Table */

#packages-header {
	margin:0;
}

#packages-left-col {
	width:182px;
	float:left;
	background: url(images/prices-table-basic-bg.png) repeat-x;
}

#packages-center-col {
	width:182px;
	float:left;
	background: url(images/prices-table-professional-bg.png) repeat-x;
}

#packages-right-col {
	width:181px;
	float:left;
	background: url(images/prices-table-corporate-bg.png) repeat-x;
}

	#packages-left-col, #packages-center-col, #packages-right-col {
	}

		#packages-left-col ul, #packages-center-col ul, #packages-right-col ul {
			list-style:none;
			padding: 0 17px;
			margin:0;
		}

		#packages-left-col ul, #packages-center-col ul {
			border-right:1px dotted #ccc;
			color:#333;
		}

		#packages-left-col li, #packages-center-col li, #packages-right-col li {
			padding:5px;
			border-bottom:1px dotted #ccc;
		}

		.not-included {
			color:#ccc;
		}

		.packages-left-keywords {
			font-weight:bold;
			color: #3AA5DC;
		}

		.packages-center-keywords {
			font-weight:bold;
			color: #7DC40D;
		}

		.packages-right-keywords {
			font-weight:bold;
			color: #E4A601;
		}

	a.tooltip span {
		display:none;
		padding:2px 3px;
		margin-left:8px;
		width:250px;
		border-bottom:none;
	}
	
	#packages-left-col a.tooltip:hover span , #packages-center-col a.tooltip:hover span , #packages-right-col a.tooltip:hover span  {
		display:inline;
		position:absolute;
		border:1px solid #333;
		background:#fff;
		color:#333;
	}

		#packages-left-col a:hover, #packages-center-col a:hover, #packages-right-col a:hover {
			background:#fff; text-decoration:none;
		}

#packages-table {
	width: 545px;
	padding: 0;
	margin: 0;
}
	
	#packages-table th {
		color: #4f6b72;
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: left;
		padding: 6px 6px 6px 12px;
		background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	}
	
		#packages-table th.nobg {
			border-top: 0;
			border-left: 0;
			border-right: 1px solid #C1DAD7;
			background: none;
		}
		
		#packages-table th.spec {
			border-left: 1px solid #C1DAD7;
			border-top: 0;
			background: #fff url(images/bullet1.gif) no-repeat;
		}
		
		#packages-table th.specalt {
			border-left: 1px solid #C1DAD7;
			border-top: 0;
			background: #f5fafa url(images/bullet2.gif) no-repeat;
			color: #797268;
		}
	
	#packages-table td {
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		background: #fff;
		padding: 6px 6px 6px 12px;
		color: #4f6b72;
	}
	
	
		#packages-table td.alt {
			background: #F5FAFA;
			color: #797268;
		}

/* Footer */

.center {text-align: center;}

#footer {
	width:100%;
	text-align:center;
	background:url(images/background-footer-wrapper.png) top repeat-x;
	clear:both;
}
		
		#footer-inner {
			width:960px;
			height:278px;
			text-align:left;
			margin:0 auto;
			background:url(images/background-footer.jpg) center top no-repeat;
			position:relative;
		}
			
			#footer-inner a {
				color:#000;
				text-decoration:none;
				font-size:14px;
				line-height:20px;
			}
				
			#footer-inner a:hover {
				text-decoration:underline;
			}
				
			#footer-inner ul {
				list-style:none;
				margin:0;
				padding:0;
			}
			
			.footer-section-first {
				padding-top:20px;
				width:180px;
				float:left;
			}
				
			.footer-section-rest {
				padding-top: 20px;
				padding-left:30px;
				width:180px;
				float:left;
			}
			
			.larger-text {
				font-size:20px;
				font-weight:bold;
			}
			
			.bottom-nav-home {
				background:url(images/bottom-nav-home.png) no-repeat;
			}
											
			.bottom-nav-portfolio {
				background:url(images/bottom-nav-portfolio.png) no-repeat;
			}
											
			.bottom-nav-about {
				background:url(images/bottom-nav-about.png) no-repeat;
			}
											
			.bottom-nav-contact {
				background:url(images/bottom-nav-contact.png) no-repeat;
			}
											
			.bottom-nav-login {
				background:url(images/bottom-nav-login.png) no-repeat;
			}
					
			.bottom-nav-rss {
				background:url(images/bottom-nav-rss.png) no-repeat;
				margin-left:230px;
			}
					
			.bottom-nav-blog {
				background:url(images/bottom-nav-blog.png) no-repeat;
			}
					
			.bottom-nav-stumbleupon {
				background:url(images/bottom-nav-stumbleupon.png) no-repeat;
			}
					
			.bottom-nav-facebook {
				background:url(images/bottom-nav-facebook.png) no-repeat;
			}
			
			#bottom-hat-floater {
				position: absolute;
				left: 654px;
				top: -201px;
				height: 201px;
				width: 245px;
			}
				
/* Copyright */

#copyright-wrapper {
	width:100%;
	height:81px;
	text-align:center;
	background:url(images/background-copyright.png) repeat-x;
	font-size:11px;
}
			
	#copyright {
		width:960px;
		text-align:left;
		margin:0 auto;
		padding-top:5px;
	}
			
		#copyright a {
			color:#fff;
			text-decoration:none;
		}
				
		#copyright a:hover {
			color:#ccc;
			text-decoration:underline;
		}
				
		#copyright ul {
			list-style:none;
			margin:10px 0 0 0;
			padding:0;
			float:left;
		}
				
		#copyright li {
			float:left;
			line-height:26px;
			margin-right:10px;
			padding-left:15px;
		}
						
		.copyright {
			width:960px;
			color:#666;
				}

			.copyright a{
				color:#666 !important;
				text-decoration:underline !important;
			}

/* Fix Floats */

img {border: none;}
form {margin:0px;padding:0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* Image Caption */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}