/*  
Theme Name: JCom
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:#FFFFFF;
text-align:center;
font-family:Georgia, Arial, 'Sans Serif';
font-size:14px;
color:#666;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 20px 0;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

h1 {
font-size:25px;
font-weight:bold;
}

h2 {
font-size:22px;
font-weight:normal;
color:#333;
}

h3 {
font-size:16px;
font-weight:bold;
}

h4 {
font-size:15px;
font-weight:normal;
}

p, ul, ol {
line-height:24px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}

a {
color:#cc0099;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}


#page {
width:940px;
display:block;
margin: auto;
text-align: left;
}

#header {
width:940px;
position:relative;
height:144px;
border-bottom:1px solid #ccc;
display:block;
z-index:1000;
}

#header h1 { margin:0px; }

#header h1 a {
display:block;
position:absolute;
bottom:10px;
left:0px;
text-indent:-999px;
background:url(./images/logo.jpg) no-repeat;
width:300px;
height:94px;
}

#header p.contactdetails {
color:#c6008b;
line-height:20px;
font-size:20px;
position:absolute;
top:20px;
right:0px;
display:block;
text-align: right;
}

#header p.contactdetails span {
font-size:15px;
color:#333;
}

#header p.contactdetails span a { color:#333; }

ul#nav {
display:block;
position:absolute;
bottom:10px;
margin:0px;
right:0px;
}

ul#nav li {
display:block;
float:left;
position:relative;
margin:0 0 0 20px;
padding:0 20px 0 0;
height:17px;
line-height:17px;
border-right:1px solid #CCC;
}

ul#nav li a {
display:block;
float:left;
color:#AAA;
font-size:16px;
}

ul#nav li.current_page_item a, ul#nav li.current-cat a { color:#659969; }

ul#nav li.current_page_item ul li a, ul#nav li.current-cat ul li a { color:#AAA; }

ul#nav li ul {
position:absolute;
top:15px;
left:-20px;
width:240px;
display:block;
background: #eee;
z-index:2000;
border-top:8px solid #FFF;
}

ul#nav li ul li ul { left:240px; top:0px; }

ul#nav li ul li {
float:none;
padding:0px;
border:none;
border-bottom:1px solid #CCC;
height:35px;
margin:0px;
}

ul#nav li ul li a {
display:block;
height:35px;
line-height: 35px;
padding:0 20px;
width:200px;
}

ul#nav li ul li a:hover { background: #333; color:#FFF; text-decoration: none; }

#homebanner {
display:block;
overflow: hidden;
padding:25px 0 5px 0;
width:940px;
color:#333;
}

#homebanner ul {
width:940px;
}

#homebanner ul li {
width:220px;
float:left;
display:block;
border-right:1px solid #ccc;
padding:5px 45px;
overflow: hidden;
}

#homebanner ul li.last { border:none; }

#homebanner ul li h2, #homebanner ul li p {
margin:0 0 10px 0;
}

#homebanner ul li p {
line-height:20px;
}

a.findoutmore {
background:url(./images/findoutarrow.jpg) no-repeat right center;
display:block;
padding:0 15px 0 0;
font-size:16px;
font-style: italic;
float:right;
}

#banner {
margin:20px 0 0 0;
width:940px;
height:280px;
display:block;
overflow: hidden;
position:relative;
clear:both;
}

#banner ul#slider, #banner ul#slider li {
position:absolute;
top:0px;
left:0px;
width:940px;
height:280px;
display:block;
margin:0px;
padding:0px;
}

#banner ul#slider li img {
position:absolute;
top:0px;
left:0px;
}

#banner ul#slider li span.text {
background:url(./images/bannerp.png);
width:340px;
display:block;
height:280px;
position:absolute;
top:0px;
left:0px;
}

#banner ul#slider li p {
display:block;
width:290px;
font-size:40px;
color:#FFF;
line-height:50px;
position:absolute;
bottom:0px;
left:30px;
font-weight: bold;
}

#banner ul#slider li { display:none; }

#banner ul#slider li.slideactive { display:block; }

#banner ul#slidercircles {
position:absolute;
top:20px;
right:10px;
width:90px;
height:20px;
display:block;
z-index:10;
}

#banner ul#slidercircles li {
float:left;
display:block;
margin:0 10px 0 0;
width:20px;
height:20px;
background: url(./images/bannercircle.png) no-repeat;
cursor: pointer;
}

#banner ul#slidercircles li.active {
background: url(./images/bannercircleactive.png) no-repeat;
}

#mainarea {
width:860px;
padding:40px;
display:block;
overflow:hidden;
}

#contentarea {
width:620px;
display:block;
float:left;
}

#contentarea h2.title {
margin:0 0 40px 0;
}

.posts {
display:block;
overflow: hidden;
}

.posts .post {
display:block;
float:left;
width:255px;
margin:0 70px 40px 0;
}

.posts .posteven {
margin:0 0px 40px 0;
}

.posts .postclear {
clear:left;
}

.posts .post h4 {
margin:10px 0 10px 0;
font-size:18px;
line-height:22px;
}

.posts .post h4 a {
color:#333;
}

.posts .post p {
color:#888;
}

#comments {
margin:80px 0 20px 0;
}

ol.commentlist {
margin:0px!important;
list-style: none!important;
width:600px;
}

ol.commentlist li {
border:1px solid #CCC;
padding:20px;
margin:0 0 40px 0;
}

#sidebar {
width:170px;
display:block;
float:right;
}

#sidebar .widget {
margin:0 0 40px 0;
text-align: right;
display:block;
overflow: hidden;
}

#sidebar .widget h4 {
font-size:15px;
font-style:italic;
font-weight: normal;
color:#333;
border-bottom:1px solid #ddd;
line-height:35px;
margin: 0px;
}

#sidebar .widget h4 a { color:#333; }

#sidebar .widget ul {
display:block;
margin:0px;
}

#sidebar .widget ul li {
display:block;
}

#sidebar .widget ul li a {
line-height:35px;
height:35px;
display:block;
color:#999;
border-bottom:1px solid #ddd;
}

#sidebar .widget .searchform {
padding: 5px 0 5px 10px;
font-family: Georgia;
display:block;
border:1px solid #ddd;
overflow: hidden;
margin:0 0 20px 0;
}

#sidebar .widget .searchform input {
float:left;
width:130px;
border:none;
background: #FFF;
font-size:13px;
color:#333;
font-style:italic;
}

#sidebar .widget .searchform input#searchsubmit {
float:left;
width:20px;
border:none;
background: #FFF;
}


#homesuccessstories {
width:900px;
padding:30px 20px;
display:block;
overflow:hidden;
}

.postContainer {
overflow: hidden;
display:block;
width:100%;
margin:0 0 0 0;
}

.postContainer h3 {
font-size:24px;
color:#333;
font-weight: normal;
float:left;
line-height:25px;
}

.postContainer h3 span, .postContainer h3 span a {
color:#999;
font-weight: normal;
}

.postContainer .heading {
height:60px;
}

p.meta {
font-size:15px;
color:#CCC;
margin:0;
}

ul.dots {
margin:8px 0px 0 0;
float:right;
display:block;
}

ul.dots li {
float:left;
display:block;
margin:0 0 0 10px;
}

ul.dots li.dot a {
background: url(./images/circle.jpg) no-repeat;
width:22px;
height:22px;
float:left;
display:block;
margin:0 0 0 0px;
}

ul.dots li.active a {
background: url(./images/circleactive.jpg) no-repeat;
}

ul.dots li a {
float:left;
display:block;
line-height:21px;
height:21px;
}

.postContainer .posts {
width:950px;
height:350px;
display:block;
position:relative;
overflow: hidden;
}

.postContainer .posts ul {
margin:0 0 0px 0;
display: block;
overflow: hidden;
position:absolute;
top:0px;
left:0px;
width:1200px;
}

.postContainer .posts ul li {
float:left;
display:block;
width:255px;
margin:0 68px 0 0;
}

.postContainer .posts ul li h4 {
margin:0 0 10px 0;
font-size:18px;
}

.postContainer .posts ul li h4 a {
color:#333;
}

.postContainer .posts ul li p {
color:#888;
}

.postContainer .posts p.meta {
font-size:16px;
color:#222;
}

.post ul {
list-style:square outside;
margin:0 0 20px 30px;
}

.post ol {
list-style:decimal outside;
margin:0 0 20px 30px;
}

#contactbar {
width:940px;
height:40px;
background:#202020;
display:block;
overflow: hidden;
margin:0 0 3px 0;
}

.navigation {
height:60px;
display:block;
}

.wp-pagenavi {
height:30px;
}

.wp-pagenavi a {
margin:0 5px 0 0;
padding:3px 6px;
background: #333;
color:#FFF;
}

.wp-pagenavi span, .wp-pagenavi a:hover {
background:#CCC;
margin:0 5px 0 0;
padding:3px 6px;
color: #111;
text-decoration: none;
}

#contactbar p {
float:left;
display:block;
width:760px;
height:40px;
font-size:20px;
letter-spacing: 1px;
color:#FFF;
text-align: center;
line-height:40px;
}

#contactbar p a { color:#FFF; }

#contactbar ul {
background: #FFF;
float:right;
display:block;
height:40px;
width:180px;
}

#contactbar ul li {
float:left;
display:block;
margin:0 0 0 3px;
width:41px;
height:40px;
}

#contactbar ul li a {
float:left;
display:block;
width:41px;
height:40px;
}

#contactbar ul li.linkedin a {
background: url(./images/linkedin.jpg) no-repeat;
}

#contactbar ul li.linkedin a:hover {
background: url(./images/linkedin1.jpg) no-repeat;
}

#contactbar ul li.facebook a {
background: url(./images/facebook.jpg) no-repeat;
}

#contactbar ul li.facebook a:hover {
background: url(./images/facebook1.jpg) no-repeat;
}

#contactbar ul li.twitter a {
background: url(./images/twitter.jpg) no-repeat;
}

#contactbar ul li.twitter a:hover {
background: url(./images/twitter1.jpg) no-repeat;
}

#contactbar ul li.rss a {
background: url(./images/rss.jpg) no-repeat;
}

#contactbar ul li.rss a:hover {
background: url(./images/rss1.jpg) no-repeat;
}


#subfooter {
width:940px;
background:url(./images/subfooterright.jpg) no-repeat top right;
height:160px;
display:block;
overflow: hidden;
}

#subfooter .left {
width:355px;
padding:20px 0 0 0;
background:url(./images/subfooterleft.jpg) no-repeat top left;
height:140px;
display:block;
overflow: hidden;
float:left;
position:relative;
}

ul.response {
width:355px;
height:140px;
z-index:100;
display:block;
background:url(./images/subfooterleft.jpg) no-repeat;
overflow: hidden;
position:absolute;
top:0px;
left:0px;
padding-top:40px;
display:none;
}

ul.response li {
padding: 0 0 0px 0;
display:block;
text-align: center;
color:#FFF;
font-size:12px;
font-family: Arial;
letter-spacing: 1px;
}

ul.response li.remove {
font-size:10px;
margin-top:10px;
color:#e19eca;
}

ul.response li.success {
width:355px;
height:162px;
z-index:101;
display:block;
background:url(./images/thankyou.jpg) no-repeat;
overflow: hidden;
position:absolute;
top:0px;
left:10px;
padding:0px;
margin:0px 0 0 0;
}

#subfooter h3 {
padding:0px 0 0 35px;
color:#FFF;
margin:0 0 10px 0;
font-size:24px;
font-weight: normal;
}

#subfooter  h3 span { font-size:18px; font-style: italic; }

#subfooter .left form {
padding:0 0 0 35px;
}

#subfooter .left form p {
margin:5px 0 0 0;
}

#subfooter .left form input {
padding:4px 8px;
width:240px;
display:block;
font-size:14px;
font-family: Georgia;
border:none;
}

#subfooter .left form input#message {
float:left;
}

#subfooter .left form #submit {
background: transparent;
padding:0px 0 0 5px;
color:#FFF;
float:left;
display:block;
width:30px;
font-size:20px;
}

#subfooter .left form #submit:hover {
color:#ff66cc;
}

#subfooter .right {
width:510px;
padding:20px 50px 0 0;
height:140px;
display:block;
overflow: hidden;
float:right;
}

#subfooter .right p {
color:#9f9f9f;
line-height:20px;
}

#footer {
display:block;
height:50px;
font-size:12px;
color:#666666;
font-family: Verdana;
}

#footer a { color:#666666; }

#footer ul {
height:14px;
line-height:14px;
margin:10px 0 0 0;
}

#footer ul, #footer ul li, #footer ul li a {
float:left;
display:block;
}

#footer ul li { margin:0 8px 0 0; border-right:1px solid #CCC; padding:0 8px 0 0; }

#footer p {
margin:5px 60px 0 0;
float:right;
display:block;
}