/* CSS Document */

/*-------
// global 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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// Globals
//-----*/
body{ font-family:"Trebuchet MS"; color:#818d95;}
h1,h2,h3,h4,p{line-height:1.2em;}
.top_mg{margin-top:30px;}
.hiddenPic {display:none;}
div#navigation ul.navwidth_ourwork { width:126px; }
div#navigation ul.navwidth_company { width:124px; }
/*-------
// Page Layout
//-----*/

/*-----container-----*/
div#container {  }

/*-----wrapper-----*/
div.wrapper { margin:0px auto;  width:982px; padding:0px 23px; }
div.bg{background:url(./images/container/container_bg.gif) left top no-repeat;}

/*-----header-----*/

div#header {background:url(./images/header/header_bg.jpg) left top no-repeat; height:291px; padding:27px 0px 0px 32px; margin:0px auto; width:949px;}

/*-----navigation-----*/

div#navigation{ height:43px; position:relative; z-index:9999;}

/*---Breadcrumbs---*/

div#breadcrumbs{margin-top:-35px; padding:15px 0px 15px 30px; background:transparent url(./images/content/breadcrumbs_bottom_bg.jpg) left bottom no-repeat;}

/*-----content-----*/
div#content{ padding:40px 0px 0px 0px; background:transparent url(./images/content/content_bg.gif) left top repeat-x; margin:0 auto; width:981px;   }



/*-----footer-----*/
div#footer { background:#B8B8B8 url(./images/footer/footer_bg.gif) repeat-x; padding:20px 0px; font-size:130%; min-width:1024px; }



/*-------
// common page content
//-------*/

/*---banner---*/
div#banner img { vertical-align:bottom; }

/*---header---*/
div.logo{ margin-top:60px;}
div.logo h1 a{background:url(./images/header/logo.png) left top no-repeat; width:239px; height:52px; display:block;}

/*-----Headings---*/
div#content h1{margin-top:15px; font-size:230%; font-weight:normal; font-family:"Trebuchet MS"; color:#818D95; }
div#content h1 img {vertical-align:middle; margin-right:5px; }
div#content h2.heading1{ font-size:190%; margin-bottom:10px; color:#818D95;}
div#content h2{ font-size:100%;}
div#content h2.heading , div#content h1.heading, div#content h4.heading  {color:#62b6fc;}
div#content h3{color:#818D95; margin-bottom:15px; font-size:160%; }
div#content h4{ font-size:140%; margin-bottom:15px; line-height:1.6em; }
div#content h5{ font-size:130%; margin:25px 0 10px; line-height:1.6em;}

/*---navigation---*/
div#navigation ul li a.first{background:transparent url(./images/header/navigation_button.png) 0px -7px no-repeat; display:block;}
div#navigation ul li a.last{background:transparent url(./images/header/navigation_button.png) 100% -138px no-repeat; display:block;margin-right:-5px; }
div#navigation ul li.active a.first{background:transparent url(./images/header/navigation_button.png) 0px -227px repeat-x;}
div#navigation ul li.active a.last{background:transparent url(./images/header/navigation_button.png) 100% -182px no-repeat; display:block; margin-right:-5px;}
div#navigation ul li{ height:42px; background:transparent url(./images/header/navigation_button.png) 0px -138px repeat-x;  display:block; float:left;}
div#navigation ul li.active a{ background:transparent url(./images/header/navigation_button.png) 0px -182px repeat-x; color:#FFFFFF; }
div#navigation ul li.pipe{padding:0px;}
div#navigation ul li.pipe img{vertical-align:bottom;}
div#navigation ul li a{color:#818d95; font-size:180%; float:left; line-height:42px; text-decoration:none; display:block; overflow:hidden;}
div#navigation ul li a{padding:0px 25px;}
div#navigation ul li a:hover, div#navigation ul li a:focus { background:transparent url(./images/header/navigation_button.png) 0px -182px repeat-x; color:#FFFFFF;}
div#navigation ul li a.first:hover {background:transparent url(./images/header/navigation_button.png) 0px -227px repeat-x;}
div#navigation ul li a.last:hover {background:transparent url(./images/header/navigation_button.png) 100% -182px no-repeat;  margin-right:-5px;}


div#navigation ul li.active ul.child li a{background:transparent;}
div#navigation ul li.active ul.child li a:hover{background:#7bbfdf;}

div#navigation ul li.parent{position:relative; }
div#navigation ul.child{position:absolute; top:42px; display:block; background:#9dcde1; left:0px;display:none;  }
div#navigation ul.child li{display:block; float:none; background:none; height:auto; color:#FFFFFF; }
div#navigation ul.child li a{color:#FFFFFF; float:none; padding:5px 3px 5px 26px; line-height:normal; font-size:140%; display:block; width:110px;}
div#navigation ul.child li a:hover{background:#7bbfdf;}
ul.child:hover li.parent a.company{ background:transparent url(./images/header/nav_hover.gif) repeat-x; color:#FFFFFF;  }
ul.child:hover li.parent a.our_work{ background:transparent url(./images/header/nav_hover.gif) repeat-x; color:#FFFFFF;  }
ul.child:hover li.parent a.other_stuff{ background:transparent url(./images/header/last_hover.gif) right top no-repeat; }

div#navigation ul.navwidth_ourwork{ width:134px; }
div#navigation ul.navwidth_company{ width:124px; }
div#navigation ul.navwidth_ourwork li a { padding:4px 6px 4px 27px;  width:100px; }
div#navigation ul.navwidth_company li a { padding:4px 0 4px 26px; width:98px; }
div#navigation ul li.parent:hover ul.child{display:block;}


/*--- sidebar ---*/

div#sidebar { background:#c9c; width:250px;  }
   


/*-----main---*/

div.main_navigation{  width:111px; padding:26px 25px 25px;}

div.main_navigation ul li{margin-bottom:10px; }
div.main_navigation ul li span { font-size:140%; font-weight:bold; }

div#content div.main_navigation ul li a.active{ font-weight:bold; color:#818d95;}
div#content div.main_navigation ul li a { font-size:140%; }


div.middle{ width:570px; padding:5px 20px 15px 25px; float:right; background:transparent url(./images/content/linear_gradient_bg.gif) left top no-repeat; line-height:1.6em; }
div.middle p{font-size:140%; line-height:1.6em; }
div.middle p.gen { margin:10px 0; }
div.middle span{color:#4BACFB;}

div.middle ul.post{padding:15px 0px;}
div.middle ul.post li{width:100%; overflow:hidden; margin-bottom:20px;}
div.middle div.info{margin-left:200px;}
div.middle ul.post li p{margin-bottom:15px; line-height:1.6em;}
div.middle ul.post li img{border:#b8b8b8 solid 1px;}

div.right{ width:150px; background:transparent url(./images/content/linear_grad_bG.gif) left top no-repeat; padding:25px;}	

div#content div.box{float:left; background:transparent url(./images/content/box_center_bg.gif) left top repeat-x; margin-left:14px;}
div#content div.box div.left_bg{background:transparent url(./images/content/box_left_bg.gif) left top no-repeat; }
div#content div.box div.right_bg{background:transparent url(./images/content/box_right_bg.gif) right top no-repeat; padding:15px 25px;}

div#content div.box_size{width:452px;}
div#content div.box_size1{width:236px;}

div#content  div.last{margin-right:0px;}

div#content h3{color:#62b6fc; font-size:230%; margin-top:20px; font-weight:normal;}



h2{ font-size:230%; font-weight:normal;}
h2.heading1{color:#4bacfb;}

h2 img, div.right h2 img{margin-right:5px; vertical-align:middle;}

div#content div.box p, div#content div.right  p{margin-top:1.2em; font-size:140%; line-height:1.6em;}

div#content div.box p span.name, div#content div.right  p span.name{font-size:90%;}
div#content div.box blockquote,  div#content div.right  blockquote{margin-top:50px;}
div#content div.box blockquote p,  div#content div.right  blockquote p{margin-top:10px; font-size:160%; line-height:22px;}

div#content div.box ul, div#content  div.right  ul{padding-left:4px;}
div#content div.box ul li, d div#content div.right  ul li{margin-top:1.5em;}
div#content div.box ul li a, div#content div.right  ul li a{ font-size:180%;}
div#content a{color:#4bacfb;} 


/*-----footer----*/
div#footer ul{margin-bottom:15px;}
div#footer ul li{ color:#FFFFFF; display:inline; margin:0px 2px;}
div#footer a{color:#FFFFFF;}
div#footer p{color:#615d5d;} 







/*-------
// Index page content
//-----*/

/*---header---*/
div#navigation ul{}


/*---banner---*/

div#banner{ margin:0 auto; width: 983px; height: 130px; }








/*-------
// Testimonial page content
//-----*/



/*---Content---*/

/*---Breadcrumbs---*/

div#breadcrumbs p{font-size:120%; color:#b8b8b8;}
div#content div#breadcrumbs p span{color:#62b6fc;}
div#content div#breadcrumbs p a.active{color:#818d95;}


/*-------
// Blogs page content
//-----*/



/*---Content---*/

/*---Blogs---*/

div.blogs{padding-bottom:20px; border-bottom:solid 1px #e5e4e5;}
div.blogs p{margin-bottom:25px;}
div.blogs p.sphere {font-size:120%; color:#62b6fc;}
div.blogs p.sphere img{vertical-align:middle; margin-right:5px;}


div.blogs p.date{color:#465158; margin-bottom:0px;}






/*-------
// Clients page content
//-----*/


/*---clients---*/

ul.clients{padding:20px 0px 0px 0px; width:100%; overflow:hidden;}
ul.clients li{float:left; margin-right:5px; margin-bottom:5px;}
ul.clients li img{border:solid 1px #b8b8b8;}

ul.copyright{padding:20px 0px 0px 0px; width:100%; overflow:hidden; float:left; width:180px; margin-right:6px;}
ul.copyright li{font-size:140%; line-height:1.8em;}
ul.copyright li h2{ font-size:100%; color:#62b6fc; font-weight:bold; margin-bottom:0px;}






/*-------
// Testimonial page content
//-----*/


/*---testimonial---*/

div.testimonial{width:100%; overflow:hidden; padding:20px 0px; border-bottom:solid 1px #e5e4e5;}
div.last{border-bottom:none;}
div.testimonial div.testimonial1{width:283px;}
div.testimonial div.testimonial2{width:240px;}

div.testimonial p.client{margin-top:20px; color:#62b6fc;}
div.testimonial p img{margin-top:25px; border:solid 1px; color:#CCCCCC;}

div.testimonial div.testimonial2 p{font-size:170%;}






/*-------
// Forum page content
//-----*/


/*---forum---*/
div#navigation ul.navwidth_seo { width:130px; }
div#navigation ul.navwidth_seo li a { padding:4px 0 4px 26px; width:104px; }
div#forum{width:775px; margin-right:0px;}
div#forum div.forum_heading{width:500px;}
div#forum div.forum_links{width:234px;}

div#forum div.forum_heading p{color:#000000; line-height:1.4em;}



div#forum div.forum_links p{margin-top:5px;}
div#forum div.forum_links a{color:#006699; margin-right:13px;}

table.table_forum{margin-top:15px; width:100%;}