@charset "utf-8";
/* CSS Document */

/*import custom fonts*/
@font-face {
  font-family: "Myriad Pro";
  src: url(/css/MyriadPro-Semibold.ttf) format("truetype");
}


body {
	font-size:12px;
	font-family:Verdana;
	background-color:#ffffff;
	margin:0;
	padding:0;
	height:100%;
	line-height:16px;
}

a {
	color:#4f3b1d;
	text-decoration:none;
	
}

a:hover {
	text-decoration:underline;
}

h1 {
	color:#35414f;
	font-family:Verdana;
	text-transform:uppercase;
	font-size:22px;
	padding-top:0px;
	line-height:30px;
	font-weight:normal;
	margin:0px;
	margin-bottom:10px;
}

h2 {
	color:#35414f;
	font-family:Myriad Pro;
	font-size:22px;
	margin-top:18px;
	margin-bottom:5px;
	line-height:26px;
}

#pageContentInner h2 {
	margin-bottom:20px;
}

.storytitle{
	margin:10px 0px 10px 0px;
}

h3,h4 {
margin:5px;
padding:0px;
font-size:14px;
}

h3 { color:#cc0000;
font-size:16px;
margin-top:5px;}

.storycontent p {
	margin-top: 1em;
}

p {
	color:#4F3B1D;
	margin:0px;
	line-height:20px;
	padding-right:10px;
	
	
}

p img {
	padding:5px;
}

img {
	border:0px;
}

img.visit_img {

}

img.visit_img:hover {

	box-shadow: 0px 0px 10px #fff;
	-webkit-box-shadow:  0px 0px 10px #fff;
	-moz-box-shadow:  0px 0px 10px #fff;
   -moz-border-radius: 15px;
   -webkit-border-bottom-right-radius: 15px;
	
}

#pageContent ul {
	list-style: none;
	padding-left:10px;
	
}

#pageContent ul li, #pageContentInner ul li, #aboutBox ul li, #servicesBox ul li, #solutionsBox ul li{
	font-size:14px;
	color:#4f3b1d;
	background-image: url(../images/bullet.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin-bottom:10px;
	line-height:18px;
}

#pageContent ul li ul li {	color:#35414f;
	margin:0px;
	line-height:20px;
	padding-right:20px;
	font-size:12px;
	font-family:Verdana;
	list-style:none;background-image: none;}
	
#pageContentInner
	{background-color:#ebf0f1;
	padding:25px;
}

#pageContentInner p{
	color:#526266;
	}
	
/*Header*/
#header {
	margin:0 auto auto;
	padding:0px;
	width:980px;
	height:140px;
	
}

#header a {
	display:inline-block;
	vertical-align:middle;
}

#header a, a:hover {
	text-decoration:none;
}

#header .goatPic{
	margin-left:-25px;
	position:absolute;
	top:55px;
}

#header #top_message{
margin-left:93px;
margin-top:30px;
}
#header a{
	outline-style:none;
	outline-width:0;
}

#whatwedo {
	color:#35414F;
	display:inline;
	font-size:26px;
	font-stretch:condensed;
	left:60px;
	position:relative;
	top:15px;
}

/*Menu*/
#menu {
	width:100%;
	background-image: url('../images/page_bg.png');
	background-repeat:repeat-x;
}

#menu .menu {
	width: 980px;
	height:27px;
	border-spacing:0px;
	margin:auto;
	list-style:none;
	display:table;
	padding:21px 0px 0px 0px;
}

#menu .dir, #menu .selected, #menu .contact {
	width:135px;
	text-align:center;
	background-image:url('../images/menu_bg.png');
	background-repeat:repeat-x;
	text-transform:uppercase;
	font-family:"arial narrow", "Myriad Pro";
	font-stretch: condensed;
	font-size:15px;
	display:table-cell;
	padding:10px 0px;
	font-weight:bold;
	
	
}

.mencontact {margin-top:10px; padding-top:10px;}

#menu .dir a, #menu .selected a, #menu .contact a {
	padding:10px 30px 10px 30px;
	position:relative;
	top:5px;
}

#menu a:hover {
	text-decoration:none;
}

#menu .dir:hover, #menu .selected:hover  {
	background-image:url('../images/dir_bg.png');
	background-repeat:repeat-x;
}

#menu .dir a{
	color:#526266;
}

#menu .dir a:hover {
	color:#526266;
	text-decoration:none;

   
}

#menu .contact {
	background-image:url('../images/contact_bg.png');
	background-repeat: no-repeat;
	width:270px;
	color:#ffffff !important;
}

#menu .contact:hover {
	background-image:url('../images/contact_bg.png');
	color:#ffffff !important;
}

#menu .contact a{
	color:#ffffff;
}

#menu .selected {
	background-image:url('../images/dir_bg.png');
	
}

#menu .selected a{
	color:#526266;
}


/*Contact form*/
#contactUsHolder {
	background-color:#b1bfc2;
	width:276px;
	font-size:12px;
	position:absolute;
	top:57px;
	display:none;
	font-family:Arial;
	text-transform:none;
	font-weight:normal;
	z-index:999;
}

#menu  #contactUsHolder a{
	font-size:12px;
	
	
}

#contactUsHolder h3{
	text-align:justify;
	color:white;
	font-size:19px;
}

#contactUsHolder h4{
	display:inline;
	margin-right:8px;
}

#contactUsHolder a.contact_arrow{
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	padding:6px 18px 0 0;
	outline-style:none;
	outline-width:0;

}

#contactUsHolder .holder{
	margin:10px;
}

#contactUsHolder .line{
	border-top:1px solid white;
}


#contactInfoHolder {
	text-align: left;

}

#pricingInfoHolder .buttonHolder{
	display:inline;
	margin-left:42px;

}


#contactFormHolder .buttonHolder{
	margin-left:88px;
	margin-top:15px;
}


#contactUsHolder input {
	width:230px;
}

#contactUsHolder  td{
	color:#4F3B1D;
	text-align:left;
}

#contactUsHolder  .footer{
	text-align:right;
	background-color:#503B1E;
	vertical-align:middle;
	font-weight:bold;
	padding:10px;
}
#contactUsHolder  .footer a{
	padding:0px;
	font-size:14px;
	color:white;
	
}

.formBox {
	border:1px solid #35414F;
}


/*Main page*/
#mainPage {
	width:980px;
	margin:-0px auto auto;
	background-color:#ffffff;
	border-spacing:0px;
	height:100%;
	position:relative;
	
}

#mainPage ul{
	list-style:none;
}

#rightSideBar{
	float:right;
	
}


/*Social Box, AboutBox, ServicesBox, SolutionsBox*/
#socialBox, #aboutBox, #servicesBox, #solutionsBox,#twitter,.blog, #pageDown {
	margin-bottom:10px;
	width:245px;
	padding:15px;
	background-color: #dde5e7;
}

#socialBox a, #aboutBox a, #servicesBox a, #solutionsBox  a , #twitter  a , .blog  a, #pageDown a {
	font-size:11px;
	
}
#socialBox a{
	color:#2276BB;
}

#socialBox .title, #aboutBox .title, #servicesBox .title, #solutionsBox  .title, #twitter  .title , .blog  .title, #pageDown .title{
	color:#35414f;
	font-family:Myriad Pro;
	font-size:20px;
	margin-left:10px;
}

 #pageDown .title {
 padding:0px;
 margin-bottom:10px;
 }
 
#socialBox .title{
	margin-left:0px;
}

#socialBox .all, #aboutBox .all, #servicesBox .all, #solutionsBox .all, #twitter .all , .blog .all {
	padding:5px;
	float:right;
	margin-top:-5px;
	margin-right:15px;
}

#socialBox div, #aboutBox div, #servicesBox div, #solutionsBox div, #twitter div, .blog div, #pageDown div {
	background-color:#ffffff;padding:5px;
}

#pageDown div p{
color:#526266;
padding-left: 10px;
padding-top:10px;

}

#downButton {
float:right;
}

#aboutBox a:hover, #servicesBox  a:hover, #contactBox a:hover{
 text-decoration:underline;
}

#endBox {
background-image:url('../images/endBox.png');
}

/** Twit **/
.twit {
 background-color: #cbf2ff;
 padding: 7px;
 font-size:10px;
 color:#526266;
}

.twit li {
background-image:none;
 font-size:10px;
}

.twitHeader {
  background-color: #fff;
  margin: 0;
  padding: 7px 7px 0 7px;
}
.twitLabel {
  font-weight: bold;
  font-size: 22px;
  color: #33ccff;
}
.twitTitle {
  font-weight: bold;
}
.twitUser {
  background-color: #fff;
  border-bottom: none;
  font-size:160%;
  padding: 7px;
}
.twitUser a{
  color:#222;
  font-weight:bold;
  text-decoration: none;
}
.twitBody {
  background-color: #ffffff;
  padding: 0 7px 7px 7px;
  margin: 0;
  list-style: none;
}
.twitEntry {
  padding: 6px 8px;
  margin: 0;
  border-bottom: dashed 1px #ccc;
  height: auto !important;
}
.twitNavi {
  clear: both;
  text-align: center;
  margin-top: 0;
  padding: 5px;
  background-color: #ffffff;
}



/*Page content*/
#pageContent {
	vertical-align:top;
	margin-left:295px;
	margin-right:210px;
	margin-bottom:18px;
	background-color:#ebf0f1;
	padding:25px;
	min-height:280px;
	font-size:13px;
}
#pageContent p{
color:#526266;
font-size:13px;
}

#pageContentInner {
	float:left;
font-size:13px;
padding:25px;
vertical-align:top;
width:640px;
}

#pageContainer 
{
	background-color:#dedad5;
	padding:10px;
	bottom:0;
	right:0;
	color:#4f3b1d;
	font-size:14px;
	line-height:16px;
	margin:10px 20px 15px 20px;

}



#pageContainer ul li {
list-style-type:square;
background-image:none;
font-size:14px;
padding:0px 0px 0px 10px;
}


#pageContainer p
{
color:#4F3B1D;
margin:0px;
padding-right:5px;
margin-bottom:10px;

}


#pageContainer a {color:#526266;}

#pageContentInner a {text-decoration:underline;}
#pageContentInner a:hover {text-decoration:none;}
#pageContainer .title {
	font-size:18px;
}

#smallfont {font-size:10px;}

#moreSpace {
margin:10px 0px 15px 0px;
}

#blueSpace {
margin:10px 0px 15px 0px;
background-color:#ebf0f1;
}

/*Sidebar*/
#sidebar {
	width:210px;
	background-color:#503b1e;
	color:#ffffff;
	padding:0px;
	font-family:"arial narrow", "Myriad Pro";
	font-stretch: condensed;
	right:0;
	height:100%;
	position:absolute;
	background: #503B1E url(/images/goat_sidebar.png) no-repeat bottom right;
	line-height:24px;
}

#sidebar a {
	color:#ffffff;
	display: block;
	padding: 10px 10px 15px 5px;;
	font-size:20px;
}

#sidebar a img{
	float: left;
	display: block;
	vertical-align:middle;
}



#sidebar a:hover img{
	box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow:  0px 0px 5px #fff;
	-moz-box-shadow:  0px 0px 5px #fff;
}

#sidebar table {
	padding:8px;
}

#sidebar tr {
	padding:5px;
}

#sidebar td {
	padding:6px 4px 15px 4px;
	font-size:18px;
}

#rightSideBar ul {
	list-style:none;
	padding:10px 0px 10px 10px;
	background-color:#ffffff;
	margin:0;
}

#rightSideBar ul li a:hover {
text-decoration:underline;
}

/*New Launch*/

#newLaunch {
	background-color:#d3cec7;
	padding:10px;
	bottom:0;
	right:0;
	width:750px;
	color:#4f3b1d;
	font-size:11px;
	line-height:16px;

}

#newLaunch .title {
	font-size:18px;
}

#newLaunch .screenShot {
	border:5px solid #9c9180;
	float:left;
	margin-right:20px;
}

/*carousel*/
#carouselHolder{
	padding:6px;
	background-color:#D3CEC7;
	margin-top:18px;

}

#carouselHolderBilly{
	padding:6px;
	background-color:#D3CEC7;
	width:668px;
}

/*bottom bar for inner pages*/
#bottomBar{
	margin-top:18px;
	background-color:#503b1e;
	color:#ffffff;
	padding:20px;
	font-family:"arial narrow", "Myriad Pro";
	font-stretch: condensed;
	height:50px;
	font-size:16px;
	clear:both;
	margin-bottom:18px;
	background-image:url('../images/goat_corner.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
.goat_corner{
float:right;
margin-right:-20px;
margin-top:-51px;
padding-top:0px;
}
#bottomBar a{
 color:#ffffff;
}

#bottomBar img:hover {
	box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow:  0px 0px 5px #fff;
	-moz-box-shadow:  0px 0px 5px #fff;
}

#bottomBar .bottomBarHolder{
	padding-left:10px;
	float:left;
}

#bottomBar .left{
	display:inline;
}

#bottomBar .right{
	margin-left:58px;
	margin-top:-50px;
	position:relative;
	width:115px;
	z-index:1;
	
}

/*Footer*/
#footer {
	width:100%;
	color:#526266;
	padding-top:3px;
	clear:both;
	background-image: url('../images/footer_bg.png');
	background-repeat:repeat-x;
	width:100%;
	height:240px;
	margin-top:18px;
}

#footer .social {
	width:980px;
	margin:auto;
	height:30px;
	padding-top:2px;
}

#footer .social img:hover{
	/*box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow:  0px 0px 5px #000;
	-moz-box-shadow:  0px 0px 5px #000;*/
	opacity:0.7;
}

#footer .social a {
	line-height:30px;
	padding-right:5px;
	color:#526266;
}

#footer .title {

	font-size:20px;
	color:#35414f;
	line-height:30px;
	vertical-align:top;
	padding-right:10px;
	
}

#footer .ggnews {
	color:#4f3b1d;
	line-height:30px;
	vertical-align:top;
}

#footer .contact {
	font-size:9px;
	left:515px;
	padding-top:9px;
	position:relative;
	top:-10px;
	display:inline;
	
}

#footer td {
	padding:5px 10px 5px 10px;
}

#footer p {
	line-height:18px;
}

#footer .gradient {

}

#footer .footerInfo {
	width: 980px;
	margin:auto;
	height: 103px;
	font-size:10px;
	margin-top:12px;

}

#footer .footerInfo .leftFooterInfo{
	background-color:#E2E9EB;
	float:left;
	height:102px;
	margin-top:15px;
	width:670px;
	padding:6px;
	
}

#footer .footerInfo .leftFooterInfo p, #footer .footerInfo .rightFooterInfo p{
	margin-top: 0px;

}

#footer .footerInfo .leftFooterInfo .infoHolder{
	margin-bottom:10px;
	float:left;

}
#footer .footerInfo .leftFooterInfo .infoHolder .innerText, #footer .footerInfo .leftFooterInfo .infoHolder .innerText2{
	border-right:1px solid;
	padding-right:8px;
	padding-left:8px;
	min-height:94px;
}

#footer .innerText p {padding-right:5px;}

#footer .footerInfo .leftFooterInfo .visitUs .innerText, #footer .footerInfo .leftFooterInfo .visitUs .innerText2{
margin-left:133px;
margin-top:-94px;
width:177px;
	/*float:right;
	display:inline;*/
}

#footer .footerInfo .leftFooterInfo .visitUs .innerText2 {
width:182px;padding-right:2px;}

#footer .footerInfo .leftFooterInfo .visitUs .innerText2 p {padding:0px;}

#footer .footerInfo .leftFooterInfo .visitUs img{
	margin-top:7px;


}

#footer .footerInfo .leftFooterInfo .talkToUs{
	width:175px;
}

#footer .footerInfo .leftFooterInfo .getAQuote{ 
	width:164px;
}
#footer .footerInfo .leftFooterInfo .getAQuote .innerText{
	border-right: none;
}

#footer .footerInfo .rightFooterInfo{
	width: 268px;
	height: 101px;
	padding:6px;
	float:right;
	margin-top:15px;
	background-color:#E2E9EB;
}

#footer .footerInfo .rightFooterInfo .leftText{
	float:left;
	width:140px;
	color:#526266;
}

#footer .footerInfo .rightFooterInfo .leftText p{
padding-right:8px;color:#526266;
}

#footer .footerInfo .rightFooterInfo .rightText{
	float:right;
	margin-top:33px;
	width:120px;color:#526266;
}

#footer a:hover {text-decoration:underline;}


#submitForms {background-color:#6b5a42;
float:left;
padding:6px 10px 0px 10px;
font-family:"arial narrow", "Myriad Pro";
font-stretch: condensed;
font-size:14px;
margin-left:20px;
font-weight:bold;
text-transform:uppercase;}

/*#ggAds {
background-color:#635238;
border-top:3px solid #4f3b1d;
float:right;
padding:5px 10px 5px 10px;
font-family:"arial narrow", "Myriad Pro";
font-stretch: condensed;
font-size:16px;
margin-left:20px;
}
*/
#ggAds, #enquiry{
background-color:#6b5a42;
float:right;
padding:6px 10px 0px 10px;
font-family:"arial narrow", "Myriad Pro";
font-stretch: condensed;
font-size:14px;
margin-left:20px;
font-weight:bold;
text-transform:uppercase;
width:190px;
}

#enquiry {float:left;padding-bottom:5px;background-image: url(../images/bullet.png);
	background-repeat:no-repeat;background-position: right; width:120px;padding-right:20px;border-right:5px solid #6b5a42;}

#ggAds:hover, #submitForms:hover {
box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow:  0px 0px 5px #ccc;
	-moz-box-shadow:  0px 0px 5px #ccc;
}
/*#ggAds a {
color:#fff;
}*/

#ggAds a, #enquiry a{
color:#ffffff;
}

#ggAds a:hover{
text-decoration:none;
} 

#ggAds img  {
float:right;
border:0;
padding-bottom:5px;
}

#ggAds img:hover, {
	box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow:  0px 0px 5px #fff;
	-moz-box-shadow:  0px 0px 5px #fff;

}

#commentlist {
	background-color:#dddddd;
	padding:10px 10px 10px 30px;
}

#commentlist .avatar {
	float:left;
	margin-right:5px;
}