/*
Theme Name: Theme name
Theme URI: http://www.xtranetworks.net/
Description: Client custom theme
Author: Author name
Author URI: http://www.xtranetworks.net/
*/

*
{
margin: 0;
padding: 0;
outline: 0;
z-index: 0;
}
 
img
{
border: none;
}
 
body
{
background-color: #ffffff;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #5c6b72;
}

p
{
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #5c6b72;
line-height: 18px;
}

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

a:hover
{
text-decoration: underline;
}

.red
{
color: #e61b21;
}

.fl
{
float: left;
}

.fr
{
float: right;
}

.clear
{
clear: both;
}

.none
{
display: none;
}

.large
{
font-size: 16px;
}

h2
{
font-size: 20px;
}

h3
{
font-size: 18px;
}

ul li
{
list-style-type: none;
}

.post_content ul li
{
list-style-type: disc;
margin-left: 15px;
}

.post_content ul, .blog_content ul, .post_content table, .blog_content table
{
position: relative;
float: left;
clear: both;
margin-bottom: 20px;
width: 100%;
color: #5c6b72;
}
/* wrapper, holds the website */
#wrapper
{
width: 967px;
margin: 0 auto;
}

/* header, holds logo and menu =) */
#header
{
float: left;
width: 967px;
margin-bottom: 30px;
}

#logo
{
float: left;
width: 101px;
height: 95px;
margin: 14px 0 0 10px;
}

#search
{
float: right;
width: 188px;
height: 22px;
margin: 26px 10px 0 0;
border: 1px solid #b9cfda;
}

#search .searchbg
{
float: left;
height: 17px;
width: 159px;
padding: 5px 0 0 4px;
background-color: #fefefe;
border: none;
font-size: 11px;
}

#search .searchbtn
{
float: left;
width: 25px;
height: 22px;
background: url(../images/search_btn.png) no-repeat;
border: none;
cursor: pointer;
}

/* general menu styling */
.menu
{
float: left;
width: 850px;
margin: 44px 0 0 0;
}

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

.menu ul li
{
float: left;
list-style-type: none;
margin-left: 20px;
}

.menu ul li a
{
text-decoration: none;
font-size: 13px;
color: #69747a;
font-weight: bold;
}

.menu ul li a:hover
{
text-decoration: underline;
color: #e61b21;
}

.menu ul li.current_page_item a
{
color: #e61b21;
text-decoration: underline;
}

/* promotional section */
#promo
{
float: left;
width: 967px;
height: 293px;
background: url(../images/promo_bg.png) repeat-x;
border: 1px solid #bad0db;
border-bottom: none;
}

.promo1
{
float: left;
width: 310px;
height: 292px;
margin-top: 1px;
background: url(../images/promo1_bg.png) no-repeat;
}

.promo2
{
float: left;
width: 310px;
height: 292px;
margin-top: 1px;
background: url(../images/promo2_bg.png) no-repeat;
}

.promo3
{
float: left;
width: 347px;
height: 292px;
margin-top: 1px;
background: url(../images/promo3_bg.png) no-repeat;
}

a.readmore
{
float: left;
width: 96px;
height: 30px;
margin: 248px 0 0 25px;
background: url(../images/readmore_btn.png);
}

a.flashreadmore
{
float: left;
display: block;
position: relative;
width: 96px;
height: 30px;
margin-left: 860px;
margin-top: -35px;
background: url(../images/readmore_btn.png);
z-index: 5;
}

a.readmore:hover
{
float: left;
width: 96px;
height: 30px;
margin: 248px 0 0 25px;
background: url(../images/readmore_btn_hover.png);
}

/* content section */
#content
{
float: left;
width: 911px; /* -padding width/height :) */
padding: 28px;
background: url(../images/content_bg.png) repeat-x;
border: 1px solid #bad0db;
border-bottom: none; /* removed border because site is fixed anyway */
}

/* a content post entry */
.post
{
float: left;
width: 911px;
}

.border
{
padding-bottom: 5px;
border-bottom: 1px solid #bad0db;
}

.post_title
{
float: left;
font-size: 20px;
}

.post_title h2
{
float: left;
width: 530px;
font-size: 20px;
margin: 17px 0 0 0;
}

.post_title img
{
float: left;
width: 46px;
height: 51px;
margin: 0 16px 0 0;
}

.post_icon
{
float: left;
width: 46px;
height: 51px;
margin: 0 16px 0 0;
}

.post_imgside
{
float: left;
width: 150px;
height: 120px;
margin: -30px 0 0 60px;
}

.post_content
{
clear: both;
float: left;
width: 660px;
margin-top: 20px;
}

.post_content p /* article and post paragraph bottom margin */
{
float: left;
margin-bottom: 20px;
}

.post_date
{
clear: both;
float: left;
width: 640px;
margin-top: 0px;
padding: 10px;
background-color: #e8e8e8;
border: 1px solid #d1caca;
}

.post_date p /* article and post paragraph bottom margin reset */
{
margin: 0;
}

.newsletter p
{
float: none;
margin-bottom: 5px;
}

.newsletter .error
{
color: #E61B21;
}
.post_more
{
clear: both;
float: left;
color: #5c6b72;
margin-top: -10px;
padding: 0;
font-weight: bold;
}

/* a blog post entry */
.blog_post
{
float: left;
width: 911px;
margin-top: 10px;
margin-bottom: 20px;
}

.border
{
padding-bottom: 5px;
border-bottom: 1px solid #bad0db;
}

.blog_title
{
float: left;
font-size: 20px;
padding-bottom: 4px;
border-bottom: 1px dotted #000000;
}

.blog_title h2
{
float: left;
padding-right: 10px;
font-size: 18px;
margin: 17px 0 0 0;

}

p.blog_date
{
clear: both;
float: left;
margin-top: 4px;
font-size: 12px;
}

.blog_title img
{
float: left;
width: 46px;
height: 51px;
margin: 0 16px 0 0;
}

.post_icon
{
float: left;
width: 46px;
height: 51px;
margin: 0 16px 0 0;
}

.post_imgside
{
float: left;
width: 150px;
height: 120px;
margin: -30px 0 0 60px;
}

.blog_content
{
clear: both;
float: left;
width: 660px;
margin-top: 10px;
}

.blog_content p /* article and post paragraph bottom margin */
{
float: left;
margin-bottom: 20px;
line-height: 18px
}

.post_date
{
clear: both;
float: left;
width: 640px;
margin-top: 0px;
padding: 10px;
background-color: #e8e8e8;
border: 1px solid #d1caca;
}

.post_date p /* article and post paragraph bottom margin reset */
{
margin: 0;
}

.post_more
{
clear: both;
float: left;
color: #5c6b72;
margin-top: -10px;
padding: 0;
font-weight: bold;
}

/* comments styling */
.comments_wrap
{
float: left;
padding: 28px;
width: 911px;
border: 1px solid red;
}

.comments_post_title
{
float: left;
}

.comments_post_title h3
{
float: left;
width: 530px;
font-size: 18px;
margin: 0 0 15px 0;
}

.comments_post_wrap
{
float: left;
width: 616px;
}

.comments_post_wrap ol
{
margin: 0;
padding: 0;
}

.comments_post_wrap ol li
{
float: left;
width: 566px;
padding: 25px;
background: url(../images/comments_bg.png) repeat-x;
margin-bottom: 25px;
background-color: #b1c9d5;
list-style-type: none;
}

.comments_post_avatar
{
float: left;
margin: 0 10px 0 0;
padding: 5px;
background-color: #ffffff;
border: 1px solid #b1c9d5;
}

.comments_post_author
{
float: left;
margin: 14px 10px 0 0;
}

.comments_post_date
{
float: left;
width: 500px;
}

.comments_post_content
{
float: left;
width: 500px;
margin-top: 10px;
}

/* reply section + form styling */
.comments_post_reply
{
float: left;
padding: 28px;
width: 911px;
border: 1px solid red;
}

.comments_post_reply_title
{
float: left;
width: 530px;
font-size: 18px;
margin: 0 0 15px 0;
}

.comments_post_reply_login
{
clear: both;
float: left;
margin-bottom: 25px;
}

/* comments form styling */

#comments_form
{
float: left;
margin-bottom: 25px;
}

.comments_button
{
clear: both;
float: right;
width: 90px;
margin-top: 10px;
background-color: #b5ccd7;
color: #414141;
border: 1px solid #b8b2b2;
}

.comments_entries
{
clear: both;
float: left;
margin: 5px 0 0 0;
width: 200px;
}


#comments_form  .input
{
display: block;
width: 170px;
height: 19px;
margin-top: 10px;
padding: 3px 0 0 4px;
background-color: #fefefe;
border: 1px solid #bad0db;
font-size: 12px;
font-family: Arial;
}

#comments_form textarea
{
float: left;
width: 591px;
height: 130px;
padding: 10px;
margin-top: 10px;
overflow: hidden;
background-color: #fefefe;
border: 1px solid #bad0db;
font-size: 12px;
font-family: Arial;
}

/* search page styling */

.searchwrap_content
{
float: left;
width: 611px;
margin-top: 20px;
}

.searchwrap_content p
{
margin: 0 0 0 3px;
padding: 0;
font-size: 12px;
}

/* flash pages styling */

#flashwrap
{
float: left;
width: 967px; /* -padding width/height :) */
background: url(../images/content_bg.png) repeat-x;
border: 1px solid #bad0db;
border-bottom: none; /* removed border because site is fixed anyway */
}

/* footer styling with 2 columns */
#footer
{
clear: both;
float: left;
width: 911px; /* -padding width/height :) */
height: 114px;
padding: 28px;
background: url(../images/footer_bg.png) repeat-x;
border: 1px solid #bad0db;
}

/* contage page form styling */

#contact_content
{
float: left;
width: 600px;
}

#contactform
{
float: left;
width: 600px;
margin-top: 20px;
}

#contactform label
{
float: left;
display: block;
}

#contactform  .wpcf7-form-control-wrap input
{
float: left;
display: block;
height: 15px;
background-color: #f3f3f3;
border: 1px solid #e1d6d6;
padding: 5px;
margin: 10px 0 10px 0;
width: 290px;
}

#contactform .wpcf7-form-control-wrap textarea
{
float: left;
padding: 5px;
width: 500px;
background-color: #f3f3f3;
border: 1px solid #e1d6d6;
font-family: Arial;
margin-top: 10px;
font-size: 12px;
overflow: hidden;
}

#contactform .submit
{
clear: both;
float: right;
margin-top: 10px;
margin-right: 68px;
}

p.name
{
clear: both;
display: block;
}

#contact_right
{
float: left;
width: 200px;
margin-top: 20px;
}
/* client page styling */

.portfolio_content
{
clear: both;
float: left;
width: 911px;
margin-top: 20px;
}

.portfolio_info
{
clear: both;
float: left;
width: 911px;
margin-bottom: 22px;
}

.portfolio_info p
{
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #5c6b72;
line-height: 18px;
margin-bottom: 18px;
}

.portfolio-website 
{
float: left;
width: 280px;
height: 166px;
padding: 10px;
margin: 0;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}

.website-thumbnail 
{
float: left;
margin: 0;
}

.website-thumbnail img 
{
margin: 0;
padding: 0;
}

.website-name 
{
font-size: 12pt;
font-weight: bold;
margin-bottom: 3px;
}

.website-name a,.website-url a 
{
text-decoration: none;
}

.website-name a:hover,.website-url a:hover 
{
text-decoration: underline;
}

.website-url 
{
font-size: 9pt;
font-weight: bold;
}

.website-url a 
{
color: #777;
}

.website-description 
{
float: left;
width: 260px;
margin-top: 10px;
}

.website-description p
{
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #5c6b72;
line-height: 23px;
}

.website-clear 
{
clear: both;
}

.portfolio-paging 
{
text-align: center;
padding: 4px 10px 4px 10px;
margin: 0 10px 20px 10px;
}

.portfolio-paging .page-count 
{
margin-bottom: 5px;
}

.portfolio-paging .page-jump b 
{
padding: 5px;
}

.portfolio-paging .page-jump a 
{
text-decoration: none;
}

/* company page styling */

.company_content
{
clear: both;
float: left;
width: 911px;
min-height: 167px;
margin-top: 20px;
padding-bottom: 0px;
border-bottom: 3px solid #000000;
background: url(../images/people.png) no-repeat top right;
}

.company_content h3, .company_left h3, .company_right h3
{
font-size: 18px;
color: #e61b21;
}

.company_content p
{
float: left;
width: 620px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #5c6b72;
line-height: 18px;
margin-bottom: 18px;
}

.company_left
{
clear: both;
float: left;
width: 330px;
margin-top: 20px;
}

.company_entry
{
float: left;
margin-bottom: 15px;
}

.company_entry p
{
float: left;
line-height: 23px;
margin-top: 10px;
}

.company_right
{
float: left;
width: 436px;
margin-top: 20px;
margin-left: 50px;
}

.company_left .company_entry p.verdana
{
line-height: 18px;
}

.company_right h3
{
margin-bottom: 10px;
}

/* footer newsletter box */
.footer_newsletter
{
float: left;
width: 315px;
min-height: 120px;
background: url(../images/footer_divider.png) no-repeat top right;
}

.footer_newsletter .searchbg
{
float: left;
width: 128px;
height: 17px;
margin-top: 10px;
padding: 5px 0 0 4px;
background-color: #fefefe;
border: 1px solid #bad0db;
font-size: 11px;
}

.footer_newsletter .searchbtn
{
float: left;
margin-top: 10px;
padding: 5px 0 0 4px;
border: none;
background: none;
font-size: 11px;
color: #5c6b72;
font-weight: bold;
cursor: pointer;
}

/* footer blog box */
.footer_blog
{
float: left;
width: 570px;
margin-left: 20px;
}

ul.footer_links
{
float: left;
width: 260px;
margin: 10px 23px 0 0;
padding: 0;
}

ul.footer_links li
{
list-style-type: none;
background: url(../images/listarrow.png) no-repeat right;
border-top: 1px solid #bad1d9;
padding: 3px 5px 3px 0;
}

ul.footer_links li a
{
text-decoration: none;
color: #5c6b72;
font-size: 12px;
}

ul.footer_links li a:hover
{
color: #e61b21;
text-decoration: underline;
}

/* footer copyright */
.footer_copy
{
clear: both;
float: left;
width: 911px;
text-align: center;
}

.footer_copy p
{
font-size: 11px;
}




/**
 * LEGACY STYLES FROM OLD TEMPLATE
 */
.fcontent, .features img, .alignnone, .alignleft, .gallery2 li, ol, .screenshot, .post_content h3
{
float: left;
}

.post_content h3
{
clear: left;
}

.alignright
{
float: right;
}

.gallery2 li
{
width: 180px;
height: 280px;
margin-right: 20px;
list-style-type: none !important;
}

.screenshot 
{
	width: 200px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.screenshot p 
{
clear: left;
}


/**
 * CONTACT FORM
 */
.wpcf7-response-output
{
	position: absolute;
	left: 700px;
	top: 595px;	
}