/*
Theme Name: Goby Solutions
Description: Wordpress theme for Goby Solutions
Author: Goby Solutions
Author URI: http://www.gobysolutions.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#666}
a:hover {text-decoration:none;cursor:pointer}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#C2D0D5 url(images/bg.png) repeat-x;color:#666;font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;font:bold 1.75em/1.25em Arial, Helvetica, sans-serif;margin:10px 0 0 10px}
h2 {font:bold 1.25em/1.25em Arial, Helvetica, sans-serif}
h3 {font:bold 1.25em/1.25em Arial, Helvetica, sans-serif}
h4 {font:bold 1em/1.25em Arial, Helvetica, sans-serif}
hr {margin:0 0 0.5em}
p {margin:0 0 2em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}

/* Containers */
#page {margin:20px auto;width:926px}

/* Header */
#header {background:#FFF url(images/header_bg.png) no-repeat left top;overflow:hidden;width:871px;padding:34px 0 0 55px}
#header #logo {color:#09C;float:left;margin:0 0 23px;font:italic bold 2.25em/1.2em Arial, Helvetica, sans-serif}
#header #callUs {float:right;display:block;margin:-4px 15px 0 0;font-size:1.4em;color:#0B8CBE}
#header #callUs span {color:#BABABA}
#header ul {clear:both;list-style:none;margin:0 0 0;width:100%;overflow:hidden}
#header ul li {float:left;margin:0 1px 0 0}
#header ul li a {width:77px;height:34px;display:block;position:relative;text-align:center}
#header ul li a span {background:url(images/nav.png) no-repeat left top;position:absolute;height:100%;width:100%;left:0;top:0;}
#header ul li a span:hover {cursor:pointer}

#header ul li#home a span {background-position:0 0}
#header ul li#services a span {background-position:-77px 0}
#header ul li#portfolio a span {background-position:-154px 0}
#header ul li#about a span {background-position:-231px 0}
#header ul li#contact a span {background-position:-308px 0}

#header ul li#home a:hover span, #header ul li#home a.current span {background-position:0 -34px}
#header ul li#services a:hover span, #header ul li#services a.current span {background-position:-77px -34px}
#header ul li#portfolio a:hover span, #header ul li#portfolio a.current span {background-position:-154px -34px}
#header ul li#about a:hover span, #header ul li#about a.current span {background-position:-231px -34px}
#header ul li#contact a:hover span, #header ul li#contact a.current span {background-position:-308px -34px}

/* Banner */
#banner {height:62px;color:#0B8CBE;overflow:hidden;padding:33px 0 0 59px}
#banner h2 {color:#FFFFFF;font-size:1.9em;font-weight:normal}
#banner p {color:#FFFFFF;font-size:1em;font-weight:normal;width:500px;line-height:1.8em}
#banner a {}
#page .home {background:#0b8cbe url(images/headers/home.jpg) no-repeat;height:150px}
.services {background:#50731f url(images/headers/services.jpg) no-repeat}
.portfolio {background:#f7b10a url(images/headers/portfolio.jpg) no-repeat}
.about {background:#e78f85 url(images/headers/about.jpg) no-repeat}
.contact {background:#33a291 url(images/headers/contact.jpg) no-repeat}

/* Content */
#container {background:#FFF url(images/page_bg.png) repeat-y;width:926px;overflow:hidden}
#portfolio-page #container {background:#FFF url(images/portfolio-container.png) left top repeat-y}

/* Content */
#content {float:right;padding:17px 32px 20px 24px;width:506px;font-weight:normal}
#portfolio-page #content {padding:17px 20px;width:690px;position:relative}
#content p.client {clear:both;width:100%;overflow:hidden;float:left;line-height:15px;margin: 0 0 1em;color:#666;font-size:.9em}
#content p.client br {clear:both}
#content p.client a {background:url(images/bullet.png) no-repeat left 6px;font-weight:bold;padding:0 0 0 15px;color:#666;text-decoration:none}
#content p.client a:hover {text-decoration:underline}
#content p.client img {border:5px solid #D9D9D9;margin:0 15px 0 0;width:191px;height:91px}
#content p.client span {margin:15px 0 0;display:block;font-weight:normal}
#content #gear {background:url(images/gear_icon.png) no-repeat}
#content #globe {background:url(images/globe-icon.png) no-repeat}
#content ul {color:#333;list-style:none;margin:0 0 2em 10px}
#content ul li {background:url(images/bullet.png) no-repeat left 6px;padding:0 0 0 15px;font-weight:normal}
#content p {line-height:20px;color:#666;padding: 0 0 0 3px}


	/* Post */
	#content .post {}
	#content .post .meta {font-size:0.8em}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}
	#services-page #content .post p {font-size:.925em}
	
	/*Poject Posts*/
	#content .project {clear:both;overflow:hidden;padding: 10px 0}
	#content .project img {display:inline;border:10px solid #e5e5e5;float:left;margin: 0 0 15px 3px}
	#content .project .entry {clear:both;font-size:.925em;line-height:20px;padding: 0 20px 0 3px}
	#content .project .entry h3 {color:#f58c00;font-size:1em;padding: 0 0 3px}
	#content .project .entry ul {list-style:none;padding:0;margin:0}
	#content .project .entry ul li {background:none;padding:0}
	#content .project .entry ul li p {display:inline}
	
	/*Tabbed content*/
	#tabbed-content {clear:both;float:left;position:relative;padding:5px 0 0;width:690px}
	
	/*Tabbed nav*/
	#content span.title {float:left;line-height:19px;margin:0 10px 0 0}
	#content ul#project-nav {float:left;list-style:none;margin:0;padding:0 0 15px;overflow:hidden}
	* html #content ul#project-nav  {height:1%;overflow:visible;width:370px}
	ul#project-nav li {background:none;float:left;padding:0 6px 0 0}
	ul#project-nav li a {background:url(images/portfolio-buttons.png) left top no-repeat;color:#333;float:left;font-size:.92em;height:19px;line-height:17px;overflow:visible;position:relative;text-decoration:none;text-align:center;width:25px}
	ul#project-nav li a:hover, ul#project-nav li.current a {background:url(images/portfolio-buttons.png) left -19px no-repeat;color:#fff;cursor:pointer;}
	
		/*IRs
		ul#project-nav li a {float:left;height:19px;overflow:visible;position:relative;width:25px}
	ul#project-nav li a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
		ul#project-nav li a#nav-1 span {background:url(images/navigator.png) left top no-repeat}
		ul#project-nav li a#nav-2 span {background:url(images/navigator.png) -25px top no-repeat}
		ul#project-nav li a#nav-3 span {background:url(images/navigator.png) -50px top no-repeat}
		ul#project-nav li a#nav-4 span {background:url(images/navigator.png) -75px top no-repeat}
		ul#project-nav li a#nav-5 span {background:url(images/navigator.png) right top no-repeat}
		*/
			/*Hovers & Currents
			ul#project-nav li a#nav-1:hover span, ul#project-nav li.current a#nav-1 span  {background-position:left -19px}
			ul#project-nav li a#nav-2:hover span, ul#project-nav li.current a#nav-2 span {background-position: -25px -19px}
			ul#project-nav li a#nav-3:hover span, ul#project-nav li.current a#nav-3 span {background-position: -50px -19px}
			ul#project-nav li a#nav-4:hover span, ul#project-nav li.current a#nav-4 span {background-position: -75px -19px}
			ul#project-nav li a#nav-5:hover span, ul#project-nav li.current a#nav-5 span {background-position: right -19px}
*/
	/*About Page*/
	.team-member {overflow:hidden;margin: 0 0 5px;width:100%}
	.team-member img {border:1px solid #ccc;float:left}
	#content .team-member ul.member-info {float:right;font-size:.925em;margin:0;width:425px}
	#content .team-member ul.member-info li {background:url(images/arrow.png) left 10px no-repeat;line-height:20px;padding:0 0 0 17px}
	
		/*Contact Form*/
		#content form#contact-form {clear:both;font-size:.925em;padding:18px 0 0}
		#content form#contact-form label {color:#333;font-weight:700}
		#content form#contact-form p {padding: 0 0 0 4px;margin: 0 0 3px}
		#content form#contact-form div {background:url(images/input-bg.png) left top no-repeat;height:43px;margin:0 0 10px;width:289px}
		#content form#contact-form div input {background:none;border:0;color:#333;font:1em Arial, Sans-Serif;padding:15px 5px;width:279px}
		#content form#contact-form div.textarea {background:url(images/textarea-bg.png) left top no-repeat;float:left;height:135px;margin:0 0 16px;width:289px}
		#content form#contact-form div.textarea textarea {background:none;border:0;color:#333;height:125px;padding:5px;width:279px}
		#content form#contact-form input#send {float:left;margin:94px  0 0 23px}
		
/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:left;overflow:hidden;padding:17px 32px 0;width:296px}
#portfolio-page #sidebar {padding: 11px 23px 0 14px;width:157px}
#sidebar p {line-height:15px;color:#333;font-size:.9em}
#sidebar h2, #content h2 {color:#333;font-size:1.1em;font-weight:normal;height:29px;letter-spacing:-.5px;padding:8px 0 3px 35px}
#single #page #content h2 {font-size:1.45em;padding:0;margin:0 0 15px}
#content #frame {background:url(images/frame_icon.png) no-repeat left 22px;clear:both;padding:25px 0 3px 35px}
#services-page #content #frame {background:url(images/frame_icon.png) no-repeat left 5px;padding:10px 0 3px 35px}
#sidebar #color {background:url(images/color_icon.png) no-repeat}
#sidebar #write {background:url(images/write_icon.png) no-repeat left 2px}
#sidebar ul {list-style:none;margin:0 0 1em 8px}
#sidebar ul ul {list-style:disc}
#sidebar ul li {margin:0 0 2em}
#sidebar ul li h3 {line-height:2.2em;font-size:.9em}
#sidebar ul li h3 span {color:#40768B}
#sidebar ul li h3 a {color:#666;text-decoration:none}
#sidebar p {line-height:17px}


	/*Portfolio Sidebar*/
	#sidebar ul#subnav {float:left;list-style:none;margin: 0 0 4em 0;width:157px}
	#sidebar ul#subnav li a {display:block;float:right;height:53px;margin: 0 0 11px;overflow:hidden;position:relative;width:132px}
	#sidebar ul#subnav li a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	
		/*IRs*/
		#sidebar ul#subnav li a#web-projects {float:left;height:61px;width:139px}
		#sidebar ul#subnav li a#web-projects span {background:url(images/web-button.png) left top no-repeat}
		#sidebar ul#subnav li.current a#web-projects span, #sidebar ul#subnav li a#web-projects:hover span {background-position:0 -60px}
		#sidebar ul#subnav li a#logo-projects span {background:url(images/profile-buttons.png) left top no-repeat}
		#sidebar ul#subnav li.current a#logo-projects span, #sidebar ul#subnav li a#logo-projects:hover span {background-position:0 -53px}
		#sidebar ul#subnav li a#icons-projects span {background:url(images/profile-buttons.png) -132px top no-repeat}
		#sidebar ul#subnav li.current a#icons-projects span, #sidebar ul#subnav li a#icons-projects:hover span {background-position:-132px -53px}
		#sidebar ul#subnav li a#misc-projects span {background:url(images/profile-buttons.png) right top no-repeat}
		#sidebar ul#subnav li.current a#misc-projects span, #sidebar ul#subnav li a#misc-projects:hover span {background-position:100% -53px}
		
		/*Services header*/
		#sidebar h2#customer-icon {background:url(images/services_icon.png) left top no-repeat}
		
		/*Services list*/
		#sidebar ul#services-subnav {font-size:1em;list-style:none;margin:5px 0 15px}
		#sidebar ul#services-subnav li {background:url(images/dark-bullet.png) left 6px no-repeat;margin:0;padding: 0 0 4px 18px}
		#sidebar ul#services-subnav li a, #sidebar a.grey {color:#333;text-decoration:none}
		#sidebar ul#services-subnav li a:hover, #sidebar ul#services-subnav li.current_page_item a {color:#145f80;font-weight:700;text-decoration:underline}
		#sidebar a.grey {font-weight:700}
		
		/*Quote button*/
		#sidebar a.quote {color:#fff;display:block;height:52px;margin:0 0 0 -7px;overflow:hidden;position:relative;text-transform:uppercase;width:137px}
		#sidebar a.quote span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
		#sidebar a.portfolio {float:right;margin:0}
		#sidebar a.portfolio span {background:url(images/quote-portfolio.png) left top no-repeat}
		#sidebar a.services span {background:url(images/quote-services.png) left top no-repeat}
		#sidebar a.about span {background:url(images/quote-about.png) left top no-repeat}
		#sidebar a.contact {margin:33px 0 0 -7px}
		#sidebar a.contact span {background:url(images/quote-contact.png) left top no-repeat}		
		
/* Footer */
#footer {background:url(images/footer_bg.png) no-repeat left top;clear:both;height:1%;padding:5px 10px;overflow:hidden}
#portfolio-page #footer {background:url(images/portfolio-footer.png) no-repeat left top;}
#footer p {padding:26px 0 0;color:#324F5B}
#footer ul {float:right;list-style:none}
#footer ul li {display:inline;margin:0 0 0 20px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px}
img.alignleft {display:inline;margin:0 7px 2px 0}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
*#comments_wrap, #respond {padding:  30px 0 0}
#comments_wrap .commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments_wrap .commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments_wrap .commentlist li.alt {background:#EEE}
#comments_wrap .commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments_wrap .commentlist cite, .commentlist cite a {font-style:normal;font-weight:bold}
#comments_wrap .commentlist p {margin:10px 5px 10px 0}
#comments_wrap #commentmetadata {font-weight:normal}
#respond #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#respond #commentform input.input:hover {background:#EEE}
#respond #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#respond #commentform textarea:hover {background:#EEE}
#respond #commentform #submit {}
#respond #commentform p {margin:0 0 .5em}
#respond #allowed-tags strong {display:block}
#respond .nocomments {margin:0;padding:0;text-align:center}
#respond .commentmetadata {display:block;margin:0}

/* Misc Styles */
.heads1 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: 18px; BORDER-BOTTOM: 1px none black; FONT-FAMILY: Arial, Helvetica, sans-serif
}