/*  
Theme Name: CodeTrex Orange v2.0
Theme URL: http://wordpress.org/
Description: CodeTrex Orange 2
Version: 2.6
Author: CodeTrex
*/
/* CSS Document */
*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family:Tahoma; font-size:14px; line-height:18px; color:#575859; background:url(images/background.png) left top repeat;}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma; font-size:16px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching { width:146px; color:#000000; margin-right:17px; border: solid 1px #404040; padding: 2px; font-size: .8em}
.column_center input, .column_center textarea { margin:3px 10px 3px 0;}

/***end forms*******************************************/


.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 905)? "905px" : "100%"); min-width:905px;}
.main {width:905px; margin:auto;}
.main_indent { padding:0 27px 0 27px;}
a {color:#292727; text-decoration:underline;}
a:hover{text-decoration:none;}

 
h1 { font-size:4.50em; color:#FFFFFF; font-weight:normal; line-height:1.01em; width:auto;}
h1 a  {color:#FFFFFF; text-decoration:none;}
h2{ font-size:1.4em;}
h3 { font-weight:normal; font-size:1.2em; line-height:1.18em;}
h3 a { font-size:1.01em; line-height:1.1em; text-decoration:none;}

.content_title_inner h3 { color:#fff; padding: 5px 0 0 20px; }
.content_title_inner h3 a {color:#fff; }


h3 a:hover {text-decoration:underline;}
h2.pagetitle { margin-top: 10px; font-size: 1.0em; display: block; padding: 5px; background-color: #C7C8CA; border: solid 1px gray; }
.center { padding:0 0 10px 0;}

/***global*******************************************/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 37px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 37px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */


ul { margin:0;}
ul.service_ul li { margin-bottom: 10px; }

.float{float:left; margin:0 20px 0 0;}
.col{float:left;}
.indent_center { padding:0 0 0 0; margin:0 0 0 232px;}
.clear{clear:both;}
.w100 { width:100%;}
.h100 { height:100%;}
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/***global*******************************************/

.content {background-color: #fff;}
.content .indent { padding:12px 50px 15px 40px; }


/***Body Header**************************************/

.body_header { }
.body_header_top { background: transparent url(images/body_header_top.png) no-repeat scroll 0 0; min-height:137px; height:auto !important; height:137px;}
.body_header_bottom_left {background: transparent url(images/body_header_bottom_left.png) no-repeat scroll 0 0;}
.body_header_bottom_right { background: transparent url(images/body_header_bottom_right.png) no-repeat scroll right top;}
.body_header_bottom_inner { background: transparent url(images/body_header_bottom_middle.png) no-repeat scroll 46px 49px; min-height:80px; height:auto !important; height:80px; }
.body_header_bottom_inner img { margin-left: 46px; cursor: pointer; }

/****************************************************/

/***search bar*******************************************/
.search_bar { background: transparent url(images/search_bar_bak.png) repeat-x scroll 0 0;}
.search_bar_left {background: transparent url(images/search_bar_left.png) no-repeat scroll 0 0;}
.search_bar_right { background: transparent url(images/search_bar_right.png) no-repeat scroll right top; min-height:27px; height:auto !important; height:27px; }
.search_bar_inside { padding: 0 0 0 35px; }
/***box*******************************************/

.content_title { background: transparent url(images/content_header_orange_back.png) repeat-x scroll 0 0;}
.content_title_left { background: transparent url(images/content_header_orange_left.png) no-repeat scroll 0 0; }
.content_title_right {  background: transparent url(images/content_header_orange_right.png) no-repeat scroll right top;}
.content_title_inner {  min-height:32px; height:auto !important; height:32px; }
.content_title_inner .meta { text-align: right; padding: 10px 0 0 0; }
.content_title_inner .date{ font-size: .9em; font-weight: bold;}
.content_title_inner .author { text-align: right; font-size: .9em;}



/***box*******************************************/
.left_top_search{ background:url(images/left_top_search.gif) left top no-repeat;}
.right_top_search{ background:url(images/right_top_search.gif) right top no-repeat;}
.left_bot_search{ background:url(images/left_bot_search.gif) left bottom no-repeat;}
.right_bot_search{ background:url(images/right_bot_search.gif) right bottom no-repeat; width:100%; min-height:36px; height:auto !important; height:36px;}

.side_left_search{ background:url(images/side_left_search.gif) left top repeat-y #E5E5E5;}
.side_right_search{ background:url(images/side_right_search.gif) right top repeat-y;}
.side_top_search{ background:url(images/side_top_search.gif) left top repeat-x;}
.side_bot_search{ background:url(images/side_bot_search.gif) left bottom repeat-x;}
/***box*******************************************/


.side_bar { float:left; background-color: #fff; display: inline; }
.side_bar_inner { width: 247px;}

.left_side{ background-color: #c7c8ca; margin-left: 15px; }
.left_side_top{  background:url(images/left_side_top.png) 0 0 no-repeat; }
.left_side_bottom{ background:url(images/left_side_bottom.png) left bottom no-repeat;}
.left_side_inner{  min-height:200px; height:auto !important; height:200px; }

.left_side_header{ background: transparent url(images/left_side_header_back.png) repeat-x scroll 0 0; margin: 0 5px; }
.left_side_header_left {  background:url(images/left_side_header_left.png) 0 0 no-repeat; }
.left_side_header_right { background:url(images/left_side_header_right.png) right top no-repeat;}
.left_side_header_inner { min-height:22px; height:auto !important; height:22px; padding: 2px 0 0 10px; }

/***box*******************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%; min-height:485px; height:auto !important; height:485px;}

.side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF;}
.side_right{ background:url(images/side_right.gif) right top repeat-y;}
.side_top{ background:url(images/side_top.gif) left top repeat-x;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***box*******************************************/


/***case study*******************************************/
.case_study{  background:url(images/case_study_background.png) 0 0 repeat-y; }
.case_study_top{  background:url(images/case_study_top.png) 0 0 no-repeat; }
.case_study_bottom{ background:url(images/case_study_bottom.png) left bottom no-repeat;}
.case_study_inner{ width: 233px; min-height:200px; height:auto !important; height:200px; }

.case_study_header_wrapper{ padding: 10px;  }
.case_study_header{  background-color:#b2b3b6;  }
.case_study_header_left{  background:url(images/case_study_header_left.png) 0 0 no-repeat; }
.case_study_header_right{ background:url(images/case_study_header_right.png) right top no-repeat;}
.case_study_header_inner{ text-transform: uppercase; color:#fff; font-weight: bold; min-height:20px; height:auto !important; height:20px; padding: 2px 0 0 10px; }


/***case study*******************************************/


/***box*******************************************/
.left_top_2{ background:url(images/left_top_2.gif) left top no-repeat;}
.right_top_2{ background:url(images/right_top_2.gif) right top no-repeat;}
.left_bot_2{ background:url(images/left_bot_2.gif) left bottom no-repeat;}
.right_bot_2{ background:url(images/right_bot_2.gif) right bottom no-repeat; width:100%; min-height:485px; height:auto !important; height:485px;}

.side_left_2{ background:url(images/side_2.gif) left top repeat-y #FFFFFF;}
.side_right_2{ background:url(images/side_2.gif) right top repeat-y;}
.side_top_2{ background:url(images/side_2.gif) left top repeat-x;}
.side_bot_2{ background:url(images/side_2.gif) left bottom repeat-x;}
/***box*******************************************/


/***box*******************************************/
.left_top_title{ background:url(images/left_top_title.gif) left top no-repeat #E5E5E5;}
.right_top_title{ background:url(images/right_top_title.gif) right top no-repeat;}
.left_bot_title{ background:url(images/left_bot_title.gif) left bottom no-repeat;}
.right_bot_title{ background:url(images/right_bot_title.gif) right bottom no-repeat; width:100%; height:auto !important; }
/***box*******************************************/

/* .bg_top { background:url(images/bg_logo.gif) 0 0 repeat-x; width:100%;} */
/***header*******************************************/
#header {width:100%; margin-top: 10px;}
#header .block_search { padding:11px 0 0 62px;}
#header .logo { padding:0 0 0 0; margin:0 0 0 0; min-height:119px; height:auto !important; height:119px;}
.bg_no {width:100%;}
.inside_logo { padding:27px 0 0 36px;}
#header span  { font-size:0.9em; line-height:1.45em; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}

.logo_top { background:url(images/top.png) 0 0 no-repeat; height: 108px;}
.logo_top_left { background:url(images/logo_top_left.gif) 0 0 no-repeat;}
.logo_top_right { background:url(images/logo_top_right.gif) right top no-repeat; width:100%; min-height:67px; height:auto !important; height:67px;}
.inside_logo_top { padding:38px 0 0 35px;}
.inside_logo_top img { position: absolute; top: 14px;}
.inside_logo_top span { position: absolute; left: 200px; top: 14px; color: Black; text-decoration: none; }

.menu { background:url(images/nav_back.png) 0 0 repeat-x;}
.menu_left { background:url(images/nav_menu_left.png) 0 0 no-repeat;}
.menu_right { background:url(images/nav_menu_right.png) right top no-repeat; width:100%; min-height:48px; height:auto !important; height:48px;}
.inside_menu { padding:0 0 0 35px;}

.menu li { display:inline;  }

/* background:url(images/nav_sep_11.png) right top no-repeat;*/
/* padding: 33px 40px 0 41px; margin: 10px 0 0 0;*/

.menu li a{ font-size:1.09em;  line-height: 38px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0 25px;}
.menu li a:hover{ text-decoration:underline;}

.slogan { background:url(images/fill_slogan.gif) 0 0 repeat-x;}
.bg_left_slogan { background:url(images/bg_left_slogan.gif) 0 0 no-repeat;}
.bg_right_slogan { background:url(images/bg_right_slogan.jpg) right top no-repeat; width:100%; height:60px;}
.inside_slogan { }

.content_padding { background-color: #fff;}
.content_padding_left {}
.content_padding_right {width: 100%; height: 10px; min-height: 10px; }
.inside_content_padding { }


/***end header*******************************************/
.inside_center { padding: 13px 10px 12px;}

.children { margin:0 0 0 20px !important;}
.children li{ font-size:0.9em !important; background:none !important;}
.children li a{ font-weight:normal !important; font-size:1.01em !important;}


.indentX p { padding:0 0 10px 0;}
.widget_style { /*margin:0 0 0 0; padding:0 0 30px 0; */ padding: 10px 0 0 0; }
.widget_style h2 { color: #fff;font-size:.9em; font-weight: bold; text-transform: uppercase; }
.widget_style h2 a { color: #fff; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}

.widget_style#meta h2 {font-size:1.2em; line-height:1.01em; color:#A8A809; font-weight:bold; border-bottom:1px solid #C34600; padding:0 0 9px 19px;}



.inside_widget_style { padding: 9px 0 10px 10px;}
.widget_style ul { margin:0 0 0 0; }
.widget_style li { }
.widget_style li a { font-size:1.01em; line-height:1.18em; color:#3F3F3F; text-decoration:underline; background:url(images/side_bar_bullet.png) no-repeat 0px 6px; padding:0 0 0 15px;}
li.twitter-item { font-size:1.01em; line-height:1.18em; color:#3F3F3F; background:url(images/side_bar_bullet.png) no-repeat 0px 10px; padding:4px 0 0 15px;}
.twitter-timestamp { font-size: .9em; color: #666; border-bottom: 1px dotted #999999; }

.widget_style li a:hover { text-decoration:none;}
/**********************************************/

/**********************************************/

#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 20px 0px 0;}
#calendar_wrap caption { color:#FFFFFF; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#000000;}
#calendar_wrap th { color:#090909; text-align:right;}
#calendar_wrap a {font-weight:bold;}

/**********************************************/

#tag_cloud a{ color:#000000; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}

.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}

/**********************************************/

#statusbar {text-align:left; }
#statusbar p {padding: 10px;}
#statusbar a {font-weight:bold; color:#000000;}
/***end side_bar*******************************************/


/***column_center*******************************************/
.column_center{float:left; display:inline; width: 658px; background-color: #fff;}
.column_center_inner{ margin: 0 20px;}

.title { padding:0px;}
.inside_title { padding:16px 15px 7px 18px;}
.title span { color:#3E3E3C;  font-size:1.01em; line-height:1.18em;}
.title .date { font-size:1.01em; line-height:1.09em; color:#3E3E3C; float:right;}
.text_box { font-size:1.01em; line-height:1.27em; padding:19px 10px 7px 20px;}

.comments {color:#BFBF00; font-size:1.01em; line-height:1.9em; padding:5px 27px 29px 20px; text-align:right;}
.comments span { background:url(images/arr_1.gif) 0 3px no-repeat; padding:0 0 0 18px;}
.comments a { text-decoration:none; color:#BFBF00; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:underline;}
/***end column_center*******************************************/




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: none;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	}
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*************************************/
#recent-posts  {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#C34600;}

/***content_bottom*******************************************/
.content_bottom{ background-color: #fff;}
.content_bottom_left{  background:url(images/footer_left.png) 0 0 no-repeat; }
.content_bottom_right{ background:url(images/footer_right.png) right top no-repeat; width:100%; min-height:12px; height:auto !important; height:12px;  }
.content_bottom_inner{  }
/****************************************************/


/***footer*******************************************/
#footer {font-size:.8em; line-height:1.2em; color: #fff; font-weight:bold; text-align: center; padding:15px 30px 15px 27px; }
#footer a{ text-decoration:underline; color: #fff;}
#footer a:hover{text-decoration:underline;}
/***end footer*******************************************/


ul.development_services li { margin: 2px 0 0 15px; }
ul.development_services {margin: 10px 0; list-style: disc outside; }

ul.core_values li { margin: 2px 0 0 15px; }
ul.core_values {margin: 5px 0; list-style: disc outside; }

strong.small_heading { display:block; margin-top: 20px;}

.search_text h3, .search_text h3 a { color: #575859; }