/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a {text-decoration: none; color:#1fa0c5; }
a:hover { text-decoration:underline; }

/* Generic */

body {
	/* background:#000 url('../cssimg/gbl-top.gif') top left repeat-x; */
	background-color: #000;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#444;
	height:100%;
	/* margin-top:15px; */ margin-top:4px;
}
#page {
    width:100%; height:100%;
	float:left;
	background-color:#fff;
}
.pagecontent {
	width:976px;
	margin:0 auto;
}

.clear { clear:both; }

/* Header */
#header {
	width:976px;
	height:175px; /* 165 - 200 */
}

.header-nav .contact {
	float:left;
	text-align:left;
        width: 263px;
        height:134px;
}

.social h6 {
       font: 15px/15px Arial, Tahoma, sans-serif;
       font-weight: normal;
	color:#222; /* 777 */
	font-style: italic; 
        padding-bottom: 10px;
}

.header-nav .social {
	float:left;
        text-align:left;
        width: 258px; /* 263 */
        height:134px;
padding-left: 5px;
}

p.icon { margin-top: 24px; }

/* Social Links */
.social a.icon{ 
	color:#999;
	padding:0 10px;
	display:inline-block;
/* 	border-right:1px dotted #222; */
	padding:3px 3px 3px 36px;
}

.social a.icon.twitter { 
    background:url('../cssimg/icon_twitter_2.gif') no-repeat left center;
	margin: 0 30px 0 0;
}

.social a.icon { 
    color: #444;
    font-size: 12px;
    text-decoration: none;
}


/* .social a.icon.facebook { 
    background:url('../cssimg/icon_facebook.gif') no-repeat left center;
    margin: 0 0 0 5px;
} */


/* Header/Logo */
.header-nav .logo {
	float:left;
	width:450px;
	height:134px; /* 153 */
}
.header-nav .logo p a {
	display:block;
	background:url('../cssimg/wicked-web-design-logo.gif') center no-repeat;
	width:450px;
	height:134px;
	margin:0 auto;
	padding:0;
	line-height: 0;
}
.header-nav .logo p a span {
	display:none;
}


/* Site Navigation */
.navigation {
	width:976px;
	height:31px;
	text-align:left;
}

#cat_628234_divs {
	float: left;
	width:976px;
	height:36px;
	padding:0; margin:0;
	border-bottom: 1px solid #09c;
}

/* Root */
.header-nav ul {
  margin: 0px;
  padding: 0px;
  float: left;
}

.header-nav ul#nav_628234 {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
  height: 31px;
}

.header-nav ul#nav_628234 li {
	float:left;
	margin:0;
}
.header-nav ul#nav_628234 li a {
	color:#000;
	font-size:15px;
	font-weight: normal;
	text-decoration:none;
	padding:5px 12px 13px 12px;
	display:block;
}
.header-nav ul#nav_628234 li a:hover,
.header-nav ul#nav_628234 li a.current,
.header-nav ul#nav_628234 li.selected a {
	color:#777;
	font-style: italic; 
}

ul#nav_628234 li:hover ul,
ul#nav_628234 li.iehover ul {
	visibility: visible;
}

/* Sub Menu */
.header-nav ul#nav_628234 ul {
	position: absolute;
	visibility: hidden;
	float: left;
	text-align: left;
	top: 174px; /* 185 */
	width: 225px;
	margin: 0;
	padding: 0;
	z-index: 10000;
    list-style: none;
    display: none;
    z-index:200;
}


ul#nav_628234 ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

ul#nav_628234 ul li {
    float: left!important; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
    z-index:200;
}

/* 2nd Menu */
ul#nav_628234 li ul li {
    width: 225px;
}

ul#nav_628234 li:hover li a,
ul#nav_628234 li.iehover li a {
    float: none;
	padding: 5px 12px;
	background-color: #09c;
	color: #eee!important;
}

/* 2nd Menu Hover Persistence */
ul#nav_628234 li:hover li a:hover,
ul#nav_628234 li:hover li:hover a,
ul#nav_628234 li.iehover li a:hover,
ul#nav_628234 li.iehover li.iehover a {
	float: none;
	padding: 5px 12px;
	background-color:#1fa5ff; /* light blue */
	color:#fff;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav_628234 li:hover ul ul,
ul#nav_628234 li:hover ul ul ul,
ul#nav_628234 li.iehover ul ul,
ul#nav_628234 li.iehover ul ul ul {
  display: none;
}

ul#nav_628234 li:hover ul,
ul#nav_628234 ul li:hover ul,
ul#nav_628234 ul ul li:hover ul,
ul#nav_628234 li.iehover ul,
ul#nav_628234 ul li.iehover ul,
ul#nav_628234 ul ul li.iehover ul {
  display: block;
}



/* Content Layout */
#content {
	float:left;
	width:976px;
	padding: 15px 0 0 0;
	margin: 1em 0;
}

#sidebar {
	float:right;
	width:350px; /*193 */

}

#content-sidebar{
	float:right;
	width:425px;
	padding:0; padding-left: 20px; padding-top: 60px;
}

#contentAbout-sidebar{
	float:right;
	width:425px;
	padding:0; padding-left: 20px; padding-top: 0px;
}

#home-width {
	float:left;
	width:586px;
	padding:0; margin:0;
}

#content-width {
	float:left;
	width:530px;
	padding:0; margin:0;
}

#contentAbout-width {
	float:left;
	width:630px;
	padding:0; margin:0;
}


.content {
	background-color:#fff;
	float:left;
	padding-bottom:25px;
}

.default-width {
	width:586px; /* 549 */
}

.full-width {
	width:976px;
}

.default-width .container,
.full-width .container {
	padding:0 21px;
}



/* Content Styles */
#content h1 {
 	color:#222;
	margin:0; padding:0;
 	margin: 0 0 17px 0;
	padding: 0 0 12px 0; 
	border-bottom:1px solid #ccc; 
	font: 21px/21px Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;  
}
#content h1 span {
	color:#39f;
}

#content h2, #content h2 a {
	color:#333;
	margin:0; padding:0;
 	margin: 5px 0 17px 0;
	padding: 0 0 9px 0; 
	border-bottom:1px dotted #999;
	font: 21px/21px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
}

#content h3 a:hover, #content h4 a:hover {
	text-decoration:underline;
}

#content h3, #content h3 a {
	color:#888;
	margin:0; padding:0;
 	margin: 15px 0;
	padding: 0 0 9px 0;
	font: 19px/19px Georgia,"Times New Roman",serif,Arial, Helvetica, sans-serif;
	font-style: normal;
	font-style:italic;
	letter-spacing: 0px;
}

#content h4, #content h4 a {
	font:14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	letter-spacing:0;
	margin:0; padding:0; padding-bottom: 4px;
}

#content h5, #content h5 a {
	font:13px/13px Arial, Helvetica, sans-serif;
	color:#777;
	font-weight:normal;
	letter-spacing:0;
	margin:0; padding:0;
}






#content em {
	font-style:italic;
}
#content p, #content ol, #content ul {
	margin: 0 0 1em 0;
}
#content ul,
#content ol {
	margin: 0 0 1em 20px;
}
#content ul {
	list-style: circle;
}
#content ul li {
	margin: 0 0 .3em 0;
}

.sidebar ol { color: #09c; font-size: 15px; }
.sidebar  ol li { list-style-type: decimal; color: #222; margin: 0 0 0.5em 0; }

.notepad ol { color: #09c; font-size: 14px; }
.notepad  ol li { list-style-type: decimal; color: #444; margin: 0 40px 0.6em 40px; }
.notepad  ol li a { text-decoration:underline; color: #444; }


.about-icon { margin:0; padding:0;
background: url(../cssimg/note-repeat.jpg) repeat-y;
width: 333px; height: 100px;
 } 

.about-icon ul { font-size: 12px; color: #444; text-align:left; padding-left: 45px; padding-top:12px; }
.about-icon ul li { list-style-type:none!important; }
.about-icon ul li a { text-decoration:none; color: #444;}

/* Social Links */
.about-icon a.social { 
	color:#444; padding:0 10px; 
	display:inline-block;
	padding:3px 3px 3px 36px; text-align:left; 
}

.about-icon a.social.linkedin { 
    background:url('../cssimg/icon_linkedin.gif') no-repeat left center;
	margin: 0;
}

.about-icon a.social.facebook { 
    background:url('../cssimg/icon_facebook_2.gif') no-repeat left center;
    margin: 0;
}



.notepad-title {
margin:0;
padding:0;
width: 333px;
height:131px;
background: url(../cssimg/note-title.jpg) no-repeat;
}

.notepad-title h1 { display:none; }

.notepad {
margin:0;
padding:0;
background: url(../cssimg/note-repeat.jpg) repeat-y;
width: 333px;
height: auto;
}

.notepad-btm {
margin:0;
padding:0;
background: url(../cssimg/note-bottom.jpg) no-repeat;
width: 333px;
height: 72px;
}



#sidebar ul {
	margin:0!important;
	padding:0!important;
}
#content blockquote {
	color:#cda552;
	font-size:14px;
	font-style:italic;
	margin:15px 20px 0 0;
	padding:0 0 0 15px;
	border-left:5px solid #ddd;
}
#content blockquote cite {
	margin: 5px 0 0 0;
	display: block;
}
#content table {
	margin:1em 0;
	border-spacing: 0;
	_border-collapse: collapse;
	*border-collapse: collapse;
	/* border-bottom: solid 1px #666;
	border-right: solid 1px #666; */
}
#content table th,
#content table td {
	padding: 0.2em 0;
}
#content table th {
	text-align:left; padding-bottom: 0;
}

#content table td {
} 

#content a:hover {
	text-decoration:underline;
}




/* Blog Output */
#catblogoutput h2.post-title a,
#catblogoutput h2.post-title {
	color:#888;
	margin:0; padding:0;
 	margin: 15px 0;
	padding: 0 0 9px 0;
	font: 19px/19px Georgia,"Times New Roman",serif,Arial, Helvetica, sans-serif;
	font-style: normal;
	font-style:italic;
	letter-spacing: 0px;
	border-bottom:0!important;
}







/* Benefit List */
div.benefit-list img.icon {
	float:left;
	margin:-38px 0 0 0;
}

.benefit- li .icon {
	float: left;
	_margin-top: 18px; /* IE6 */
}

.benefit-list h4 {
	margin: -64px 0 3px 75px!important;
}

.benefit-list p {
	margin: 0px 0 18px 75px!important;
}

.benefit-list ul {
	margin: 0;
	padding:0;
}

.benefit-list li {
	margin: 0 0 0 0;
 	overflow: hidden; 
	position: relative;
}

.benefit-list li li {
	margin: 0;
	padding: 0;
}

.alt-list {
	margin: 0;
	padding: 0;
} 

.alt-list li {
	list-style: none;
}


/* Feature List */
/* Content - Full Features */
div.feature-list img.f-image {
	float:left;
	margin:-38px 0 0;
}

div.feature-list ul {
	margin:0pt 0pt 36px 100px!important;
	padding:0;
}

div.feature-list li {
	padding:3px 0pt;
}

div.feature-list h4 {
	margin: 5px 0pt 13px 84px!important;
}


/* BC - Slider */
#scroller a, #scroller a:link, #scroller a:visited {
	color: #115EB0;
	text-decoration: none;
}

#scroller a:hover, #scroller a:active {
	text-decoration: underline;
}

#scroller a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

a.button.next {
	float: right;
	text-indent: -9999px;
}

#scroller a.button.next {
	background: url(../bc-slider/cssimg/button-frontslidenext.png) no-repeat 0 0;
	height: 34px;
	width: 94px;
}

#scroller a.button.next:hover, #scroller .scroller a.button.next:active {
	background: url(../bc-slider/cssimg/button-frontslidenext.png) no-repeat 0 -34px;
}

ul#tour-path {
	background: #115EB0;
}

.home .scroller {
	background: #fff;
}


.home .scroller #section1 {
	background: url(../bc-slider/cssimg/hero.png) no-repeat 93% 40px;
}


#tour-path a:link, #tour-path a:visited {
	text-decoration:none;
}

#tour-path a:hover, #tour-path a:active {
	color: cyan;
	text-decoration:none;
}
#tour-path a.on {
	background:transparent url(../bc-slider/cssimg/on-frontpageslider-new.jpg) no-repeat scroll 50% 0pt;	
	cursor:default;
}




/* !!! Don't touch these unless you know what you're doing ---------*/

ul#tour-path {
	height: 50px;
	margin: 0 0 36px;
	padding: 0 0 0 20px;
	width: 940px;
}

ul#tour-path li {
	display: inline;
}

ul#tour-path li a {
	color: #fff;
	float: left;
	font-size: 11px;
	line-height: 50px;
	margin: 0 16px;
}

.home .scroller {
	height: 380px;
	overflow: hidden;
	width: 960px;
}

.home .scroller .section {
	height: 380px;
	float: left;
	overflow: hidden;
	width: 960px;
}



.home .scroller .content {
	width: 10000px;
}

.scroller .content img.screenshot {
	border: 2px solid #eee;
	float: right;
	margin: 36px 36px 0 0;
}

.scroller .content .video {
	margin: 15px 20px 20px 20px;
}

.caption {
	float: left;
	font-size: 12px;
	height: 300px;
	padding: 24px 18px 18px 50px;
	width: 380px;
}

.home .scroller #section1 .caption {
	padding-top: 0px;
}

.caption h1 {
	color: #222;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 54px 0 0;
}

.home .scroller #section1 .caption h1 {
	margin: 45px 0 24px;
}

.caption p {
	color: #333;
	line-height: 18px;
	margin: 0 0 20px 0;
}

.caption ul {
	margin: 40px 0 0 0;
}

.caption ul li {
	list-style: none;
	margin: 18px 0;
}

#flashcontent {
	margin: 30px 0 0 0;
}

.caption ul li img {
	vertical-align: top;
	margin: 0 10px 0 0;
}


/* FixPNG for IE6 */

/* FixPNG from Komodo */

* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/bc-slider/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}






/* FixPNG for IE6 */

/* FixPNG from Komodo */

* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}



/* Contact Form */
/* @group Web Form */

ul.form {
	margin: 0;
}
	padding: 0;

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #eee;
	display: block;
}

/* Forms */
.webform table,
.webform td {
	border:0;
}

table.subscribeform {
	padding:0 0 10px 10px;
}

table.subscribeform td {
	width:255px!important;
	margin:0; padding:0;
	padding-bottom: 5px!important;
}

table.subscribeform label{
	font-size:11px;
	color: #eee;
}

table.subscribeform input.cat_textbox {
	font: 12px Tahoma,Arial,sans-serif;
	color: #000;
	font-weight: bold;
	padding:3px;
}



/* Footer */
#footer {
	clear:both;
	background:#000 url('../cssimg/gbl-footer-top.gif') top left repeat-x;
	width:100%;
	margin:0; padding:30px 0;
	font-size:12px;
	line-height:103%;
}

#footer p {
	margin:0; 
	padding: 8px 10px;
	font-size:13px;
	line-height:115%;
	color:#eee;
}

#footer a {
	color:#999;
}

/* Footer col layout */
#footer .left, 
#footer .mid {
	float:left;
	width:255px;
	margin-right:50px;
}
#footer .right {
	float:right;
	vertical-align:top;
}

/* Footer title/links styling */
#footer  h3 {
	color:#fff;
	font-size:15px;
	margin:0;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #222;
	width:265px;
	display:block;
}
#footer .left ul.footer-links,
#footer .mid ul.footer-links {
	list-style:none;
	width:275px;
	float:left;
}
#footer .left ul.footer-links li,
#footer .mid ul.footer-links li {
	border-bottom:1px dotted #222;
	float: none;
	margin-right: 0px;
}
ul.footer-links li a {
	color:#999;
	font-size: 13px;
	padding: 8px 10px;
	display:block;
	width:255px;
}

ul.footer-links li a:hover {
	background-color:#060606;
	color:#ee;
	font-size: 13px;
	text-decoration:none!important;
}

#footer p.copyright {
	text-align:right;
	margin: 15px 0;
	padding:0;
	color:#fff;
}

#footer .right ul {
	text-align:right;
	list-style:none;
	margin:0;
	padding:0;
}
#footer .right ul li {
	display:inline;
}
#footer .right ul li a {
	color:#999;
	padding:0 10px;
	display:inline-block;
	border-right:1px dotted #222;
}



/* Social Links */
#footer a.social { 
	color:#999;
	padding:0 10px;
	display:inline-block;
/* 	border-right:1px dotted #222; */
    padding:3px 3px 3px 22px;
}

#footer a.social.twitter { 
    background:url('../cssimg/icon_twitter.gif') no-repeat left center;
	margin: 0 5px 0 0;
}

#footer a.social.facebook { 
    background:url('../cssimg/icon_facebook.gif') no-repeat left center;
    margin: 0 0 0 5px;
}


#footer a.last {
	border-right:0px!important;
	padding-right:0px!important;
}



/* Home page - Slider */
div#banner {
	float: left;
    width:976px; 
	height:325px;
    padding:0;  
    margin:0; 
}	

div#slider {
	float: left;
	width: 976px;
	height: 290px;
	overflow: hidden;
}

div#slider ul, div#slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#slider li { 
	width: 976px;
	height: 290px;
	list-style-type: none;
	overflow: hidden; 
}

span#comments {
	float:right;
	height:43px;
	line-height:43px;
	width: 400px;
	padding:0;
	margin-top:12px;
	font: 11px/11px Arial,Tahoma,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

div#slider-pag {
	float: left; /* right */
	height: 30px;
	padding:0;
	margin: 8px 0px;
}


span#nextBtn {
	float: right;
	width: 24px;
	height: 24px;
	border: 3px solid #eee;
	background: #ffffff url('../cssimg/arrow-right.png') no-repeat 8px 50%;
	text-indent: -9999px;
	cursor: pointer;
}

span#prevBtn {
	float: left;
	width: 24px;
	height: 24px;
	margin: 0 0 0 652px;
	border: 3px solid #eee;
	background: #ffffff url('../cssimg/arrow-left.png') no-repeat 8px 50%;
	text-indent: -9999px;
	cursor: pointer;
}

span#nextBtn:hover, span#prevBtn:hover {
	border: 3px solid #bbb;	
}


div#slider-pag span#prevBtn {
	float: left;
	margin: 0;
}

div#slider-pag span#nextBtn {
	float: left;
	clear: right;
	margin: 0;
}

div#slider-pag ol#controls, div#slider-pag ol#controls li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 9px;
}

div#slider-pag ol#controls li {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-align: center;
	color: #09c;
	line-height: 24px;
	border: 3px solid #eee;
	margin: 0 9px 0 0;
	padding: 0;
	background-color: #fff;
	cursor: pointer;
	display: inline; /* IE6 HACK */
}


div#slider-pag ol#controls li:hover {
	border: 3px solid #ccc;
}

div#slider-pag ol#controls li a {
	display: block;
	width: 24px;
	height: 24px;
	color: #666;
	line-height: 24px;
	text-decoration: none;
}

div#slider-pag ol#controls li.current a {
	color: #09c; 
}
/* END: Easy Slider Styles */