/*
Theme Name: Gibbs and Soell Theme 
Theme URI: 
Description: Gibbs & Soell
Version: 1.0
Author: Jean-Pierre Welch
Author URI: http://jpwelch.net/
Tags: 
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
em {font-style: italic;}


body {background-color:#cc9c6b;text-align:center;font: normal 12px Arial, sans-serif;}

#hptop0 {
width:992px;
height:423px;
margin:15px auto 0;
background:url(images/hptop.png) no-repeat;
}

#hpbottom0 {
width:992px;
height:336px;
margin:0 auto;
background:url(images/hpbottom.png) no-repeat;
}

#hptophdr {
border:0px solid #ccc;
height:122px;
width:960px;
margin:0 auto;
}

#hptophdr .left {
background:url(images/hpgibbssoelllogo.png) top left no-repeat;
display:inline;
width:131px;
height:81px;
float:left;
margin:25px 0 0 15px;
}

#hptophdr .middle {
border:0px solid #ccc;
height:15px;
width:300px;
float:left;
margin-top:90px;
margin-left:20px;
font: bold 15px Arial, sans-serif;
color: #6b96ab;
}

#hptophdr .right {
border:0px solid #000;
float:right;
height:46px;
width:308px;
margin:76px 0 0 0;
}

#hptophdr .right form {
display:inline;
}

#hptophrd .right input {
width:165px;
height:18px;
border:1px solid #ccc;
}


#hptopftr {
height:296px;
width:961px;
margin:0 auto;
background:url(images/hphdrbanner1.jpg) top no-repeat;
}

#hpbanner1, #hpbanner2, #hpbanner3, #hpbanner4, #hpbanner5 {
width:961px;height:296px;
}
#hpbanner1 {
background:url(images/hphdrbanner1.jpg);
}
#hpbanner2 {
background:url(images/hphdrbanner2.jpg);
}
#hpbanner3 {
background:url(images/hphdrbanner3.jpg);
}
#hpbanner4 {
background:url(images/hphdrbanner4.jpg);
}
#hpbanner5 {
background:url(images/hphdrbanner5.jpg);
}

.hptopftrtop{
border:0px solid #ccc;
width:961px;
margin:0 auto;
padding-top:4px;
text-align:right;
}

#rightnav ul {
list-style:none;
float:right;
font-size:13px;
}

.hptopftrtop ul {
list-style:none;
float:right;
font-size:15px;
}

#rightnav ul li, .hptopftrtop ul li {
float:left;
}

#rightnav li, .hptopftrtop li { 
position:relative;
}

#rightnav ul ul, .hptopftrtop ul ul { 
position:absolute;
z-index:500;
}

#rightnav ul ul {
width:145px;
background-color:#FFF;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
left:-40px;
top:34px;
padding:8px 0;
}

.hptopftrtop ul ul { 
width:165px;
background-color:#FFF;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
left:-10px;
top:36px;
padding:12px 0 8px;
}


#rightnav ul li ul li, .hptopftrtop ul li ul li { 
margin:0 10px 4px;
width:160px;
text-align:left;
}

#rightnav ul ul, .hptopftrtop ul ul {
display:none;
}

#rightnav ul li:hover ul, .hptopftrtop ul li:hover ul
{display: block;}

#rightnav ul li ul li a, .hptopftrtop ul li ul li a {
text-decoration:none;
color:#000;
opacity:100;
font-weight:bold;
}

#rightnav ul li ul li a:hover, .hptopftrtop ul li ul li a:hover {
text-decoration:none;
color:#cc3333;
font-weight:bold;
}

#rightnav #about-us {
border:0px solid #000;height:34px;
}

#hpbottom0 {
border:0px solid blue;
}

#hpbottomtop {
border:0px solid #000;
height:44px;
width:974px;
margin:0 auto;
}

#hpbottomtop #spotlight{
background:url(images/hpspotlight.jpg) top no-repeat;
height:42px;
width:254px;
float:left;
}


#hpbottomtop #hpmenu {
background:url(images/hpmenubkgd.png) top no-repeat;
float:right;
height:44px;
width:714px;
}


/*hp menu - begin*/
#hpbottomtop #hpmenu ul {
list-style:none;
left:19px;
position:relative;
float:left;
}

#hpbottomtop #hpmenu ul li {
float:left;
}

#hpbottomtop #hpmenu {
font: normal 12px/1.4 Arial, sans-serif;
color:#fff;
}

#hpbottomtop #hpmenu ul ul {
position:relative;
left:0;width:170px;
}
 
#hpbottomtop #hpmenu ul ul {
position: absolute;
z-index:500;
}

#hpbottomtop #hpmenu ul ul,
#hpbottomtop #hpmenu ul li:hover ul ul,
#hpbottomtop #hpmenu ul ul li:hover ul ul
{display: none;}
 
#hpbottomtop #hpmenu ul li:hover ul,
#hpbottomtop #hpmenu ul ul li:hover ul,
#hpbottomtop #hpmenu ul ul ul li:hover ul
{display:block;}

#hpbottomtop #hpmenu ul li ul {
	border:0 1px 1px 0;
	border-color: #CCC #FFF;
	text-align:left;
	padding:5px;
	border-bottom: 1px solid #CCC;
	background: #d17519;
	font-weight:normal;
}

#hpbottomtop #hpmenu ul li span {
	display:none;
}

#hpbottomtop #hpmenu ul li ul li a:hover {
color:#ccc;
}

#hpbottomtop #hpmenu ul li ul li {
display:block;
width:170px;
}


/**/
/*hp menu - end*/



#hpbottomtop #hpmenu #services {
display:block;
width:98px;
height:44px;
margin:0px 0 0 6px;
}

#hpbottomtop #hpmenu #services:hover{
background:url(images/hpmenuserviceshover.png) no-repeat top left;
}

#hpbottomtop #hpmenu #industries {
display:block;
width:93px;
height:44px;
margin:0px 0 0 2px;
}

#hpbottomtop #hpmenu #industries:hover{
background:url(images/hpmenuindustrieshover.png) no-repeat;
}


#hpbottomtop #hpmenu #casestudies {
display:block;
width:99px;
height:44px;
margin:0 0 0 2px;
}

#hpbottomtop #hpmenu #casestudies:hover{
background:url(images/hpmenucasestudieshover.png) no-repeat;
}

#hpbottomtop #hpmenu #blog {
display:block;
width:91px;
height:44px;
margin:0 0 0 2px;
}

#hpbottomtop #hpmenu #blog:hover{
background:url(images/hpmenubloghover.png) no-repeat;
}

#hpbottomtop #hpmenu #newsletter{
display:block;
width:93px;
height:44px;
margin:0 0 0 2px;
}

#hpbottomtop #hpmenu #newsletter:hover{
background:url(images/hpmenunewsletterhover.png) no-repeat;
}

#hpbottomtop #hpmenu #mediaarchive {
display:block;
width:178px;	
height:44px;
margin:0 0 0 3px;
}

#hpbottomtop #hpmenu #mediaarchive:hover{
background:url(images/hpmenumediaarchivehover.png) no-repeat;
}



#hpbottomwrapper {
margin:0 auto;
width:960px;
height:296px;
border:0px solid #000;
}


#hpbottom0 #hpcol1 {
float:left;
border:0px solid #ccc;
width:230px;
height:264px;
}


#hpbottom0 #hpcol1 ul {
text-align:left;
font: bold 12px Arial, sans-serif;
list-style-image:url("images/hpspotlightlist.png");
margin-left:30px;
}

#hpbottom0 #hpcol1, #hpbottom0 #hpcol2, #hpbottom0 #hpcol3, #hpbottom0 #hpcol4 {
margin:3px;
color:#333;
}

#hpbottom0 #hpcol2, #hpbottom0 #hpcol3, #hpbottom0 #hpcol4 {
float:left;
border:1px solid #ccc;
width:230px;
height:264px;
}

#hpbottom0 #hpcol2 p, #hpbottom0 #hpcol3 p, #hpbottom0 #hpcol4 p {
	padding-bottom:8px;
}

#hpbottom0 #hpcol2 {
background:#dbffff url(images/hpeventcalendar.png) top no-repeat;
}

#hpbottom0 #hpcol3 {
background:#dbffff url(images/hppulsecheck.jpg) top no-repeat;
}

#hpbottom0 #hpcol4 {
background:#dbffff url(images/hpbrainfood.png) top no-repeat;
}

#hpfooter {
color:#fff;
text-align:right;
margin:0 5px;
font-size:13px;
line-height:1.4;
}


#hpfooter a {
color:#fff;
text-decoration:none;
}

.ftrspace {
margin:0 8px;
}


#eventcalendar, #pulsecheck, #brainfood{
background-color:#dbffff;
margin:105px 0 0;
padding:8px;
font: normal 12px Arial, sans-serif;
text-align:left;
}


#contentwrap0 {
width:750px;
margin:15px auto;
background:url(images/bkgdborder.jpg) bottom repeat-y;
}

#contentwrap1 {
background:url(images/bkgd.jpg) no-repeat;
}

#contentwrap2 {
width:680px;
margin:0 auto;
}

#contentwrap3 {
margin:0 auto; 
width:680px;

}


/*
final wrapper - menu, content & sidebar
*/
#contentwrap4 {
overflow: auto;
width: 100%;
text-align:left;
}

#header {
border:0px solid #ccc;
padding:28px 0px 10px 0;
height:78px;
}

#header .left {
display:inline;
width:110px;
height:68px;
float:left;
}

#header .middle {
border:0px solid #ccc;
background:url(images/gibbssoellspark.png) top left no-repeat;
display:inline;
width:380px;
height:57px;
float:left;
margin:20px 0 0 20px;
}

#header .right {
border:0px solid #ccc;
display:inline;
float:left;
/* margin:20px 0 0 20px; */
margin:20px 0 0 18px;
/* width:147px; */
}

#header .right ul {
list-style:none;
}

#header .right ul #aboutus {
border:0px solid #000;
height:14px;
width:122px;
}

#header .right ul #followontwitter {
border:0px solid #000;
height:13px;
margin-top:5px;
}

#header .right ul #contact {
border:0px solid #000;
height:12px;
width:67px;
margin-top:5px;
}


#menuwrap {
border:0px solid #000;
display:block;
width:680px;
height:65px;
}

#pagemenuwrap {
border:0px solid #000;
display:block;
height:70px;
width:605px;
}


#pagemenuwrap #menu, #menuwrap #menu {
background:url(images/menubkgd.png) no-repeat;
height:40px;
width:604px;
margin:0 auto;
}


#pagemenuwrap #menu ul, #menuwrap #menu ul {
	list-style:none;
	position:relative;
	left:21px;
}

#pagemenuwrap #menu ul li, #menuwrap #menu ul li {
	float:left;
}

/*menu dropdown:begin*/
#pagemenuwrap #menu, #menuwrap #menu {
font: normal 12px/1.4 Arial, sans-serif;
color:#fff;
}

#pagemenuwrap #menu ul ul, #menuwrap #menu ul ul {
position:relative;left:0;width:170px;
}

#pagemenuwrap #menu li, #menuwrap #menu li {
position: relative;
}
 
#pagemenuwrap #menu ul ul, #menuwrap #menu ul ul {
position: absolute;
z-index: 500;
}

#pagemenuwrap #menu ul ul,
#pagemenuwrap #menu ul li:hover ul ul,
#pagemenuwrap #menu ul ul li:hover ul ul,
#menuwrap #menu ul ul,
#menuwrap #menu ul li:hover ul ul,
#menuwrap #menu ul ul li:hover ul ul
{display: none;}
 

#pagemenuwrap #menu ul li:hover ul,
#pagemenuwrap #menu ul ul li:hover ul,
#pagemenuwrap #menu ul ul ul li:hover ul, 
#menuwrap #menu ul li:hover ul,
#menuwrap #menu ul ul li:hover ul,
#menuwrap #menu ul ul ul li:hover ul
{display: block;}

#pagemenuwrap #menu ul li ul, #menuwrap #menu ul li ul {
	border:0 1px 1px 0;
	border-color: #CCC #FFF;
	text-align:left;
	padding:5px;
	border-bottom: 1px solid #CCC;
	background: #d17519;
	font-weight:normal;
}

#pagemenuwrap #menu ul li ul li a:hover, #menuwrap #menu ul li ul li a:hover {
color:#ccc;
}

#pagemenuwrap #menu ul li ul li, #menuwrap #menu ul li ul li {
display:block;
width:170px;
}


#menu ul li span{
	display:none;
}

/*menu dropdown:end*/
#pagemenuwrap a, #hpmenu a, #menu a {text-decoration:none;color:#fff;}

#menu #services {
display:block;
width:83px;
height:40px;
}

#menu #services:hover {
background:url(images/menuserviceshover.png) no-repeat top left;
}

#menu #industries{
display:block;
width:79px;
height:40px;
margin:0 0 0 2px;
}

#menu #industries:hover{
background:url(images/menuindustrieshover.png) no-repeat;
}

#menu #casestudies{
display:block;
width:84px;
height:40px;
margin:0 0 0 1px;
}

#menu #casestudies:hover{
background:url(images/menucasestudieshover.png) no-repeat;
}

#menu #blog{
display:block;
width:77px;
height:40px;
margin:0 0 0 2px;
}

#menu #blog:hover{
background:url(images/menubloghover.png) no-repeat;
}

#menu #newsletter{
display:block;
width:78px;
height:40px;
margin:0 0 0 2px;
}

#menu #newsletter:hover{
background:url(images/menunewsletterhover.png) no-repeat;
}

#menu #mediaarchive{
display:block;
width:150px;	
height:40px;
margin:0 0 0 3px;
}

#menu #mediaarchive:hover{
background:url(images/menumediaarchivehover.png) no-repeat;
}


#midnav {
border:0px solid green;
background-color:#ccc;
}

#midnav #slogan {
float:left;
font: bold 15px Arial, sans-serif;
color: #6b96ab;
}

#midnav #rightnav {
float:right;
}

#midmenuspace {
width:15px;
border:1px solid #fff;
}

#content {
border:0px solid green;
margin:0 15px 20px 25px;
float:left;
width:400px;
font: normal 12px/1.4 Arial, sans-serif;
}

#sidebar {
border:0px solid pink;
float:right;
width:210px;
margin:0 15px 40px 0;
font: normal 12px/1.4 Arial, sans-serif;
}

#sidebar ul, #sidebar ul ul {
list-style:none;
background-color:#ccc;
}

#sidebar ul h2 {
background-color:#66ccff;
color:#fff;
padding:8px 16px;
}

#sidebar ul li {
padding:0px 0px 8px;
}

#sidebar ul li ul li {
padding:8px 16px 0px;
}

#sidebar ul li ul li a {
color:#333;
text-decoration:none;
}

#sidebar ul li ul li a:hover {
color:#FFF;
text-decoration:none;
}


#sidebar input {
width:180px;
border:1px solid #fff;
background-color:#ccc;
}

/*post*/
#content .pagetitle, #content .posttitle, #content .posttitle a, #content h2 a {
color:#ed1c24;
font: normal 16px Arial, sans-serif;
text-decoration:none;
}


#content h3 {
font-size:13px;
}

#content h3 a {
text-decoration:none;
}

#content hr {
padding:20px 0;
}


.pagetitle {
padding-bottom:30px;
}
#content .postauthor, #content .postdate, #content small {
color:#959595;
font-style:italic;
}

#content #title, #content .postheader {
overflow:hidden;
}


#content #title img, #content .postheader img{
float:right;
display:inline;
margin: 8px 0 0 5px;
}

div .post {
margin-bottom:30px;
}

#pagewrapper0 {
margin:15px auto 0;
width:994px;
height:10px;
}

#pagetoptop {
background:url(images/pagetop.png) top no-repeat;
height:5px;
width:994px;
}

#pagewrapper1 {
background:url(images/bkgdslice.png) repeat;
overflow:hidden;
border:0px solid blue;
padding-bottom:30px;
}

#pagewrapper1 #leftside {
/*height:367px;*/
width:766px;
margin-left:8px;
float:left;
border:0px solid red;
}

#pagewrapper1 #pagesidebar {
width:185px;
vertical-align:top;
float:right;
text-align:left;
border:0px solid red;
margin-right:20px;
}


#pagewrapper1 #pagesidebar #subnav {
padding-top:330px;
}

#pagewrapper1 #pagesidebar #subnav ul{
list-style:none;
font-size:13px;
}

#pagewrapper1 #pagesidebar #subnav ul li {
margin:10px 0;
}

#pagewrapper1 #pagesidebar #subnav ul li a {
list-style:none;
text-decoration:none;
color:#86b0c4;
}

#pagesidebar #feed ul {
text-align:left;
list-style-image:url(images/pluslist.png);
margin:0;
margin:20px 0 0px 18px;
font-size:14px;
}

#pagesidebar #feed ul a {
text-decoration:none;color:#818285;
}

#pagesidebar input {
width:133px;
height:18px;
margin-right:3px;
border:1px solid #ccc;
}


#pagesidebar #icons {
margin: 20px 0;
height:75px;
border:0px solid red;
}

#pagesidebar #icons a {
float:left;
}


#pagesidebar #iconspacer {
width:23px;
display:inline-block;
border:1px solid #fff;
float:left;
}

#pagesidebar #sidebarclientexperience h2, #pagesidebar #sidebarcasestudies h2{
color:#406618;
font-size:18px;
margin:10px 0;
}

#pagesidebar #sidebarclientexperience ul, #pagesidebar #sidebarcasestudies ul{
list-style:none;
font-size: 12px;
}

#pagesidebar #sidebarclientexperience ul li, #pagesidebar #sidebarcasestudies ul li{
margin-bottom:5px;
color:#818285;
}




#pagewrapper1 #leftside #pagetopwrapper #top{
height:104px;
border:0px solid red;
}

#pagewrapper1 #leftside #pagetopwrapper #top #logo{
width:110px;
height:68px;
margin:17px 0 0 26px;
float:left;
border:0px solid red;
}


#pagewrapper1 #leftside #pagetopwrapper #top #right {
width:605px;
height:104px;
border:0px solid blue;
float:right;
}


#pagewrapper1 #leftside #pagetopwrapper #banner{
weight:767px;
height:263px;
}

#pagewrapper1 #pagecontent {
text-align:left;
border:0px soild red;
margin:30px 100px 0;
font-size:13px;
line-height:150%;
color:#444;
}

#pagewrapper1 #pagecontent h2 {
color:#406618;
font-size:18px;
margin:10px 0;
}

#pagecontent h3 {
color:#406618;
font-size:15px;
margin:10px 0;
}

#pagecontent p label {
width:250px;
display:block;
float:left;
height:20px;
border:0px solid #ccc;
vertical-align:top;
}

#pagecontent p {
margin: 15px 0;
}

#pagecontent .chart {
margin:0 auto 15px;
width:100%;
}

#pagecontent th, #pagecontent .col1, #pagecontent .col2 {
padding:5px;
border:1px solid #fff;
color:#fff;
}

#pagecontent th {
background-color:#0076a3;
}
#pagecontent .col1 {
background-color:#808080;
width:25%;
}

#pagecontent .col2 {
width:75%;
background-color:#bbb;
color:#000;
}

.entry p {
margin: 15px 0;
}

.entry ul, .entry ol {
margin:10px 0 10px 20px;
}

#pagecontent hr {
color:#ccc;
margin:30px 0;
}


#pagecontent ul {
list-style-image:url("images/pagearrowlist.png");
margin:0 0 5px 20px;
}

#pagecontent #capabilities h3 {
color:#0076A3;
margin-bottom:0;
font-size:13px;
font-weight:bold;
}

#pagecontent #capabilities ul {
list-style-image:url("images/pagearrowlist.png");
margin-left:16px;
}


#content h3 a:link, #hpbottomwrapper a:link, div .post a:link, div .navigation a:link, #pagecontent a:link, #sidebarclientexperience a:link, #sidebarcasestudies a:link {color:#0076a3; text-decoration:none;}
#content h3 a:visited, #hpbottomwrapper a:visited, div .post a:visited, div .navigation a:visited, #pagecontent a:visited, #sidebarclientexperience a:visited, #sidebarcasestudies a:visited {color:#0076a3; text-decoration:none;}
#content h3 a:hover, #hpbottomwrapper a:hover, div .post a:hover, div .navigation a:hover, #pagecontent a:hover, #sidebarclientexperience a:hover, #sidebarcasestudies a:hover {color:#666; text-decoration:none;}
#content h3 a:active, #hpbottomwrapper a:active, div .post a:active, div .navigation a:active, #pagecontent a:active, #sidebarclientexperience a:active, #sidebarcasestudies a:active {color:#0076a3; text-decoration:none;}

.navigation {
padding:20px 0;
}


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

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

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

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

.alignright {
	float: right;
	}

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



/* Begin Comments*/


.alt {
	margin: 0;
	padding: 10px;
	}

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

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

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

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

#commentform p {
	margin: 5px 0;
	}

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

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