/* CSS NQ Webdesign 2010 www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "css/reset.css";
@import "css/typography.css";
@import "css/common.css";
@import "css/form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body 
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background:#013467 url(images/layout/body.gif) repeat-x 0 0;  
}

a:link {
	color:#0866B7;
}
a:visited {
	color:#B3309A;
}
a:hover {
	color:#FF6600;
}

	#tail a { color:#005a93; }
	#tail a:link,
	#tail a:visited{ color:#005A93;}
	#tail a:hover{ color:#D3090A;}


/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/


div#page { min-width:920px; text-align:center; padding:0 0 18px 0;  background:url(images/layout/page.gif) no-repeat 50% 147px;}
div#page-wrap { margin:0 auto; text-align:left; width:920px; position:relative;  }
div#nqweb-surfer { position:absolute; top:150px; right:15px; width:150px; height:168px; background:url(images/layout/nqweb-surfer.png) no-repeat 0 0; }

div#header,
div#main,
div#footer,
div#intro {  width:100%; clear:both; }
	
	
div#header-wrap .column { width:50%; padding:0; margin:0;}
div#header-wrap #search-block {background:url(images/layout/search-block.gif) 0 0 no-repeat; width:325px; height:136px; clear:right;}
	
	#search-block dl { padding: 0; margin:58px 0 0 15px;	}
	#search-block dt { display:inline; padding:0; margin: 0; float:left; padding-right:10px;}
	#search-block dd { display:inline; padding:0; margin: 0; float:left;}

	form input.text-field,
	#search-block input.text-field { height:28px; border:1px solid #c2c2c2; color:#a0a0a0; padding:0 5px; font-size:12px;}

	div#logo { width:auto; text-align:center; }		
	div#logo h1{ padding:0; margin:0; display:block; line-height:0;}
	div#logo h1 a:hover { background:none; text-decoration:none;}	
	
	
	div#nav { 
				width:918px; 
				float:left; 
				clear:both; 
				background:#c9000e url(images/layout/nav.gif) repeat-x 0 0; height:52px;
				border-bottom: 1px solid #000;
				border-right: 1px solid #53240b;
				border-left: 1px solid #53240b;
			}

div#intro { height:202px; background:#002c49 url(images/layout/intro.jpg) no-repeat 0 0; padding:18px 45px; width: 830px; }
div#intro-peek { height:60px; background:#002c49 url(images/layout/intro-peek.jpg) no-repeat 0 -20px; padding:15px  45px; width: 830px; }

div#intro h2 { text-indent:-9999px;}
div#intro a.button {margin:120px 0 0 0;}
div#intro-wrap {}

div#main { width:100%; float:left; background:url(images/layout/main.gif) repeat-y 0 0; font-size: 14px; color: #5b5b5b; padding:0 0 18px 0;  }
div#main.no-sidebar { width:100%; float:left; background:url(images/layout/main-no-sidebar.gif) repeat-y 0 0; font-size: 14px; color: #5b5b5b; padding:0 0 18px 0;  }


	div#content { width:575px; padding:36px 20px 0 45px; 	position: relative;}
	div#sidebar { width:215px; padding:36px 45px 0 20px; font-size:12px; color:#7b7b7b;}
	div#main.no-sidebar div#content { width:830px; padding:36px 45px 0 45px; }


div#footer { padding:0 24px 0 24px; width:872px;  background:url(images/layout/main-no-sidebar.gif) repeat-y 0 0; border-bottom:1px solid #032A54; }
div#footer-wrap{  }
	div#footer-content { background: #003a65; color:#FFF; font-size:12px; line-height:18px; clear:both; padding:20px 21px; float:left; margin-bottom:5px;}
	div#footer-content .column { margin:0 0 0 45px;width:246px; padding:0 0 2px 0;}
	div#footer-content .first { margin-left:0; }
	
	#footer-content .column h2{ padding-left: 40px; background-position: 0 50%; background-repeat: no-repeat; line-height:36px; margin-bottom:9px;}
	#block-footer-about h2{ background-image:url(images/icons/36x36-footer-star.gif); }
	#block-footer-blog h2{ background-image:url(images/icons/36x36-footer-rss.gif);}
	#block-footer-contact h2{ background-image:url(images/icons/36x36-footer-email.gif);}
	
		#tail{ padding:18px 21px; font-size:11px; color:#005A93;}
		#tail ul { list-style:none; padding:0; margin:0;}
		#tail li { list-style: none; display:inline; margin-left:5px; }
	
	
	
	div#tail .first { width: 320px; }
	div#tail .last { width: 510px; text-align: right; padding-top:9px;}
	div#tail p { margin:0;}
	
	#block-tail-contact { text-align: center; margin:0 0 15px 0;}
	#block-tail-contact strong { margin-left: 10px;}
	
div#slider-wrap
{
	position:relative;
	display: block;
	margin: 0 0 18px 0;
	padding: 40px 0 0 0;
}

.footer-links { text-transform:lowercase; } 

/* -- PAGE SPECIFIC STYLES
----------------------------------------------------------------------------------------------------------*/

	/* <<< DELETE LATER IF NOT NEEDED >>>*/
	
	.block
	{
		margin-bottom:18px;
		display:block;
	}
	
	div#home-diagram
	{
		margin-bottom: 18px;
	}
	
	div#home-diagram .column 
	{
		width:46%;
	}
	
	
	
	/* -- CHECKLIST BLOCK ---------------------------------- */
	#page .entry ul.checklist
	{
		width:100%;
		padding:0;
		margin:0;
		list-style:none;
		font-size:14px;
	}
		
	#page .entry ul.checklist li
	{
		float:left;
		width:171px;
		background: url(images/icons/16x16-tick.gif) no-repeat 0 50%;
		padding: 0 0 0 20px;
		margin:0 0 5px 0;
	}
	
	
	/* -- PORTFOLIO BLOCK ---------------------------------- */

	div.portfolio-sites { font-size:12px; }
	div.portfolio-sites .column{ width:190px; margin-right:10px; padding:0 5px; }
	div.portfolio-sites .last { margin-right:0; clear:right;}


	/* -- PORTFOLIO BLOCK ---------------------------------- */
	
	div#block-recent-work { margin-bottom:18px;}
	div#block-recent-work img { margin-bottom:5px;}
		

/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/


/* -- BLOG STYLES
----------------------------------------------------------------------------------------------------------*/

#main .blog-entry h2
{
	margin:0;
}

ul.post-details
{
	margin:0 0 18px 0;
	display:block;
	margin-bottom:10px;
	color:#888;
	font-size:12px;
	list-style:none;
	padding:0;

}

ul.post-details a
{
	color:#888;
}


ul.post-details li
{
	display:inline;

	margin:0 10px 0 0;
}
.blog-entry
{
	line-height:1.5em;
	background:url(images/layout/seperator.gif) repeat-x 0 100%; 
	padding:0 10px 18px 10px;
	margin-bottom:18px;
}

.blog-entry h3 a:link, .blog-entry h3 a:visited { 	color:#000; text-decoration:none;}
.blog-entry h2 a:link, .blog-entry h2 a:visited { 	color:#005a93; text-decoration:none;}


.entry .postmetadata
{
	display:block; background:#F4F4F4;
	border:1px solid #E2E2E2;
	padding:9px;
	color:#8F8F8F;
}

#sidebar ul
{
	list-style:none;
	padding:0;
	margin:0;
}


#sidebar .widgets li
{
margin-bottom:18px;
}



#sidebar .widgets li ul
{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar .widgets li li
{
	padding:0;
	margin:0;
	display:inline;
}

#sidebar .widgets li li a
{
	background:url(../images/layout/star-bullet.gif) 0 50% no-repeat;
	display:block;
	padding:4px 10px 5px 17px;
	color:#777;
	text-decoration:none;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:-1px 0 0 0;

}

#sidebar .widgets li li a:hover
{
	background:#E5E5E5;
	border-top:1px solid #AFAFAF;
	border-bottom:1px solid #AFAFAF;
	color:#DE0609;
}

#sidebar .widgets h3{ padding:0 0 0 42px; line-height:32px; margin-bottom:9px; }
#h3-recent-work { background: url(images/icons/32x32-sidebar-monitor.gif) no-repeat 0 50%; }

#sidebar .widgets .quicktip-browsers h3 { background: url(images/icons/32x32-tip.gif) no-repeat 0 50%; }

#sidebar .widgets .recent-posts h3 { background: url(images/icons/32x32-recent.gif) no-repeat 0 50%; line-height:32px; }
#sidebar .widgets .contact-details h3 { background: url(images/icons/32x32-sidebar-address.gif) no-repeat 0 50%; line-height:32px; }
#sidebar .widgets .find-us h3 { background: url(images/icons/32x32-find.gif) no-repeat 0 50%; line-height:32px; }
#sidebar .widgets .seo-facts h3{ background: url(images/icons/32x32-info.gif) no-repeat 0 50%; }

#sidebar .widgets .feed h3 { background: url(images/icons/32x32-feed.gif) no-repeat 0 50%; line-height:32px; }
#sidebar .widgets .categories h3 { background: url(images/icons/32x32-categories.gif) no-repeat 0 50%; line-height:32px; }
#sidebar .widgets .archives h3 { background: url(images/icons/32x32-calendar.gif) no-repeat 0 50%;  }

#wpgmappity-map-3 { margin:0 auto; border:7px solid #E7E7E7;}
.req{ color:#FF0000; }

/* -- COMMENTS
----------------------------------------------------------------------------------------------------------*/

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { background:url(images/layout/seperator.gif) repeat-x 0 100%; padding:20px; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font-size:14px; font-weight:bold;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:11px; }
ol.commentlist li div.comment-meta a { color:#999; }
ol.commentlist li p { font-size:12px; margin:10px 0 10px 0; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}

ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


.entry ul
{
  margin-left: 0;
  padding-left: 20px;
}

.entry ul li { margin-bottom:9px; padding:0; }

#main h1
{
	font:36px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#424242;
	line-height:42px;
	font-weight:600;
}
#main h2.sub { color:#898989; font-size:19px; font-weight:600; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; margin-top:-25px; margin-bottom:0; }



#main #intro-peek h1,
#main #intro-peek h2.sub { color:#FFF;  } 

#footer h2,
#main h2
{
	font:18px Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	color:#005a93;
	letter-spacing:-0.5px;

}


#main h3
{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	color:#000;
}


#footer h1, #footer h2, #footer h3
{
	color:#FFF;
	
}


.testimonial { background:url(images/layout/speech.gif) no-repeat 0 100%; padding:0 25px 45px 240px; margin-bottom:5px; float:left; clear:both; width:565px;}
.testimonial .hidden { display:none; }
.testimonial .ctrls { cursor:default; color:#0866B7; padding-left:20px; }
.testimonial span.show { background:url(images/icons/16x16-add.gif) no-repeat 0 50%; }
.testimonial span.noshow { background:url(images/icons/16x16-delete.gif) no-repeat 0 50%; }
.testimonial img.img-left { margin:0 0 0 -220px; }

.testimonial-name
{
	text-align:right;
	clear:both;
}
.testimonial-wrap
{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:18px;
}



/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	padding:0;
}


.tabular-data tfoot th
{
	font-weight:normal;
	color:#333;
	text-align: center;
	padding:4px ;
	font-size: 12px;
}

.tabular-data thead th
{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	color:#111;
	text-align: center;
	padding:4px;
	border-bottom:1px solid #E0E0E0;

}
.tabular-data td,
.tabular-data tbody th
{
	border-bottom:1px solid #E0E0E0;
	font-size:12px;
	text-align:center;
	padding:4px;
}
.tabular-data tbody th
{
	text-align: left;
	font-weight: bold;
}

.tabular-data tbody tr.odd
{
	background-color:#F0F0F0;
}

.tabular-data tbody tr.even
{
}

table .price {
	color:#F20E05;
	font-weight: bold;
	font-style: normal;
	}
	
#domain-results .col-domain			{ text-align:left; }
#domain-results .col-availability	{ text-align:center; }
#domain-results .col-pricing		{ text-align:center; }
#domain-results .col-order			{ text-align:left; }

#search-results td, #search-results th { text-align:left; }
#search-results td.col-position, #search-results th.col-position { text-align:center; }


	#hosting-plans .col-features { width:31%; }
		#hosting-plans .col-basic { width:23%; }
		#hosting-plans .col-business { width:23%; }
		#hosting-plans .col-plus { width:23%; }
		

/* -- FORMS
----------------------------------------------------------------------------------------------------------*/


	form { margin-bottom:18px;}
		form ul { list-style:none; margin:0 0 9px 0; }
		form ul.inline li { display:inline; margin-right:15px;}
		form label { font-weight:bold;}
		form fieldset { background:#F4F4F4; border:1px solid #E2E2E2; padding:18px; width:500px;}
	

/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border,
.img-right,
.img-left
{ background:none; padding:0; border:7px solid #E7E7E7;}



	#content #logo-examples .item
		{
			float:left;
			width:100%;
			clear:both;
			margin-bottom:18px;
			background:url(images/layout/seperator.gif) repeat-x 0 100%;
			padding:0 0 36px 0;
		}
	

/* -- BUTTONS
----------------------------------------------------------------------------------------------------------*/
.blog-navigation { text-align:right; margin:18px 0; }

.older-entries,
.newer-entries { display:inline; margin-right:10px;}


body .button, body .button:visited,
body div.older-entries a,
body div.newer-entries a
{
	background: #d20102 url(images/common/button-overlay.png) repeat-x 0 -20px;
	display:inline-block;
	padding: 7px 13px 8px 13px;
	color: #fff;
	text-decoration: none;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.45);
	border: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image: url(images/common/button-overlay.png);
}


	body .button:hover,
	body div.older-entries a:hover,
	body div.newer-entries a:hover { background-color: #111; color: #fff; }
	
	body .button:active,
	body div.older-entries a:active,
	body div.newer-entries a:active  { top: 1px; }

	
	body .small.button,
	body div.older-entries a,
	body div.newer-entries a
	{
		border-radius: 11px; 
		-moz-border-radius: 11px; 
		-webkit-border-radius: 11px;
	}
	body .small.button, body .small.button:visited,body div.older-entries a, body div.newer-entries a
	{ font-size: 11px; padding: 4px 8px 5px 8px; }

	
	body .button, 
	body .button:visited,body .medium.button, 
	body .medium.button:visited 
	{
		font-size: 13px; 
		font-weight: bold; 
		line-height: 1; 
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	}
	
	
	body .silver.button, body .silver.button:visited,
	body div.older-entries a,
	body div.newer-entries a { background-color: #EEE; color: #222; 	text-shadow: 0 -1px 1px rgba(255,255,255,0.45); }
	
	body .silver.button:hover,
	body div.older-entries a:hover,
	body div.newer-entries a:hover {  background-color: #111; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.45); }