/*
	Name: Simple PC
	Date: 28/09/2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Nam Nguyen
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
	
	
	body {
		background: #111;
		color: black;
		font-size: 90%; /* Base font size: 16px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* 
	Base Font Size: 11px
*/
h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.545em}	/* 17px */
h4 {font-size: 1.364em}	/* 15px */
h5 {font-size: 1.182em}	/* 13px */
h6 {font-size: 1em}		/* 11px */

/* 
	Base Font Size: 12px
*/
h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

/* 
	Base Font Size: 13px
*/
h2 {font-size: 1.615em}	/* 21px */
h3 {font-size: 1.462em}	/* 19px */
h4 {font-size: 1.308em}	/* 17px */
h5 {font-size: 1.154em}	/* 15px */
h6 {font-size: 1em}		/* 13px */

/* 
	Base Font Size: 14px
*/
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

/* 
	Base Font Size: 15px
*/
h2 {font-size: 1.533em}	/* 23px */
h3 {font-size: 1.4em}	/* 21px */
h4 {font-size: 1.267em}	/* 19px */
h5 {font-size: 1.133em}	/* 17px */
h6 {font-size: 1em}		/* 15px */

/* 
	Base Font Size: 16px
*/
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;font-family: 'Helvetica Neue', Arial, sans-serif;font-weight: normal}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {}
a:hover, a:active {}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/***** Layout *****/
.contents {width:960px;margin:0 auto}
/* Header */
#header {height:80px;background: url('../images/header-bg.png') repeat-x top left;}
#header #logo {float:left}
#header #nav {float:right;margin:17px 0 0 0;padding:0;list-style-type:none;background: url('../images/nav-right.png') no-repeat right;padding-right:16px}
#header #nav li {float:left;}
#header #nav li.home a:link, #header #nav li.home a:visited {background:none;padding:0}
#header #nav li a:link, #header #nav li a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display:block;
	background: url('../images/nav-bg.png') repeat-x;
	height:32px;
	line-height:30px;
	padding:0 18px;
	font-size:0.9em;
	float:left
}
#header #nav li a:hover, #header #nav li a:active{text-decoration:underline}
#header #nav li.current_page_item {background: url('../images/left-nav.png') no-repeat left;padding-left:10px}
#header #nav li.current_page_item a{background: url('../images/right-nav.png') no-repeat right;padding-left:8px;}
/* Body */
#body {background: #111111 url('../images/body-bg.jpg') no-repeat top center;}
.page {
	padding:35px;
	overflow: hidden;
	background: black;
	width:890px;
	margin: auto;
	clear:both;
	color:white;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
.quick-nav {
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
}
#body #content {float:left;width:560px;color:white}
#body #content ul {margin: 10px 0 20px}
#body #content li {list-style:none; /*background:transparent url(../images/icons/bullet-point.gif) no-repeat 5px 5px;*/ padding:0; margin: 0 0 10px 0; line-height: 1.4}

#body #content li div.outer{background: transparent url('../images/speech-top.png') top no-repeat;width:563px; height:auto; color:#4a4a4a;padding-top:5px;}
#body #content li div.inner{background: transparent url('../images/speech-bottom.png') bottom no-repeat;padding:10px 25px 20px 25px;color:#fff}


h2.title {font-size:1.7em}
#body #sidebar {float:right;width: 270px;color:white}
div.home {overflow:hidden;}
#body #big-ad {float:left; margin:0px auto; width: 508px; height: 216px; background: transparent url(../images/office_2010_banner.png) no-repeat 0 0; padding: 102px 72px 0 38px}
#body #big-ad .microsoft {color: #000; font-size: 22px; margin-bottom: 6px;}
#body #big-ad .full-versions {color: #2d2d2d; font-size: 16px; font-weight: bold; margin-bottom: 20px}
#body #big-ad .learn-more {color: #FC8219; font-size: 22px}
#body #big-ad a:link, #body #big-ad a:visited {text-decoration: none}
#body #big-ad a:active, #body #big-ad a:hover {text-decoration: underline}
#body #big-ad .learn-more .phat {font-weight: bold}

#bitdefender  {
	background:url("../images/bitdefender.png") no-repeat scroll 0 0 transparent;
	float:right;
	height:320px;
	position:relative;
	width:339px;
}
#bitdefender iframe {
	left:20px;
	position:absolute;
	top:80px;
}



#body #quick-search {float:left;width:240px;margin:0;padding:0;border: 0}
#body #quick-search .text {
	background: transparent url('../images/search-input.png') no-repeat top center;
	width: 190px;
	height: 24px;
	color:white;
	border: none;
	font-size: 13px;
	padding: 6px 20px 0 30px
}
#body #quick-support {width:645px;float: right;margin-top: -3px}
#body #quick-support #call-now {
	background: transparent url('../images/call-now.png') no-repeat left top;
	padding-left: 195px;
	height:37px;
	color: white;
	font-size: 2.2em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	float:left;
	margin-right: 30px
}
#body #quick-support a:link, #body #quick-support a:visited {
	float:right;
	display:block;
	margin-top: -15px
}
#body #pc-support {margin: 15px 0}
#body #main, #body #aside {float:left;width:480px}
#body #aside {float:right;width:475px;}
#body #main #pc-expertise {
	background: transparent url('../images/pc-expertise.png') no-repeat left top;
	width:324px;
	height:250px;
	padding:18px 30px 13px 121px;
	color:#fff;
	font-size:0.9em
}
#body #main #pc-expertise h3 {
	background: transparent url('../images/software-deal.png') no-repeat left top;
	text-indent:-9999px;
	width:200px;
	height:28px;
	margin-bottom:15px
}
#body #main #pc-expertise #learn-more {
	display:block;
	background: transparent url('../images/learn-more.png') no-repeat left top;
	width:139px;
	height:37px;
	text-indent:-9999px;
	margin-top:30px
}
#customer-testimonials {margin-top:25px;width:400px}
#customer-testimonials h3 {
	background: transparent url('../images/testimonial-text.png') no-repeat left top;
	text-indent:-9999px;
	width:321px;
	height:45px;
	margin-bottom:20px
}

#customer-testimonials ul {list-style-type:none;margin:0;padding:0}	
#customer-testimonials li {color:#fff;margin-bottom:25px;font-style:italic;font-size:0.9em}
#customer-testimonials li span {margin-top:5px;display:block;font-size:0.9em;color:#525252;font-style:normal}
#customer-testimonials li span strong {color:#fff}
#customer-testimonials li a:link, #customer-testimonials li a:visited {color:#be2b2b;text-decoration:underline;}
#customer-testimonials li a:active, #customer-testimonials li a:hover {text-decoration:none;}

#body #aside #need-help{
	background: transparent url('../images/need-help-bg.png') no-repeat left top;
	width:373px;
	height:130px;
	padding:16px 30px 15px 77px;
	color:#fff;
	font-size:0.9em;
	margin-top:17px
}

#body #aside #need-help #get-in-touch {
	display:block;
	background: transparent url('../images/get-in-touch.png') no-repeat left top;
	width:139px;
	height:37px;
	text-indent:-9999px;
	margin-top:-10px
}
#body #aside #from-blog {margin-top:25px;color:#fff}
#body #aside #from-blog ul {margin:0;padding:0;list-style-type:none}
#body #aside #from-blog li {border-bottom:1px solid #222222;padding:13px 5px 5px;font-size:0.9em}
#body #aside #from-blog li span.date {font-size:0.9em;color:#525252;margin-bottom:7px}
#body #aside #from-blog h3 {
	background: transparent url('../images/from-blog.png') no-repeat left top;
	text-indent:-9999px;
	width:217px;
	height:35px;
	margin-bottom:15px
}
#body #aside #from-blog li a:link, #body #aside #from-blog li a:visited {color:#BE2B2B;text-decoration: none}
#body #aside #from-blog li a:hover, #body #aside #from-blog li a:active {color:#BE2B2B;text-decoration: underline}

/*Main content*/
#body #content table img {margin-top: 8px}

/*Sidebar*/
#body #sidebar h3 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: normal;
	font-size:1.2em;
	margin-bottom: 0.6em
}
#body #sidebar ul.recent, #body #sidebar ul.archives {margin:0;padding:0;list-style-type:none}
#body #sidebar ul.recent {margin-bottom: 2.6em}
#body #sidebar ul.recent li {border-bottom:1px solid #222222;padding:10px 0px;font-size:0.9em}
#body #sidebar ul.recent li span.date {display:block;font-size:0.9em;color:#525252;margin-bottom: 5px}
#body #sidebar li a:link, #body #sidebar li a:visited {color:white;text-decoration: none}
#body #sidebar li a:hover, #body #sidebar li a:active {color:white;text-decoration: underline}

#body #sidebar ul.archives li {border-bottom:1px solid #222222;padding:10px 0px;font-size:0.9em}
#body #sidebar ul.archives li {color:#be2b2b; list-style:none}
#body #sidebar ul.archives li a:link, #body #sidebar ul.recent li a:visited {color:white;text-decoration: none}
#body #sidebar ul.archives li a:hover, #body #sidebar ul.recent li a:active {color:white;text-decoration: underline}
#body #sidebar ul li.last {border: none}

#body #sidebar h3.downloads {margin: 34px 0 14px; padding: 10px 0; font-size: 1.5em; border-bottom: 1px solid #444444}
#body #sidebar h4 {margin-bottom: 3px; font-size: 1.1em}
#body #sidebar ul.wallpapers, #body #sidebar ul.theme-packs {
	list-style: none;
	margin: 14px 0 24px;
	overflow: hidden;
}
#body #sidebar ul.wallpapers li, #body #sidebar ul.theme-packs li {
	float: left;
	margin: 0 12px 12px 0;
}
#body #sidebar span {
	color: #656565;
}

/* Footer */
#footer {color:white;font-size:0.8em}
#footer ul {margin:0;padding: 0;list-style-type: none}
#footer ul li {float:left}
#footer #contact-info{
	background:black;
	padding:8px 5px;
	overflow:hidden;
	margin-top:30px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	
}
#footer #contact-info #contact-details {
	overflow:hidden;
	float:left;
	background: transparent url('../images/main-contact-bg.png') no-repeat left top;
	width:526px;
	padding:12px 0 7px 12px
}
#footer #contact-info #contact-details h3.call-me {
		background: transparent url('../images/call-me.png') no-repeat left top;
		text-indent:-9999px;
		float:left;
		width:73px;
		height:18px
	}
#footer #contact-details ul {float:right}
#footer #contact-details li {height:31px;padding:3px 20px 3px 0;background: transparent url('../images/sep.png') no-repeat right;margin-left:20px}
#footer #contact-details li.skype {padding:3px 0px 3px 0; width:120px;background-image:none;}
#footer #contact-details li.skype img {float: left; margin: 0 7px 0 0}
#footer #contact-details li.last {background: transparent url('../images/sep.png') no-repeat left;padding-left:20px}
#footer #contact-details strong, #footer #contact-info li span {display:block}
#footer #contact-details li strong {margin-bottom:3px}
#footer #contact-details li span {color:#525252}

#footer #social-profiles {
	overflow:hidden;
	float:right;
	background: transparent url('../images/social-bg.png') no-repeat left top;
	width:354px;
	padding:12px 0 6px 12px	
}
#footer  #social-profiles h3.follow-me {
		background: transparent url('../images/follow-me.png') no-repeat left top;
		text-indent:-9999px;
		float:left;
		width:100px;
		height:18px;
		margin-top:6px
}
#footer #social-profiles ul {float:right;margin:-6px 0 0 0px;width:240px;}
#footer #social-profiles li {margin:0 10px 0 0}
#footer #copy {clear:both;padding:10px 0 50px 0}
#footer #copy #copyright {display:block;float:left}
#footer #copy #copyright strong {color:#525252;font-weight:normal}
#footer #copy #credit {display:block;float:right;} 
/***** Sections *****/
/* Blog */
#post-list {margin: 0; list-style: none}
.post {margin-bottom: 3em; line-height: 1.4; padding: 0; color:#7c7c7c}
.post h3 {font-size:1.3em;margin-bottom:1px}
.post h3 a:link, .post h3 a:visited {color:white}
.post p {font-size:0.9em;color:#e3e3e3}
.post .meta {display: block; font-size: .8em; margin-bottom: 1em; color: #666;overflow:hidden;}
.post .posted {float:left;display: block}
.post a:link, .post a:visited {color:#be2b2b;text-decoration:none}
.post a:hover, .post a:active {text-decoration:underline}
.post a.comments:link, .post a.comments:visited {
	color:#7c7c7c;
	background: transparent url('../images/comments.png') no-repeat left;
	padding-left:20px;
	margin-left:10px
}
div.post .meta {margin-bottom:2em}

.navigation a:link, .navigation a:visited {color:#be2b2b;text-decoration:none}
.navigation a:hover, .navigation a:active {text-decoration:underline}

/*Comments*/
#comments {color:#fff;margin-top:3em;}
#comments ul {list-style-type:none;margin:0;padding:0}
#comments ul li div.outer{background: transparent url('../images/speech-top.png') top no-repeat;width:563px; height:auto; color:#4a4a4a;padding-top:5px;}
#comments ul li div.inner{background: transparent url('../images/speech-bottom.png') bottom no-repeat;padding:10px 25px;color:#fff}
#comments ul li .meta {color:#fff}
#comments .leave-comment {margin-top: 2em}
#comments #comment-form {margin:0.5em 0 0 0;border:0;padding:0}
#comments #comment-form #submit {float:right;margin-top: 5px}
#comments #comment-form textarea {width:100%;border:0;background:#1a1a1a;color:#fff;
padding:15px;
width:530px;
-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
#comments #comment-form label {display:block;float:left;width:135px;font-size: 1em}

/*
	Map & Location
*/
#body #sidebar #location{
	margin-bottom: 1.2em;
}
#body #sidebar #location .subs{
	color:#b7b7b7;
	line-height: 16px
}
.contact{
	background: url('../images/contact-bg.png') no-repeat;
}
.contact form{
	margin:0 0 50px 0;
	padding:0;
}
.contact fieldset{
	border:none;	
	padding:15px 0 20px 20px;
	margin:0;
	width: 476px;
}
.contact fieldset label{
	font-size: 1.1em;
}
.contact .text,.contact textarea{
	background: #050505;
	color: #b4b4b4;
	border: 1px solid #1b1b1b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 15px;
	margin: 10px 0 15px;
	width: 445px;
}
.contact textarea {
	height: 195px;
	font-size: 1.25em;
}
.contact #submit{
	float:right;
}

#comment-form {border:0;margin:0;padding: 0}

#contact-form #send, #comment-form #send {
display:block;
	background: transparent url('../images/send-button.png') no-repeat;
	width: 84px;
	height:36px;
	float:right;
	border: none;
	margin-top: 5px;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0px;
	line-height: 0px;
}

#comment-form .text, #comment-form textarea {
	background: #1a1a1a;
	color: #fff;
	padding: 7px 15px;
	border: 1px solid #1b1b1b;
	width:375px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
#comment-form textarea {width:94%;}
#comment-form label {display:block;width:150px;float:left}

#body #content #get-direction fieldset{
	width: 100%;
	margin:0;
	padding:0 15px;
	border: none
}
#body #content #map{
	display:block;
	width: 100%;
	height: 490px;
	margin: 7px 0 15px 0px;
}
#direction-form{border:0;margin:0;padding:0}
#direction-form input {margin:0 15px}
#direction-form .simple-pc {vertical-align:middle;}
#body #content #get-direction label{
	font-size: 11px;
	color: #fff;
}
#body #content #get-direction #address{
	width: 190px;
	background: #fff;
	border: none;
	padding: 8px;
	margin: 0 20px 0 10px;
	vertical-align: middle;
}
#body #content #get-direction img,#body #content #get{
	vertical-align: middle;
}

#body .contents #content #post-list li span strong {color: #ffffff;}
.navigation{margin-bottom:20px;}
.alignleft {float:left;}
.alignright{float:right;}
#content a:link, #content a:visited {color:#be2b2b;text-decoration:none}
#content a:hover, #content a:active {text-decoration:underline}

.bg-img {margin-bottom: 18px}

#dell-gallery {background-color: #282828; overflow: hidden; padding: 8px 10px; height: 1%}
#body #content #dell-gallery li {margin: 7px; padding: 0; float: left; background: none}

/* Tables */
.wp-table-reloaded {
	background-color:#000000;
	margin:0;
	font-size:10.5pt;
	width:100%;
	text-align:left;
	margin-bottom: 1.5em;

}
.wp-table-reloaded th {
	background-color:#000000;
	
	padding:4px;
}
.wp-table-reloaded td {
	color:#FFFFFF;
	padding: 12px;
	border: 3px solid #282828;
	vertical-align:top;
	line-height: 1.4;
	
}
.wp-table-reloaded .even td {
	background-color:#1b1b1b;
}
.wp-table-reloaded .odd td{
	background-color:#212121;
}
#adobe-reader{

}
#adobe-reader img{
	float:left;
}
#adobe-reader strong{
	float:left;
	margin:-7px 0 0 15px;
}
.wp-table-reloaded tr.one-row-11 {
	background-color:#212121;
}
.wp-table-reloaded tr.one-row-11 td.column-1 {
	border-right:none;
	padding-top:10px;
	width:80px;
}
.wp-table-reloaded tr.one-row-11 td.column-2 {
	border-left:none;
}
.wp-table-reloaded tr.one-row-11 td strong{
	margin:5px;
}
.wp-table-reloaded tr.one-row-11 td.column-2{
	padding-top	:20px;
}
.logo{display:block;margin-left:10px;float:right;}
.addthis_button{display:block;float:left;}
.rounded_box{background: url(../images/rounded-box.jpg) no-repeat -3px 0px; width:270px; height: 94px; display:block; padding:21px 20px 10px 20px; margin-top:2px;}
#indent{padding-left:19px;}