@charset "utf-8";
/* CSS Document */
/* ========================== */
	/* CSS RESET */
/* ========================== */
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 line-height: 1;
 color: black;
 background: white;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 text-align: left;
 font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* =========================== */
	/* GENERAL STYLE */
/* =========================== */
body {
	background:url(images/body_bg.jpg) #fff no-repeat top center;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	margin:0 auto;
}
body#small_bg { background:url(images/small_bg.jpg) no-repeat; }
h2 {
	color:#0d888d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
}
p { 
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:18px 0 20px 0;
	text-align:justify;
}
strong { color:#0d888d; font-size:12px; font-weight:normal; line-height:18px; }
.wrapper {
	height:auto;
	margin:0 auto;
	margin-bottom:100px;
	width:960px;
}
#header {
	height:74px;
	margin-top:24px;
}
#header h1 {
	float:left;
	margin-left:26px;
	text-indent:-9999px;
	width:164px;
}
#header h1 a {
	background:url(images/paralleldesigns_logo.png) no-repeat;
	display:block;
	height:74px;
	width:164px;
}
/* =========================== */
	/* NAVIGATION */
/* =========================== */
#nav {
	display:block;
	float:right;
	line-height:16px;
	margin:24px 33px 0 0;
}
#nav li {
	display:block;
	float:left;
	height:33px;
	margin-left:0px;
}
#nav li a.home {
	background:transparent url(images/nav.png) 0px 0px ;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.home_active {
	background:transparent url(images/nav.png) 0px -33px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.about {
	background:transparent url(images/nav.png) -82px 0px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.about_active {
	background:transparent url(images/nav.png) -82px -33px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.portfolio {
	background:transparent url(images/nav.png) -162px -0px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:94px;
}
#nav li a.portfolio_active {
	background:transparent url(images/nav.png) -162px -33px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:94px;
}
#nav li a.blog {
	background:transparent url(images/nav.png) -267px -0px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.blog_active {
	background:transparent url(images/nav.png) -267px -33px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.contact {
	background:transparent url(images/nav.png) -348px 0px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
#nav li a.contact_active {
	background:transparent url(images/nav.png) -348px -33px;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
/* =========================== */
	/* HOME CONTENT */
/* =========================== */
#HomeContent {
	height:379px;
	margin-top:34px;
}
#tagline {
	background:transparent url(images/tagline.png) no-repeat;
	float:left;
	height:379px;
	width:480px;
}
#PortfolioSlide {
	background:#ededed url(images/slide_bg.gif);
	float:right;
	height:379px;
	margin-top:0px;
	width:416px;
}
#slider ul li img {  }
/* =========================== */
	/* MAIN CONTENT */
/* =========================== */
#MainContent {
	height:auto;
}
.LeftContent {
	float:left;
	height:auto;
	margin:40px 7px 20px 13px;
	width:294px;
}
.title {
	border-bottom:1px dotted #acacac;
	color:#0d888d;
	font-family:"Helvetica LT", "Helvetica CE", Arial;
	font-size:14px;
	font-weight:bold;
	padding-bottom:17px;
	width:291px;
}
.title a { color:#0d888d; text-decoration:none; }
.LeftContent p {
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:18px 0 20px 0;
}
span a.more-link {
	background:url(images/more.gif) right no-repeat;
	color:#0d888d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	padding:5px 25px 5px 0;
}
a.more-link:hover { color:#3fc4c5; text-decoration:underline; }
#portfolio {
	margin-top:21px;
}
#portfolio li {
	border:1px solid #c5c5c5;
	float:left;
	height:68px;
	margin-bottom:20px;
	width:135px;
}
#portfolio li.right {
	border:1px solid #c5c5c5;
	float:right;
	height:68px;
	width:135px;
}
#portfolio li a img { padding:5px; }
span a.browse-link {
	background:url(images/browse.gif) right no-repeat;
	color:#0d888d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	padding:5px 35px 5px 0;
}
a.browse-link:hover { color:#3fc4c5; text-decoration:underline; }
.RightContent {
	float:right;
	height:auto;
	margin-top:40px;
	width:320px;
}
form em {
	color:red;
	display:block;
	font-size:11px;
	font-style:italic;
	margin-bottom:3px;
}
form { margin-top:20px; }
form div { margin-bottom:10px; }
form input, form textarea { background:#f0f0f0; border:1px solid #cdcdcb; color:#808080; font-family:"HelveticaNeue LT 55 Roman", Arial, "Helvetica CE", sans-serif; font-size:12px; padding:5px; width:291px; }	
#send {
	background:url(images/submit_btn.gif) no-repeat 0 0;	
	border:0;
	cursor:pointer !important;
	display:block;
	height:26px;	
	margin-top:15px;
	text-indent:-9999px;	
	width:66px;		
}
form div strong { color:green; float:left; font-weight:bold; left:70px; position:relative; top:-28px; }
/* =========================== */
	/* ABOUT PAGE */
/* =========================== */
.AboutSection {
	float:left;
	height:auto;
	margin:80px 7px 20px 13px;
	width:440px;
}
.AboutSection p { font-size:12px; }
.AboutSection a { color:#0d888d; text-decoration:none; }
.AboutSection a:hover { text-decoration:underline; }
.services { list-style:url(images/list-image.gif); margin:0 25px; }
.services li p { margin:0; }
#ProfileSection {
	float:right;
	margin:80px 0 0 0;
	width:463px;
}
.profile {
	float:left;
	width:217px;
}
.profile a { color:#0d888d; text-decoration:none; }
.profile a:hover { text-decoration:underline; }
.profile img { margin-left:24px; position:relative; top:-10px; }
.profile p, .profileLast p {
	font-size:12px;
	line-height:18px;
	text-align:left;
	margin-top:10px;
}
.profileLast { 
	float:right;
	width:217px;
}
.profileLast img { margin:0 0 12px 30px; }
/* =========================== */
	/* PORTFOLIO PAGE*/
/* =========================== */
.web {
	height:auto;
	margin:100px 7px 20px 13px;
	width:931px;
}
.WebImage {
	border:1px solid #c5c5c5;
	clear:both;
	display:block;
	float:left;
	margin-bottom:40px;
	padding:5px 0 5px 5px;
	width:684px;
}
.WebImage img { width:679px; }
.WebContent {
	float:right;
	height:auto;
	margin-top:10px;
	text-transform:uppercase;
	width:200px;
}
.WebContent p {	
	font-size:12px;
	text-transform:none;
	margin:5px 0 20px 0;
}
.WebContent a {
	color:#0d888d;
	font-weight:bold;
}
.WebContent a:hover { color:#3fc4c5; }
.addthis { margin:20px; }
/* =========================== */
	/* BLOG PAGE */
/* =========================== */
#content {
	float:left;
	margin:60px 7px 20px 13px;
	width:578px;
}
.post {
	border-bottom:1px dotted #808080;	
	height:auto;
	margin-top:20px;
	padding-bottom:10px;
}
.PostInfo {
	height:40px;
}
.date {
	border-right:1px solid #0d888d;
	color:#0d888d;
	float:left;
	font-size:12px;
	padding-right:10px;
}
.name {
	color:#0d888d;
	float:left;
	font-size:12px;
	padding-left:10px;
}
.metaComment {
	background:url(images/comment.gif);
	float:right;
	height:35px;
	margin-right:5px;
	width:40px;
}
.metaComment a {
	color:#fff;
	display:block;
	font-family:Nevis, Arial, "Helvetica CE";
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 0;
	text-align:center;
	text-decoration:none;
}
.post h1 { position:relative; top:-20px; }
.post h1 a {
	color:#0d888d;
	font-family:"Helvetica", Arial, Verdana;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.post h1 a:hover { text-decoration:underline; }
.tags { position:relative; top:-15px; }
.tags em { color:#000; font-size:12px; }
.tags a { color:#808080; font-size:11px; text-decoration:none; }
.tags a:hover { text-decoration:underline; } 
.post p {
	font-size:12px;
	margin:0 0 10px 0;
}
.post p a { color:#0d888d; font-weight:bold; }
.postimg { border:1px solid #c5c5c5; padding:5px; margin:0 0 14px 0; }
#NavLink {
	margin-top:30px;
}
#NavLink a.prev { color:#0d888d; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
#NavLink a.next { color:#0d888d; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
#NavLink a:hover { text-decoration:underline; }
#sidebar {
	float:right;
	margin:60px 7px 20px 13px;
	width:322px;
}
.holder { margin:20px 0; padding:10px; }
.ads { width:300px; }
.categories { background:url(images/categories.png) no-repeat; border-bottom:1px dotted #808080; display:block; padding-bottom:10px; text-indent:-9999px; }
.holder ul li { border-bottom:1px dotted #808080; padding:15px 0; }
.holder ul li a { color:#808080; text-decoration:none; }
.holder ul li a:hover { color:#0d888d; }
#SearchForm { margin:0; padding:0 0 30px 0; }
#SearchForm input { float:left; width:220px; }
#SearchForm #SearchSubmit {
	background:url(images/search_btn.gif) no-repeat;	
	border:none;
	cursor:pointer !important;
	float:right;
	height:26px;	
	text-indent:-9999px;	
	width:66px;		
}
.GetInTouch { clear:both; background:url(images/GetInTouch.png) no-repeat; border-bottom:1px dotted #808080; display:block; padding-bottom:10px; text-indent:-9999px; }
.holder p { font-size:12px; text-align:left; margin:10px 0; } 
.holder p a { color:#0d888d; }
/* =========================== */
	/* COMMENT POSTS */
/* =========================== */
.UserComment { border-bottom:1px dotted #808080; margin:10px 0; padding-top:10px; color:#333333; }
.UserComment span img { float:left; margin:0 10px; }
.UserComment h5 { font:bold 16px Arial, Helvetica, sans-serif; color:#000000; margin-left:10px; }
.UserComment h5 a { font:bold 16px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.UserComment h5 a:hover { text-decoration:underline; }
.UserComment p { color:#000; font-size:12px; }
p.commentDate { font-size:11px; margin:0; }
h3 {
	color:#0d888d;
	font-size:18px;
	font-weight:bold;
	padding-top:20px;
}
#commentForm { margin:20px 0 0 0; padding:0; }
#commentForm div { margin-top:5px; }
#commentForm input { width:200px; }
#commentForm textarea { width:500px; }
#commentForm span small { color:#808080; font-size:12px; margin-left:3px; }
#commentForm em { color:#ff3716; font-size:11px;}
/* =========================== */
	/* CONTACT PAGE*/
/* =========================== */
#contact {
	float:left;
	height:auto;
	margin:80px 7px 0 13px;
	width:545px;
}
#contact strong { color:#808080; font-size:14px; font-weight:bold; }
img.tools {	margin:90px 0 0 34px; }
#ContactForm div { margin-bottom:10px; }
#ContactForm div i { float:right; }
#ContactForm input, #ContactForm textarea { background:#f0f0f0; border:1px solid #cdcdcb; color:#808080; font-family:"HelveticaNeue LT 55 Roman", Arial, "Helvetica CE", sans-serif; font-size:12px; padding:5px; width:435px; }	
#ContactForm span small { color:#808080; font-size:12px; margin-left:2px; }
#ContactForm #send {
	background:url(images/submit_btn.gif) no-repeat;	
	border:none;
	cursor:pointer !important;
	height:26px;	
	margin-top:15px;
	text-indent:-9999px;	
	width:66px;		
}
/* =========================== */
	/* FOOTER */
/* =========================== */
#footer {
	background:#fff url(images/footer_bg.gif) repeat-x;
	clear:both;
	height:406px;
	position:relative;
}
#footerBlog {
	background:transparent url(images/footer_blog.gif) repeat-x;
	clear:both;
	height:50px;
	position:relative;
}
.FooterTitle {
	border-bottom:1px dotted #bdbdbd;
	color:#bdbdbd;
	font-family:"Helvetica LT", "Helvetica CE", Arial;
	font-size:14px;
	font-weight:bold;
	padding-bottom:17px;
	width:291px;
}
#footer p { color:#ababab; padding-right:20px; }
#footer p.contact { color:#ababab; font-weight:bold; line-height:10px; margin-top:22px; }
#footer em { color:#55e5e6; }
#footer p.social { color:#ababab; font-weight:bold; margin-top:30px; }
#footer a { color:#55e5e6; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul { margin-top:10px; }
#footer ul li { display:block; float:left; margin-right:20px; }
#footer ul li a.facebook { 
	background:url(images/SocialIcon.png) 0 0 no-repeat; 
	display:block;
	height:36px;
	text-indent:-9999px;
	width:39px;	
}
#footer ul li a.twitter { 
	background:url(images/SocialIcon.png) -49px 0 no-repeat; 
	display:block;
	height:36px;
	text-indent:-9999px;
	width:39px;	
}
#footer ul li a.feed { 
	background:url(images/SocialIcon.png) -98px 0 no-repeat; 
	display:block;
	height:36px;
	text-indent:-9999px;
	width:39px;	
}
small { color:#55e5e6; font-size:11px; }
#FooterInfo {
	position:absolute;
	clear:both;
	float:left;
	margin:370px 0 0 10px;
	width:960px;
}
#FooterInfo a { color:#0d888d; }
#FooterInfoBlog {
	clear:both;
	float:left;
	margin:20px 0 0 10px;
	width:960px;
}
#FooterInfoBlog a { color:#55e5e6; text-decoration:none; }
#FooterInfoBlog a:hover { text-decoration:underline; }
p.copyrights {
	float:left;
	font-size:12px;
	font-style:italic;
	margin:0;
}
#FooterMenu {
	float:right;
	font-size:12px;
	position:relative;
	top:-10px;
}
#FooterMenuBlog { 
	float:right;
	font-size:12px;
	position:relative;
	top:0;
}
#FooterMenu li, #FooterMenuBlog li { display:block; float:left; margin:0 20px 0 0; padding:0; }
#FooterMenu li a { color:#0d888d; }
#FooterMenuBlog li a { color:#55e5e6; }