/* Resets */
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;
	text-decoration: none;
}

img { -ms-interpolation-mode: bicubic; }

a { border-bottom: 1px dotted #000; color: #222; text-decoration: none; }
a:hover { border-bottom-style: solid; color: #000; }
a img { border-bottom: 0; }

/* IE6 Hover fix*/
a:hover { background-position: 0 0; }

html, body { background: #f4f4f4 url('../images/tile-bg.png') repeat; }

html { min-width: 920px; height: 100%; }

body {
	float: left;
	width: 100%;
	color: #393939;
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h1 { font: 26px Georgia, "Times New Roman", sans-serif; }
h2 { font: 22px Georgia, "Times New Roman", sans-serif; }
h3 { font: 18px Georgia, "Times New Roman", sans-serif; }
h4 { font: 14px Georgia, "Times New Roman", sans-serif; }

h1, h2, h3, h4 { color: #222 /* #e32323 */; margin-bottom: 10px; }

p { line-height: 20px; margin-bottom: 10px; }

small { font-size: 12px; }

strong { font-weight: bold; }

del { text-decoration: line-through; }

acronym { border-bottom: 1px dotted #ccc; cursor: help; }

table { border-collapse:collapse; border-spacing: 0; }

blockquote, code {
	display: block;
	background-color: #f5f5f5;
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #bbb;
	width: 85%;
	min-width: 400px;
	min-height: 40px;
	font-size: 12px;
	padding: 8px 50px 8px 12px;
	margin: 0 0 15px 5px;
}

blockquote { background-image: url('../images/quote-icon.png'); }
blockquote p { margin: 0; }

code {
	background-image: url('../images/code-icon.png');
	background-position: right top;
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	white-space: pre;
	color: #444;
	overflow: auto;
}

input, textarea {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #f5f5f5 url('../images/form-bg.png') repeat-x left top;
	border: 1px solid #bbb;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	color: #777;
	padding: 5px;
}
input:hover, input:active,
textarea:hover, textarea:active {
	color: #333;
}

input { width: 165px; }
input.submit { background: #fff url('../images/grey-to-lightgrey.png') repeat-x 0 -300px; color: #333; width: auto; text-align: center; padding-left: 0px; padding-right: 0px; cursor: pointer; }
/* This is to apply the min width to IE8 and above */
html>/**/body input.submit { min-width: 75px; }
input.submit:hover { color: #000; background-position: 0 -320px; }

textarea { width: 450px; height: 100px; }

button { width: auto; overflow: visible; }

div.arrowDown, div.arrowUp { z-index: 2; _display: none; background: #f3f3f3; border-color: #E0E0E0 transparent; border-style: solid solid none; border-width: 6px 6px 0; position: absolute; height: 0; width: 0; }
div.arrowUp { border-style: none solid solid solid; border-width: 0 6px 6px 6px; }

.clear { clear: both; }
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

/* Header */

#headerwrap { z-index: 98; position: relative; background: #111 url('../images/black-to-darkgrey.png') repeat-x left top; width: 100%; height: 90px; }
#header { position: relative; background: transparent; width: 900px; min-height: 30px; padding: 0 21px; margin: 0 auto; }
#header a { border: 0; }
#header h1 { position: relative; float: left; width: 300px; color: #eee; font-size: 42px; font-style: italic; letter-spacing: 2px; line-height: 34px; margin: 20px 0 0 0; }
#header div#slogan { position: relative; left: 0; float: left; width: 300px; color: #bbb; font-size: 12px; font-style: italic; letter-spacing: 12px; margin: 55px 0 0 -300px; }
#header h1 a { color: #eee; }
#header h1 a:hover { color: #fff; }
#header #searchbox { position: relative; float: right; height: 28px; margin-top: 15px; }
#header #social, #header #search { float: right; }
#header #search { margin-left: 25px; }
#header #search p { margin: 0; }
#header #social a { display: block; float: left; background-position: left bottom; background-repeat: no-repeat; width: 28px; height: 28px; text-indent: -9999px; margin-left: 19px; }
#header #social a,
#header #social a:hover { transition:background-position 0.15s ease-in; -webkit-transition:background-position 0.15s ease-in; -moz-transition:background-position 0.15s ease-in; -o-transition:background-position 0.15s ease-in; }
#header #social a:hover { background-position: right bottom; }
#header #social #delicious { background-image: url('../images/delicious-icon.png'); }
#header #social #flickr { background-image: url('../images/flickr-icon.png'); }
#header #social #facebook { background-image: url('../images/facebook-icon.png'); margin-right: 6px; }
#header #social #twitter { background-image: url('../images/twitter-icon.png'); }
#header #social #mail { background-image: url('../images/mail-icon.png'); }
#header #social #rss { background-image: url('../images/rss-icon.png'); }
#header #search:hover input { background-color: #333333; background-position: right top; color: #bbb; border: 1px solid #454545; }
#header #search input { vertical-align: middle; background: #2f2f2f url('../images/search-icon.png') no-repeat right bottom; border: 1px solid #3a3a3a; width: 144px; height: 16px; color: #5f5f5f; padding-right: 24px; }
#header #search input:hover { color: #aaa; }
#header #search input.submit { background-image: none; width: 75px; cursor: pointer; margin-left: 25px; height: 28px; padding: 0; }

/* Navigation */

#header #navigation { z-index: 99; position: relative; float: right; height: 32px; margin: 15px 0 0 0; }
#header #navigation:hover li a { background-color: #2a2a2a; }
#header #navigation li { position: relative; float: left; list-style: none; margin-left: 25px; }
#header #navigation li:first-child { margin: 0; }
#header #navigation li a { border-top-left-radius: 2px; border-top-right-radius: 2px; -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; }
#header #navigation li a { display: block; background-color: #1f1f1f; color: #bbb; width: 75px; line-height: 32px; text-align: center;}
#header #navigation li a:hover { background: #2f2f2f; color: #fff; }
#header #navigation li a.selected { background: #fff url('../images/white-to-grey.png') left top repeat-x; color: #000; }
#header #navigation li ul { z-index: 99; position: absolute; top: 32px; display: none; list-style-position: outside; width: 120px; }
#header #navigation li a.hovered { background: #2f2f2f; color: #fff; }
#header #navigation li ul li { position: relative; margin: 0; }
#header #navigation li ul li a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#header #navigation li ul li a { background: #383838 url('../images/dropdown-bg.png') no-repeat 5px bottom !important; border-top: 1px solid #222; color: #959595; width: 100px; text-align: left; padding: 0 10px 0 20px; }
#header #navigation li ul li a.hovered { background-color: #2f2f2f !important; color: #ddd; }
#header #navigation li ul li a:hover { background: #2b2b2b url('../images/dropdown-bg.png') no-repeat 5px top !important; color: #fff; }

/* Page Body */

#bodywrap { position: relative; clear: both; background: url('../images/shadow-bg.png') repeat-y center top; width: 900px; padding: 0 21px; margin: 0 auto; }
#body { z-index: 1; clear: both; float: left; background: #fff; width: 872px; padding: 10px 14px; }

div.error { background: #ffeff0; color: #bf2f38; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; }
div.error a { color: #9f131f; border: 0; }

/* Slider */

#sliderwrap { border-bottom: 1px solid #ddd; height: 300px; overflow: hidden; padding-bottom: 15px; margin: 4px 0 15px 0; }
#slider { height: 300px; overflow: hidden; }
#slider a { border: 0; }

/* Content General */

#content, .sidebar { float: left; }
#content { border-right: 1px solid #ddd; width: 620px; padding-right: 11px; }
#content .entry h2 { margin: 12px 0; }
#content .entry h3 { margin: 8px 0; }
#content .entry h4 { margin: 4px 0; }
#content .entry p .left { float: left; margin: 5px 10px 0px 0; }
#content .entry p .right { float: right; margin: 5px 0 0px 10px; }
#content .entry ul,
#content .entry ol { color: #000; list-style-position: inside; margin: 0 0 10px 0; }
#content .entry li{ padding: 2px 0; }
#content .entry ul { margin-left: 6px; }
#content .entry ul.ticks { margin: 12px 0 10px 4px; }
#content .entry ul.ticks li { background: transparent url('../images/tick-icon.png') left center; background-repeat: no-repeat; color: #494949; line-height: 24px; list-style: none outside none; padding-left: 20px; margin: 0px; }
#content .entry ol.links a,
#content .entry ul.links a { border: 0; color: #222; text-transform: uppercase; padding: 4px; margin-left: -4px; }
#content .entry ul.links li { list-style: circle; margin-left: 13px; }
#content .entry ol.links a:hover,
#content .entry ul.links a:hover { background: #444; color: #fff; }
#content .entry tr { background: #f5f5f5; }
#content .entry th { background: #ddd url('../images/grey-to-lightgrey.png') repeat-x left bottom; color: #444; text-align: left; font-weight: bold; }
#content .entry th,
#content .entry td { border: 1px solid #bbb; padding:10px; }

/* Blog */

#content #blog .post { background: #f3f3f3 url('../images/grey-to-lightgrey.png') repeat-x left bottom; border: 1px solid #eaeaea; padding: 9px; margin: 12px 0; }
#content #blog .post .postHeader a { border: 0; }
#content #blog .post .postHeader h2 a { display: block; color: #fff; padding: 6px 8px; }
#content #blog .post .postHeader h2 { background: #1c1c1c url('../images/black-to-darkgrey.png') repeat-x left center; color: #fff; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; margin: 4px 0; }
#content #blog .post .postHeader h2,
#content #blog .post .postHeader h2:hover { transition:background-position 0.10s ease-in; -webkit-transition:background-position 0.10s ease-in; -moz-transition:background-position 0.10s ease-in; -o-transition:background-position 0.10s ease-in; }
#content #blog .post .postHeader h2:hover { background-position: left top; }
#content #blog .post .postContent { background: #fff; border: 1px solid #e3e3e3; padding: 5px 8px 1px 8px; margin-top: 8px; }
#content #blog .post .postContent h1,
#content #blog .post .postContent h2,
#content #blog .post .postContent h3,
#content #blog .post .postContent h4 { margin: 10px 0 6px 0; }
#content #blog .post .postContent p { margin-bottom: 10px; }
#content #blog .post .postContent .center { text-align: center; }
#content #blog .post .postInfo { background: #eaeaea; border: 1px solid #d7d7d7; color: #777; padding: 4px 4px; margin-top: 8px; }
#content #blog .post .postInfo:hover { background: #eee; color: #333; }
#content #blog .post .postInfo:hover a { color: #222; }
#content #blog .post .postInfo a { color: #5e5e5e; border-bottom-color: #999; }
#content #blog .post .postInfo a:hover { color: #111; border-bottom-color: #666; }
#content #blog .post .postInfo span { font-size: 14px; padding: 0 5px; }
#content #blog .post .postInfo div { font-size: 12px; }
#content #blog .post .postInfo .tags { width: 450px; }
#content #blog .post .postInfo .date { float: right; }

#content #blog #comments #head { margin: 18px 0; }
#content #blog #comments #social { float: right; }
#content #blog #comments #social h2 { display: inline; float: left; margin: 0 6px 0 0; }
#content #blog #comments #social a { display: block; float: left; background-position: right bottom; background-repeat: no-repeat; border: 0; width: 28px; height: 28px; text-indent: -9999px; margin-left: 10px; }
#content #blog #comments #social #delicious { background-image: url('../images/delicious-icon.png'); }
#content #blog #comments #social #digg { background-image: url('../images/digg-icon.png'); }
#content #blog #comments #social #facebook { background-image: url('../images/facebook-icon.png'); }
#content #blog #comments #social #twitter { background-image: url('../images/twitter-icon.png'); }
#content #blog #comments #social #mail { background-image: url('../images/mail-icon.png'); }
#content #blog #comments .container { position: relative; clear: both; }
#content #blog #comments .comment { position: relative; background: #f3f3f3; border: 1px solid #ccc; padding: 0 10px 10px 10px; margin-bottom: 10px; }
#content #blog #comments .innerContainer { position: relative; float: right; width: 93%; }
#content #blog #comments .innerContainer .comment { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; }
#content #blog #comments .innerContainer .comment { float: right; background: #f0f0f0; border: 1px solid #ddd; }
#content #blog #comments .comment .cmmtInfo { position: relative; height: 20px; padding: 10px 0 4px 0; margin: 0 0 6px 0; }
#content #blog #comments .comment .cmmtInfo .buttons { float: right; border-left: 1px solid #ddd; padding-left: 10px; }
#content #blog #comments .comment .cmmtInfo .buttons a { border: 0; color: #666; font-size: 11px; text-transform: uppercase; }
#content #blog #comments .comment .cmmtInfo .buttons a:hover { color: #000; }
#content #blog #comments .comment .cmmtInfo .name a { border: 0; font-size: 14px; color: #1c366e; }
#content #blog #comments .comment .cmmtInfo .name a:hover { color: #05112c; }
#content #blog #comments .comment .cmmtInfo .date { border-left: 1px solid #ddd; color: #555; font-size: 12px; padding-left: 10px; margin-left: 10px; }
#content #blog #comments .comment .cmmtInfo .reply { border-left: 1px solid #ddd; color: #888; font-size: 12px; padding-left: 10px; margin-left: 10px; }
#content #blog #comments .comment:hover .cmmtInfo,
#content #blog #comments .comment:hover .cmmtInfo * { border-color: #ccc; }
#content #blog #comments .comment .arrowUp { border-color: #fff transparent; left: 20px; top: 34px; }
#content #blog #comments .comment .cmmtContent { position: relative; background: #fff; border-bottom: 1px solid #e0e0e0; font-size: 12px; padding: 5px; margin: 0 0 2px 0px; }

#content #blog .pagination { position: relative; background: #dcdcdc url('../images/grey-to-lightgrey.png') repeat-x left bottom; border: 1px solid #d4d4d4; color: #333; height: 32px; padding: 10px 10px; margin-bottom: 10px; }
#content #blog .pagination ul { list-style: none; margin: 0; }
#content #blog .pagination ul li { float: left; text-align: center; padding: 0; margin: 0 5px 0 0; }
#content #blog .pagination ul li a { float: left; display: block; background: #eaeaea; border: 1px solid #d7d7d7; color: #555; line-height: 14px; padding: 8px 10px; }
#content #blog .pagination ul li a:hover { background: #f2f2f2; color: #000; }
#content #blog .pagination ul li a.selected { background: #fff; color: #000; }
#content #blog .pagination .page { float: right; background: #ececec; border: 1px solid #d7d7d7; color: #333; padding: 5px 8px; }

/* Portfolio */

#content #portfolio #portfolioNav { position: relative; background: #dcdcdc url('../images/grey-to-lightgrey.png') repeat-x left bottom; border: 1px solid #d4d4d4; color: #333; height: auto !important; height: 42px; min-height: 40px; padding: 5px 10px; }
#content #portfolio #portfolioNav ul { list-style: none; margin: 0; }
#content #portfolio #portfolioNav ul li { z-index: 50; float: left; text-align: center; padding: 0; margin: 5px 6px 5px 0; }
#content #portfolio #portfolioNav ul li a { float: left; display: block; background: #eaeaea; border: 1px solid #d7d7d7; color: #555; line-height: 14px; padding: 8px 10px; }
#content #portfolio #portfolioNav ul li a:hover { background: #f2f2f2; color: #000; }
#content #portfolio #portfolioNav ul li a.selected { background: #fff; color: #000; }
#content #portfolio #portfolioNav span { display: none; }

#content #portfolio #portfolios { position: relative; margin-bottom: 10px; }
#content #portfolio .portfolioHead a { color: #666; border-bottom: 1px dotted #888; line-height: 30px; }
#content #portfolio .portfolioHead small { float: right; }
#content #portfolio .item { background: #f3f3f3 url('../images/grey-to-lightgrey.png') left bottom repeat-x; border: 1px solid #eaeaea; padding: 10px; margin: 12px 0; }
#content #portfolio .item .itemHeader a { display: block; background: #fff url('../images/popout-icon.png') no-repeat center center; border: 0; width: 598px; height: 180px; }
#content #portfolio .item h2.title a { display: block; border: 0; color: #fff; padding: 6px 8px; }
#content #portfolio .item h2.title { background: #1c1c1c url('../images/black-to-darkgrey.png') repeat-x left center; color: #fff; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; margin: 4px 0 6px 0; }
#content #portfolio .item h2.title:hover { transition:background-position 0.15s ease-in; -webkit-transition:background-position 0.10s ease-in; -moz-transition:background-position 0.10s ease-in; -o-transition:background-position 0.10s ease-in; }
#content #portfolio .item h2.title:hover { background-position: left top; }
#content #portfolio .item .itemContent { background: #fff; border: 1px solid #e1e1e1; padding: 5px 8px 1px 8px; margin-top: 9px; }
#content #portfolio .item .itemContent img { max-width: 600px; }
#content #portfolio .item p { /* line-height: 22px; */ margin-bottom: 10px; }

/* Contact Form */

#content #formResult .sent { font-family: Arial; background: #effff1; color: #139f26; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; }
#content #formResult .error { font-family: Arial; }
#content .form .error { border-color: #d00; color: #000; }
#content .form { margin: 20px 0 0 0; }
#content .form input { padding: 8px 5px; }
#content .form label { font-size: 11px; text-transform: uppercase; margin: 0 0 0 8px; }
#content .form textarea { height: 180px; width: 527px; }
#content .form #submit { font-size: 13px; padding: 6px 5px; }
#content .form p.inline-block { float: left; }
#content .form p.inline-block input { margin-right: 4px; }

/* Sidebar */

.sidebar { position: relative; width: 225px; margin-left: 14px; }
.sidebar .box { margin: 0 0 30px 0; }
.sidebar .box p,
.sidebar .box ul,
.sidebar .box ol { margin-bottom: 12px; }
.sidebar .box h3 { border-bottom: 1px solid #ddd; letter-spacing: 2px;  padding-bottom: 4px;margin: 0 0 6px 0; }
.sidebar .box ol,
.sidebar .box ol.links a,
.sidebar .box ul.links a { border: 0; color: #222; text-transform: uppercase; padding: 4px; margin-left: -4px; }
.sidebar .box ol.links a:hover,
.sidebar .box ul.links a:hover { background: #444; color: #fff; }
.sidebar .box ol { color: #222; margin-left: 18px; }
.sidebar .box ul { color: #222; list-style: circle; margin-left: 18px; }
.sidebar .box li { padding: 5px; }

/* Footer */

#footerwrap { float: left; position: relative; clear: both; background: #111 url('../images/black-to-darkgrey.png') repeat-x left top; color: #666; width: 100%; }
#footer { position: relative; clear: both; background: transparent; width: 940px; padding: 30px 21px 0 21px; margin: 0 auto; }
#footer p { margin-bottom: 5px; }
#footer .column ol { margin: 0 0 18px 0; }
#footer .column ul { list-style: circle; margin-left: 18px; }
#footer .column li { padding: 5px; }
#footer .column ol.links a,
#footer .column ul.links a { border: 0; text-transform: uppercase; padding: 4px; margin-left: -4px; }
#footer .column ol.links a:hover,
#footer .column ul.links a:hover { background: #ccc; color: #000; }
#footer .column { float: left; width: 273px; overflow: hidden; padding: 0 0 30px 20px; margin-right: 20px; } 
#footer .column h3 { border-bottom: 1px solid #444; color: #ddd; letter-spacing: 2px; padding-bottom: 3px; }
#footer .right { float: right; text-align: right; }
#footer a { border-bottom: 1px dotted #888; color: #666; }
#footer a:hover { border-bottom-style: solid; color: #fff; }
#footerwrap:hover p { color: #888; }
#footerwrap:hover ul { color: #999; }
#footerwrap:hover a { color: #aaa; }