/*
Theme Name: iKreator LLC v2
Theme URI: http://ikwebdesigner.com
Description: Website Experts
Version: 1.0
Author: Neal Chester
Author URI: http://ikwebdesigner.com
*/


/* CSS Document ------------------------- 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, font, img, ins, kbd, q, s, samp, small, strike, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline; border-collapse:collapse; border-spacing:0; border-padding:0; }

a:focus {outline:none}

/*---------- CSS ---------------*/

::-moz-selection{ /* Firefox */background:black; color:#ffcc00} 
::selection{ /* Safari and Opera */	background:black; color:#ffcc00}

@font-face{ font-family: Cambria; src: url(img/CAMBRIAB.ttf);}
/*
@font-face{ font-family: Myriad; font-weight:normal; src: url(img/myriad.ttf);}
@font-face{ font-family: Myriad; font-weight:bold; src: url(img/myriadb.ttf);}
@font-face{ font-family: Myriad; font-style:italic; src: url(img/myriadi.ttf);}
*/

html{background: #AED1EF url(img/bg.jpg) repeat-x;display:block;width:100%;float:left;position:relative;}
body{font-family: "Lucida Sans", "Lucida Grande", sans-serif; background: url(img/header-bg.jpg) no-repeat center 10px; text-align}

/*Any Firefox*/
@-moz-document url-prefix() {
  body {
     font-family: "Lucida Grande", "Lucida Sans", sans-serif;
  }
}

body:nth-of-type(1) body {background: url(img/header-bg.jpg) no-repeat center 11px;} /*iframe issues Addthis Chrome & Safari*/

#logo{display:none}

/* ----------------------------------------------------------------------------------------------------------------------*/

#top{ 
	display:block; float:left; width:100%; height:10px; clear:both;	text-indent:-1000em; font-size:6px;	text-align:center;
	background: #000000 url(img/border-top.jpg) no-repeat center top;cursor:default;}

#header, #container{ width:950px; margin:0 auto; text-align:left; position:relative;	display:block; clear:both;	z-index:1;}

	#container{ background:white url(img/arrow.jpg) no-repeat right 70px;/*70px*/ display:block; padding-top:35px;}
	.faqs #container {background: white url(img/question-mark.jpg) no-repeat right 10px ! important}
	.faqs ul#menu li:nth-child(2) {white-space: nowrap;}

#headtext { 
	width: 258px; height:73px; display:block; position:absolute; top:40px;
	left:130px;	text-indent:-3000em; background: url(img/headtext.png) no-repeat}
*html #headtext {background: url(img/headtext.gif) no-repeat}
		

/* ------------------------------------------------------ SHADOWS ---------------------------------------------------------------*/

#shadowleft, #shadowright{width:6px;height:484px; display:block; position:absolute;	top:157px;}
			#shadowleft{left:-6px;	background:  url(img/shadow-left.jpg) no-repeat;}					
			#shadowright{right:-6px; background:  url(img/shadow-right.jpg) no-repeat;}

/* ------------------------------------------------------ CONTENT ---------------------------------------------------------------*/

#content{ width:500px; float:left; display:block; position:relative; z-index:5; padding-bottom:50px; min-height:300px;}
#content h1, #content h2, #content h3, #content p, 
#content ol, #content ul, #content hr, #content blockquote{font-size:13px; line-height:20px; margin-bottom:14px;}
#mediaspace, #content table {margin-bottom:14px}
			
	#content h1, #content h2{font-weight:bold; font-family:Cambria, Palatino, "Palatino Linotype";}
				
	#content h1 {
		margin:-10px 0px 20px; font-size:30px; line-height:38px; position:relative; 
		border-bottom:dotted 1px #C1D1D5; padding-bottom:5px; color: black;}
	
	.category #content h1 {border-color:white}	
		
	#content h2 {font-size:19px; color:#006699;}
	#content h3 {font-size:14px; font-weight:bold; color:black}
	
	#content ol {margin-left:24px}
	#content ul li{list-style-type: none; padding-left:24px; background: url(img/bullet.png) no-repeat 10px 7px}
		#content .space li{margin-bottom:14px} /*--- Space between multi-lined list items ----*/                                                  									
	#content hr {border:none; border-top:dotted 1px #C1D1D5; clear:both; height:1px;}
	#content blockquote {background:url(img/quotes.gif) no-repeat left 5px; padding-left:30px;}
	#content abbr {border-bottom:dotted 1px black;cursor:help}
	
	#content table {font-size:11px; line-height:16px; border:solid 1px #C1D1D5; background:white}
	#content table.chart {width:500px}
	#content table.chart tr:nth-child(even) {background-color:#F2F5F6}
	#content table.chart td, #content table.chart th {padding:10px;border-bottom:solid 1px #C1D1D5;} 
	#content table.chart th {background-color:black; color:white} 
	#content table caption {padding-bottom:14px;}
	#content table.chart td {border:solid 1px #C1D1D5}
	
		
	#content .c {clear:both; width:500px; overflow:hidden;}
	#content .c li {
		list-style:none ! important; text-align:center; padding:0px ! important; 
		display:inline ! important; font-size:11px; line-height:15px; float:left;
		background-image:none ! important}
		
	#content .c li, #content .c li img {margin-bottom:7px}
	#content .c2 li {width:250px;} 
	#content .c3 li {width:166px;} 
	#content .c4 li {width:125px;}
		
	.keyrec, .key, .keydoub {
		color:white; display:block; float:left; font:normal 10px arial; padding:3px 0px 0px 10px; height:34px; cursor:default}
	.keyrec {background: url(img/key-long.gif) no-repeat; width:69px; }
	/*.keydoub {background: url(img/key.gif) no-repeat; width:29px; line-height:13px ! important}*/
	.key {background: url(img/key.gif) no-repeat; width:29px; font-size:16px}
	.plus {display:block; float:left; padding:0px 5px; height:39px; text-align:center; line-height:35px; color:brown}
	.wordtext {font-size:10px; text-align:center; line-height:35px; width:39px; height:39px;padding:0px ! important;}
	.keys .hr {clear:both; display:block !important}
	.keys {margin:0px 0px 21px 36px}			

/* ------------------------------------------------------ LINKS ------------------------------------------------------ */

	#content a{text-decoration: none; border-bottom:solid 1px #C1D1D5}
	#content a:link{color: #0099cc;}			
	#content a:visited{ color:purple;}			
	#content a:hover, #content a:focus { color: black; border-color: #cc9900; background-color: #fff7cf;}			
	#content a:active{color: #cc0000; border-color: #cc0000}

#nav, #menu {z-index:80 ! important;}

/*----------------------------------------------------------- Home / Request Button -----------------------------------------------------------*/

#homepage a{width:100px;height:100px; display:block; position:absolute; top:24px;left:17px;background:none; text-indent:-3000em}

#request a{position:fixed; right:-13px; top:200px; background: url(img/request-button.png) no-repeat; width:52px; height:130px; display:block; z-index:100; text-indent:-3000em}

*html #request a{position:absolute}
	
	#request a:hover {right:0px}
	#request a:focus{outline:none}

/*----------------------------------------------------- Top Main Navigation  ---------------------------------------------------*/

#nav { display:block; width:550px; height:157px; float:right; z-index:100;	}
#nav li{ list-style-type: none; display:inline; }
#nav a{ display:block; list-style-type: none;  float:left; text-indent:-1000em; height:157px; background-position: left bottom;}

a#home{      width:95px;  background-image:  url(img/nav-01.jpg) }
a#about{      width:85px;  background-image:  url(img/nav-02.jpg)}
a#portfolio{  width:90px;  background-image:  url(img/nav-03.jpg)}
a#articles{    width:89px;  background-image:  url(img/nav-04.jpg)}
a#faqs{        width:89px;  background-image:  url(img/nav-05.jpg)}
a#contact{    width:102px; background-image:  url(img/nav-06.jpg)}

#nav a:hover{ background-position: left center; }
#nav a.current, #nav a.current:hover{ background-position: left top; cursor:default;}

/* --------------------------------------------- Sidebar Menu ------------------------------------------------- */

#sidebar {float:left; margin:-12px 24px 0px 24px; width:177px; display:inline}

#menu {width:177px; display:inline;  background-color:white; font-size:12px; line-height:19px;}
#menu li{list-style-type:none; display:inline; }

#menu li a, #menu li a:link{ 
	font-weight:bold; color:#3399cc; padding:10px 0px 10px 12px; border-bottom:dotted 1px #C1D1D5; 
	display:block; width:153px; text-decoration:none;}
#menu li a:hover, #menu li a:focus {color:black;}
#menu li a.current, #menu li.current_page_item a, #menu li.current-cat a {color:black; border-bottom:solid 1px black; cursor:default}


/* --------------------------------------------- Top Button ---------------------------------------------- */

#topbutton {display:block; width:100%; height:77px; clear:both;}
#topbutton a{ 
	background:  url(img/top-button.jpg) no-repeat center top; display: block; width: 950px; height:77px; 
	margin: 0 auto; text-indent:-1000em;}
	
#topbutton a:hover, #topbutton a:focus{ background:  url(img/top-button.jpg) no-repeat center bottom;}

/* ------------------------------------------------------ Footer Styles ------------------------------------------------- */

#footer{
	text-align:center; display:block; float:left; width:950px;	height:66px; color:white;font-size: 10px; color:#4e6fa1;
	text-transform: uppercase; background: #AED1EF url(img/footer-top-shadow.gif) repeat-x left top; 
}
#footer p{
	position:absolute; right:0px; height:76px; width:150px; display:block; line-height: 76px; 
	background:  url(img/footer-logo.gif) no-repeat right 6px; padding-right: 51px; text-align:right; 
}
#footer a{
	text-decoration:none; color:#4e6fa1; float:left; display:block; background:  url(img/footer-divisions.gif) no-repeat right center; 
	height: 76px; padding-right: 32px; line-height: 76px; letter-spacing: 0px;
}
#footer a:hover, #footer a:focus{color:black; text-decoration:underline;}
#footer hr{ display:none;}

/*----------------------------------------------------- Tool Tip ------------------------------------------------*/

#tooltipstyle{ 
	background: #fffbe8; color:#000; border:solid 1px #444; padding:7px; width:150px; 
	font-size:11px; line-height: 15px; text-align:left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #dfdedf; -webkit-box-shadow:  2px 2px 2px #dfdedf;
	position: absolute; left: -300px; display: block; z-index: 100;}

#tooltippointer{
	position:absolute; left:-300px; z-index:101; display:block;}

/*----------------------------------------------------- Extras ------------------------------------------------*/

.portfolio {margin-bottom:12px! important; float:left; padding-top:24px; position:relative}
.portfolio p {font-size:11px ! important; line-height:18px  ! important;}
.portfolio p b { width:60px; margin-right:5px;text-align:right;display:block;float:left; color:black ! important}
.portfolio img {border:solid 1px #C1D1D5; padding:3px; width:500px; position:relative; margin-left:-4px; margin-bottom:14px;}
.portfolio a img {border-bottom:none ! important; background:none ! important}


		.hide, #hide {display:none;}
		.hidden, #hidden {visibility:hidden}
		.clear, #clear{ clear:both;}
		
		/* Social Media and Subscribe Button */
		
		.socialmedia{margin-bottom:14px; font-size:11px; float:left; clear:both; width:100%}
		.socialmedia a {border:none ! important; color:#cc0000 ! important;} 
		.socialmedia a:hover {color:#000 ! important}
		
		.subscribe {float: right; text-align:right}
		.subscribe a {background: url(img/rss.png) no-repeat right top; padding-right:20px;}
		
		.titleadjust {width:0px; height:1px; float:right;}
		
		.pages {text-transform:uppercase; text-align:right; font-weight:bold; padding-top:14px; border-top: dotted 1px #C1D1D5; font-size:14px}
		.pages a {color:#0099CC ! important;} .pages a:hover {color:black}
		
		.metadata {color:#fff; margin:24px 0px 12px; clear:both; font-size:11px; background:#000; padding:7px}
		.metadata a {color: #fff ! important} .metadata a:hover{color:black ! important}
		.metadvid a, .metadvid{color:#aaa ! important}
		
		
		/* TEXT STYLES -----------------------------------*/
		
		.nowrap {white-space: nowrap}
		.center{text-align:center ! important;}
		.justify{text-align:justify;}
		.right{text-align:right;}
		.small, small {font-size:11px; line-height:16px;}
		.column{width:250px; float:left}
		
		.orange {color:#cc9900}
		.blue {color: #006699}
		.red {color:#cc0000}
		.black {color:#000 ! important}
		
		.edit {position:absolute; right:0px; top:0px; font-size:11px ! important; font-family:arial !important}
		.edit a { color:#999 ! important}
		
		.strike {text-decoration:line-through; color:#ccc}
		.highlight {background:#ffffcc}
		
		.box {background:#f2f5f6; padding:5px;} 
			p.box {padding:14px; border:solid 1px #f2f5f6; background-color: #ffffee; margin-left:-1px;}
		 	h2.box {margin-left:-5px; color:#000 ! important}
		
		samp { font:bold 11px tahoma, geneva; color:#cc9900; display:inline; letter-spacing:0px; white-space: nowrap;}
		code {
			display:block; font:11px/16px "Courier New", sans-serif; background:#f2f5f6; padding:14px; 
			white-space:nowrap; overflow:auto; border-color:#C1D1D5; border-width:1px 0px; border-style:solid;}
		
		code b, code strong {font-weight:normal; background:#ffffee}
		
		
		/* INLINE IMAGES ------------------------------------------------------ */
		
		img.border {border:solid 5px #f2f5f6; background:white; margin-left:-5px;}
		img.left{float:left; margin-right:14px;}
		img.right{float:right; margin-left:14px;}
		.valign{vertical-align:middle ! important}
		
		
		/* HOME styles */
		
		.home #mediaspace {margin: 0px 24px 24px 24px; float:left; background: url(img/preview.jpg) no-repeat}
		.home #content a {color:#0099CC} .home #content a:hover {color:black}
		.home #content a img {border:none ! important; background-color:transparent ! important;}
		.home #content {width:100%; margin-top:12px}
		
		.home #container {background-image:none; padding-top:21px}
		.home #content #start {float:right; width:378px; margin:24px 24px 0px 0px}
		.home #content #start h1 {color:#006699 ! important; border-color:white}
		.home #content hr {margin:24px; border-color: #eee ! important; }
		.bar {
			height:41px; margin:0px 24px 24px; padding-left:12px; background:#f2f5f6; display:block; clear:both;
			-webkit-border-radius: 5px; -moz-border-radius: 5px;}
		.bar h2 {color:black  !important; line-height:39px !important; display:inline; font-size:14px ! important}

		
		.latest {display:block; float:left; margin-left:57px ! important; border-left:solid 1px #eee}
		.latest li{display:inline; list-style-type:none ! important; padding:0px ! important; margin:0px ! important;}
		.latest li a {display:block; float:left; padding:13px; border:none ! important; border-right:solid 1px #f2f5f6 ! important; 
			width:140px; height:150px; line-height:15px ! important; color: #666 ! important}
			
		.latest li a {font-size:11px; text-align:center;  background:none ! important;}
		.latest li a img {width:140px; height:80px; /*opacity:0.7; -webkit-transition: opacity 0.3s linear; filter:alpha(opacity=70)*/}
		.latest li a span {background-color:#F2F5F6; width:140px; height:80px; margin-bottom:-5px; display:block}
		.latest li a:hover img {outline:solid 5px #fff7cf; opacity:1.0; filter:alpha(opacity=100)} 
		.latest li a:hover {color:black ! important}
		
		ul.art {margin-left:0px ! important; border:none ! important}
		ul.art li a {border:none ! important; color:#000 ! important}
		ul.art li a img {opacity:1.0 ! important; filter:alpha(opacity=100) ! important; outline: 1px #f2f5f6 solid }
		
		
		/* Category Article listing */
		
		.article {float:left } 
		.article li{
			padding:0px ! important; background-image:none ! important; border-bottom:dotted 1px #C1D1D5;
			float:left; width:500px; display:block;}
			
		.article li:hover {background-color: #FFFBE8 ! important; cursor:pointer;}		
		.article li img {width:140px; height:80px; float:left; margin:12px; padding:3px; border:solid 1px #C1D1D5;background:white}
		.article li:hover a img {border-color:#333;}
		.article li h3 {margin:17px 0px 2px !important; float:left; width:310px; white-space: nowrap}
		.article li h3 a{color:#000! important; border:none ! important; background: none ! important}
		.article li p {padding-right:14px; font-size:11px ! important; line-height:17px ! important} 
		
		
		/* Contact Page */
		
		address {
			background-color:#fff7cf; padding:14px; font-style:normal; font-size:11px; line-height:16px; cursor:default;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left:15px; margin-top:12px; float:left; width:122px;
			-moz-box-shadow: 2px 2px 2px #dfdedf; -webkit-box-shadow:2px 2px 2px #dfdedf;}
			
		address b {font-size:13px; font-weight:bold}
		address a {color: #663300; border-bottom:dotted 1px #663300; text-decoration:none} 
		address a:hover {background:white; color:black; border: none;}
		
		#rs {
			margin-top:28px; font-size:11px; font-weight:bold; color:black; padding-bottom:14px; 
			line-height:19px; width:500px; text-align:left}
			
		.columnform {float:left; width:238px; display:block} .columnform + .columnform {margin-left:24px; clear:right}
		
		.f {
			font: 12px Tahoma; width:228px; background:#F2F5F6; margin:3px 0px 15px; 
			color:#4d83a6; padding:5px; border-color:#C5C5C5 #F2F5F6 #F2F5F6 #C5C5C5; border-style:solid; border-width:1px}
		
		textarea.f {height:200px; width:490px;} select.f {width:238px}
		input[type="checkbox"] {vertical-align:middle;background:#F2F5F6; margin-right:10px}
		.f:focus {border-color:black; background:#ffffee; color:black}
		#rs .send {
			background: url(img/sendbutton.jpg) left top; height:37px; width:107px; 
			text-indent:-3000em; border:none; cursor:pointer; margin-right:-3px;}
			
		#rs .send:hover {background-position: left bottom;}