/*------------------------------------------------------------
 femKreations layout CSS - Version: 10 : MArch 19th 2009
 Author: Femy Praseeth (femKreations@gmail.com) 
 Created: Jan 2009 
 Refer to the revision.txt for revision history
-------------------------------------------------------------- */
/*------------------------------------------------------------
 Color Key
-------------------------------------------------------------- 
Blue: #0b78ab;
Green: #8fae3d;
Orange: #f58120;
White: #eeeeee (for links),#aaaaaa (for text); 
Black: #1f1f1f;  		Used for body bg
Grey: #5a5858;			Used for the contact us boxes
Light Grey: #7d7d7d; 	Used in the large header text 
-------------------------------------------------------------- */

/*------------------------------------------------------------
 Global Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
address, blockquote, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, b, bdo, big, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tfoot, tbody, tr, th, td {
	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
 	vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6 { 
	font-size: 100%; 
}
ol,ul { 
	list-style: none; 
}
address, caption, cite, code, dfn, em, strong, th, var{ 
	font-style: normal; 
	font-weight: normal; 
}
/* tables still need 'cellspacing="0"' in the markup */
table {  
	border-collapse: collapse; 
	border-spacing: 0; 
}
caption,th, td { 
	text-align: left; 
	font-weight: normal;
}
fieldset { 
	border: 0; 
}
blockquote, q {
	quotes: none;
}
q:before, q:after { 
	content:''; 
}
img {
	display: block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border: 0;
}
body, textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
address, blockquote, form, p, pre, table,
dl, ol, ul {
	font-size: 11px;
}
abbr, acronym {
	text-decoration: underline;
}
address, cite {
	font-style: normal;
}
b, strong {
	font-weight: bold;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
del {
	text-decoration: line-through;
}
dfn, em, i, var {
	font-style: italic;
}
small {
	font-size: 9px;
}
.small {
	font-size: 10px;
}
p.postmetadata .small, p .small { font-size:12px;}
sub {
	vertical-align: sub;
}
sup {
	vertical-align: super;
}

/*------------------------------------------------------------
 Global Styles
-------------------------------------------------------------- */
/* Mozilla & IE have different opinions about how <hr> should look - be careful about changing these. */
hr {
	border: none;
	height: 1px;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:22px;
	color: #aaa; 
	margin-bottom:10px;
	text-align:justify;
}	

/*------------------------------------------------------------
 Links
-------------------------------------------------------------- */
a, a:link, a:visited {
	text-decoration: none; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#0b78ab ; 
}
a:hover,a:active {
	color:#f58120;
}

/*------------------------------------------------------------
 Text
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h2 a {
	font-family: 'century gothic', Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}
h1 {
	font-size: 24px;
	color: #aaa;
}
h2, h2 a {
	font-size: 24px !important;
	line-height:28px;
	font-weight: normal;
	color: #aaa; 
	margin-bottom: 15px;
}
h2 span.orange, p span.orange { color: #f58120; }
h2 span.green, p span.green{ color: #8fae3d; }
h2 span.blue, p span.blue { color: #0b78ab; }
h3 {
	font-size: 20px;
	color: #0b78ab;
	margin-bottom: 10px;
}
h4 {
	font-size: 16px;
	color: #aaa;
	font-weight:bold;
	margin-bottom: 6px;
}
h5 {
	font-size: 11px;
	margin-bottom: 10px;
}

/*------------------------------------------------------------
 Often Used Classes
-------------------------------------------------------------- */
.floatleft {
	float: left;
	display: inline;
}
.floatright {
	float: right;
	display: inline;
}
.ctr {
	text-align: center;
}
/*e.g. for accessibility quick links*/
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
.clear_float {
	clear:both;
}

/*--------------------------------------------------------------------
 Tables
----------------------------------------------------------------------*/
table, table td, table th {
	vertical-align: top;
	text-align: left;
}
table {
	width: 100%;
	margin-bottom:20px;
}
table td {
	padding: 10px;
}
table td p {
	text-align:left;
}
table td.workThumb {
	width:40%;
}
/*------------------------------------------------------------
 Form Elements
-------------------------------------------------------------- */
fieldset {
	margin:25px 0;
	clear:both;
	position:relative; 
	display:block; 
}
label.label {
	clear:both;
	width:125px;
	line-height:1.6em;
	text-align:right;
	padding-right:10px;
}
label.label, input.text-input, textarea.text-input {
	font-size:12px;
	float:left;
	font-family:Verdana, Arial,Helvetica,sans-serif;
	color:#aaa;
	margin:0 0 20px;
}	
label.error {
	color:red;
	position:absolute;
	left:135px; 
}
label#name_error { top:18px; }
label#email_error { top:58px; }
label#phone_error { top:98px; }

input.text-input, textarea.text-input, form#commentform input.text, form#commentform textarea.text {
	border:0;
	border-bottom:1px solid #aaa;
	background-color:#1f1f1f;
	padding:2px;
	width:250px;
}
form#commentform input.text, form#commentform textarea.text {
	font-size:12px;
	font-family:Verdana, Arial,Helvetica,sans-serif;
	color:#aaa;
	margin:0 0 20px;
}
input.button { 
	position:absolute; 
	top:200px; 
	left:135px; 
	width:110px;
	height:38px;
	padding-left:25px;
	padding-bottom:2px;
    border:0;
	margin:0 0 15px; 
	color:#aaa; 
	font-size:14px;
	background:transparent url('/images/button/btnSend.jpg') no-repeat  0 0;
}
div#message {
	width:380px;
	margin:25px 0 0 45px;
	position:relative;
}
#checkmark { 
	position:absolute;
	top:0px;
	left:-25px; 
}

/*------------------------------------------------------------
 Layout Styles
-------------------------------------------------------------- */
body {
	color: #eeeeee;
	background: #212121 url('/images/bg/bgBodyTop.jpg') repeat-x left top;
	border-top: 5px solid #f58120;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
#header {
	width: 1075px;
	height: 113px;
	background: url('/images/bg/bgWrapTop.jpg') no-repeat center top;
	margin: 0 auto;
	position: relative;
}
#header h1#logo a {
	background: url('/images/misc/logo.png') no-repeat;
	display: block;
	height: 106px;
	width: 308px;
	position: absolute;
	text-indent: -9999px;
	top: 8px;
	right: 115px;
}
#contentWrap {
	background: url('/images/bg/bgWrapRepeat.jpg') repeat-y center center;
	width: 1075px;
	text-align: left;
	margin: 0 auto;
}
#innerWrap {
	background: url('/images/bg/bgWrapMid.jpg') no-repeat center top;
	width: 100%;
	min-height: 388px;
}
.colLeft, #colLeft {
	float:left;
	width:580px;
	margin-right:10px;
}
.colRight, #sidebar {
	float:right;
	width:240px;
	padding-top:20px;
}
#footerWrap {
	background: url('/images/bg/bgWrapBtm.jpg') no-repeat center bottom;
	width: 1075px;
	min-height: 236px;
}	
#content,
#footer {
	width: 840px;
	margin: 0 auto;
}
#content{
	padding: 25px 20px 15px 20px;
}

/*------------------------------------------------------------
 Top Navigation Styles
-------------------------------------------------------------- */
#navWrap {
	margin: 0 auto;
	position: relative;
	width: 961px;
	height: 33px;
}
a#topContactUs {
	position: absolute;
	left: 80px;
	top: 0px;
	background-image: url('/images/misc/noteContactus.gif');
	display: block;
	text-indent: -9999px;
	width:87px;
	height:34px;
}
ul#topNav {
	text-align: right;
	position: absolute;
	right: 60px;
	top: 6px;
}
#topNav li {
	float: left;
	height:15px;
}
#topNav li#search {
	background: url('/images/misc/icnSearch.png') top left no-repeat;

}
#topNav li#login {
	background: url('/images/misc/icnLogin.png') top left no-repeat;
}
#topNav a {
	color: #eeeeee;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
}

/*------------------------------------------------------------
 Quote Styles
-------------------------------------------------------------- */
div.quote {
	position:absolute;
	top:40px;
	width:126px;
	height:44px;
	background-position:0px 2px;
	background-repeat:no-repeat;
}
div.qWork {
	left:115px;
	background-image: url('/images/menu/quoteWork.png');
}
div.qServices {
	left:195px;
	background-image: url('/images/menu/quoteServices.png');
}
div.qAbout {
	left:300px;
	background-image: url('/images/menu/quoteAbout.png');
}
div.qBlog {
	left:378px;
	background-image: url('/images/menu/quoteBlog.png');
}

/*------------------------------------------------------------
 Main Navigation Styles
-------------------------------------------------------------- */
#mainNav{
	height: 33px;
	position: absolute;
	bottom: 0px;
	left: 115px;
}
#mainNav li {
	float: left;
	padding-right: 24px;
}
#mainNav li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
}
#mainNav li a.work {
	background: url('/images/menu/menuWork.png') no-repeat center top;
	width: 53px;
}
#mainNav li a.services {
	background: url('/images/menu/menuServices.png') no-repeat center top;
	width: 80px;
}
#mainNav li a.about {
	background: url('/images/menu/menuAbout.png') no-repeat center top;
	width: 61px;
}
#mainNav li a.blog {
	background: url('/images/menu/menuBlog.png') no-repeat center top;
	width: 48px;
}
#mainNav li a:hover {
	background-position: center center;
}
#mainNav li a.selected {
	background-position: center bottom;
}

/*------------------------------------------------------------
 Recent Work Styles
-------------------------------------------------------------- */
#recentWork {
	margin-top:20px;
}
#recentWork div.work a img{
	border:3px solid #5a5858;
}
#recentWork div.work a:hover img{
	border:3px solid #0b78ab;
}
#recentWork p.info {
	color: #7d7d7d;
	text-align:left;
	font-size:12px;
}
#recentWork p.info a {
	color:#eee;
}
#recentWork p.info a:hover {
	color:#0b78ab;
}

/*------------------------------------------------------------
 Contact Us Styles
-------------------------------------------------------------- */
#footer {
	padding: 20px 10px 120px 10px;
	border-top:1px solid #5a5858;
	position:relative;
}
#footer .colLeft {
	width:390px;
}
#footer .colRight {
	width:440px;
}
#footer div.status {
	position:absolute;
	right:-40px;
	top:0px;
	text-indent: -9999px;
	background: url('/images/misc/noteStatus.gif') no-repeat;
	display: block;
	height: 59px;
	width: 458px;
}
ul#contact { margin:15px 0; }
ul#contact li{
	padding:0 15px 15px 45px;
	height:32px;
	line-height:32px;
	font-size:14px;
}
li.phone {
	background: url('/images/misc/icnPhone.gif') no-repeat 0 0;
}
li.email {
	background: url('/images/misc/icnMail.gif') no-repeat 0 0;
}
li.loc {
	background: url('/images/misc/icnLoc.gif') no-repeat 0 0;
}

/*------------------------------------------------------------
 Footer Links Styles
-------------------------------------------------------------- */
#footerLinks {
	padding: 10px 250px;
	text-align: center;
}
#footerLinks p, #footerLinks a {
	font-size: 11px;
	color: #7d7d7d;
	text-align: center;
	padding-top: 10px;
}
#footerLinks a {
	margin-left: 5px;
	margin-right:5px;
}
#footerLinks a:hover {
	color: #0b78ab;
	text-decoration:underline;
}
#footerLinks ul li { 
	display:inline;
}
#footerLinks a img {
	display:inline;
}

/*------------------------------------------------------------
 Work Styles
-------------------------------------------------------------- */
ul#workTabs {
	list-style-type: none;
	margin-top:20px;
}
ul#workTabs li{
	float:left;
	width:100px;
	height: 37px;
}
ul#workTabs li a {
	height: 37px;
	line-height:17px;
	text-align:center;
	width:100px;
	display:block;
	color:#f58120;
	font-style:italic;
}
ul#workTabs li.selected a,
ul#workTabs li a:hover {
	font-weight:bold;
	background: url('/images/misc/workSelected.jpg') no-repeat bottom center;
}
div#workInnerTab{
	background:#1f1f1f;
	padding:20px 15px;
	margin:-1px 0px 10px 0;
}
ul li.workThumb {
	margin:5px;
	padding:5px;
	width:55px;
	float:left;
}
ul li.workThumb a img,
td.workThumb a img{
	border:4px solid #5A5858;
}
ul li.workThumb a:hover img,
td.workThumb a:hover img{
	border:4px solid #0b78ab;
}


/*------------------------------------------------------------
 Services Styles
-------------------------------------------------------------- */
div.servicesList {
	margin:0 20px 20px 0;
}
div.servicesList ul {
	font-size:14px;
	line-height:20px;
}
div.servicesList ul li {
	background:transparent url('/images/misc/tick.jpg') no-repeat 0 7px;
	padding:5px 0 0px 25px;
}
div.servicesList h4 {
	line-height:45px;
	padding-left:50px;
}
div.servicesList h4.web {
	background:transparent url('/images/misc/iconWeb.jpg') no-repeat 0 0px;
}
div.servicesList h4.print {
	background:transparent url('/images/misc/iconPrint.jpg') no-repeat 0 0px;
}

/*------------------------------------------------------------
 Sitemap Styles,Featured List Styles
-------------------------------------------------------------- */
ul#sitemap,ul.featured  {
	list-style-type:disc;
	line-height:24px;
	list-style-position:inside;
	margin-left:20px;
}
ul#sitemap li, ul.featured li { padding-bottom:5px; font-size:14px; color:#aaa;}
ul#sitemap li > ul {
	margin-left:20px;
}
ul#sitemap li > ul li {
	padding-bottom:0px;
}

/*------------------------------------------------------------
 Testimonial Styles
-------------------------------------------------------------- */
blockquote{
	border-bottom:1px dotted #5a5858;
	background: url('/images/misc/icnQuote.jpg') no-repeat 0 10px;
	padding:10px 0 10px 40px;
	margin-bottom:10px;
}
blockquote.last{
	border-bottom:none;
}
cite {
	display:block;
	font-style:italic;
	font-size:12px;
}
cite span{
	font-style:normal;
	font-size:14px;
	font-weight:bold;
}
blockquote p { margin-bottom:5px; }

/*------------------------------------------------------------
SubNav Styles In About and Services
-------------------------------------------------------------- */
div.colRight ul.subNav {
	margin-top:20px;
}
div.colRight ul.subNav li a {
	display: block;
	height: 54px;
	width:215px;
	text-indent: -9999px;
	margin-bottom:20px;
}
div.colRight ul.subNav li.testimonial  a {
	background: url('/images/button/btnTestimonial.gif') no-repeat center top;
}
div.colRight ul.subNav li.testimonial  a:hover {
	background-position: center bottom;
}
div.colRight ul.subNav li.featured  a {
	background: url('/images/button/btnFeatured.gif') no-repeat center top;
}
div.colRight ul.subNav li.featured  a:hover {
	background-position: center bottom;
}

/*------------------------------------------------------------
Blog Styles 
-------------------------------------------------------------- */
.metaTags { margin-bottom:15px; }
.metaTags span { color: #AAAAAA; font-style:italic; }
.post { padding: 0 0 10px; border-bottom:1px dotted #5A5858; margin-bottom:15px;} 
#post-33 { border-bottom:0; }
#sidebar { padding-top:0px;}
#sidebar h2 { font-size: 20px !important; margin-bottom:5px; }
#sidebar ul li.widget { margin-bottom:15px; }

/*------------------------------------------------------------
 Clearing
-------------------------------------------------------------- */
.clearfix:after, .colRight:after, #footer:after, ul#contact:after, #content:after, ul#workTabs:after {
	content:".";
	display:block;
	height:0;
	line-height: 0px;
	clear:both;
	visibility:hidden;
}