/* -------------------------------------
   Client: Dino's Building Ltd
   Type: CSS2
   Author: Lee Westwood
   Date: 21/08/2007
   Company: MMGraphix
   Website: http://www.mmgraphix.co.uk
   -------------------------------------- */

/* -------------------------------------
   basics
   -------------------------------------- */   
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* --------------------------------------
   Layout
   -------------------------------------- */
#wrapper {
	width: 1055px;
	margin: auto auto;
	text-align: left;
}
#subwrapper{
	background-image:url(images/layout/body_strip_w_leftmenu_strip.png);
	background-repeat:repeat-y;
}
#header {
	height: 200px;
	width: 1037px;
}
#JAD {
	margin-top:30px;
	border:none;
}
#left_top_section {
	width:323px;
	height:290px;
	position:absolute;
	margin-top:-180px;
	margin-left:112px;
}
#leftmainmenu {
	height:563px;
	width:32px;
	overflow:hidden;
	margin-left:37px;
	padding-top:10px;
	position:static;
}
#mainmenu {
	height:0px;
	width:32px;
	overflow:hidden;
	margin-left:435px;
	padding-left:22px;
	position:static;
}
#menu-services {
	width: 32px;
	height: 113px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/white_button.png) no-repeat;
	cursor: pointer;
	color:#FF0000;
	top:211px;
}
.ff3 #menu-services {
	background:url(images/layout/white_button_services.png) no-repeat;
}
#menu-casestudies {
	width: 59px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/white_button.png) no-repeat;
	cursor: pointer;
	color:#FF0000;
	top:325px;
}
.ff3 #menu-casestudies {
	background:url(images/layout/white_button_casestudies.png) no-repeat;
}
#menu-news {
	width: 59px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/white_button.png) no-repeat;
	cursor: pointer;
	color:#FF0000;
	top:439px;
}
.ff3 #menu-news {
	background:url(images/layout/white_button_news.png) no-repeat;
}
#menu-howto {
	width: 59px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/white_button.png) no-repeat;
	cursor: pointer;
	color:#FF0000;
	top:552px;
}
.ff3 #menu-howto {
	background:url(images/layout/white_button_howto.png) no-repeat;
}
#menu-affiliations {
	width: 59px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/white_button_bottom.png) no-repeat;
	cursor: pointer;
	color:#FF0000;
	top:665px;
}
.ff3 #menu-affiliations {
	background:url(images/layout/white_button_bottom_affiliations.png) no-repeat;
}
#servicetitle {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left: -74px;
	padding-left: 91px;
	color:#FF0000;
}
.webkit #servicetitle {
	position:absolute;
}
.ff3 #servicetitle {
	display:none;
}

#casetitle {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:absolute;
	top:46px;
	left:-29px;
	color:#FF0000;
}
.ff3 #casetitle {
	display:none;
}
#newstitle {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:absolute;
	top:46px;
	left:-5px;
	color:#FF0000;
}
.ff3 #newstitle {
	display:none;
}
#howtotitle {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:absolute;
	top:46px;
	left:-15px;
	color:#FF0000;
}
.ff3 #howtotitle {
	display:none;
}
#affiliationstitle {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:absolute;
	top:44px;
	left:-25px;
	color:#FF0000;
}
.ff3 #affiliationstitle {
	display:none;
}
.title2 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:145px;
	margin-top:-51px;
	padding-bottom:42px;
	color:#FF0000;
	position:absolute;
}
.ff3 .title2 {
	display:none;
}
#casetitle2 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:125px;
	margin-top:-62px;
	padding-bottom:42px;
	color:#FF0000;
	position:absolute;
}
.ff3 #casetitle2 {
	display:none;
}
#newstitle2 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:137px;
	margin-top:-71px;
	padding-bottom:70px;
	color:#FF0000;
	position:absolute;
}
.ff3 #newstitle2 {
	display:none;
}
#howtotitle2 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:136px;
	margin-top:-38px;
	padding-bottom:42px;
	color:#FF0000;
	position:absolute;
}
.ff3 #howtotitle2 {
	display:none;
}
#affiliationstitle2 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:11px;
	margin-top:10px;
	padding-bottom:42px;
	color:#FF0000;
	position:absolute;
}
.ff3 #affiliationstitle2 {
	display:none;
}
.tooltip {
	background:url(images/layout/white_button_open.png) no-repeat;
	width: 306px;
	height: 109px;

}
.ff3 .tooltip {
	background:url(images/layout/white_button_open_service.png) no-repeat;
}
#casetooltip {
	background:url(images/layout/white_button_open_small.png) no-repeat;
	width: 306px;
	height: 109px;

}
.ff3 #casetooltip {
	background:url(images/layout/white_button_open_small_case.png) no-repeat;
}
#newstooltip {
	background:url(images/layout/white_button_open_small.png) no-repeat;
	width: 306px;
	height: 109px;

}
.ff3 #newstooltip {
	background:url(images/layout/white_button_open_small_news.png) no-repeat;
}
#howtotooltip {
	background:url(images/layout/white_button_open_small.png) no-repeat;
	width: 306px;
	height: 109px;

}
.ff3 #howtotooltip {
	background:url(images/layout/white_button_open_small_howto.png) no-repeat;
}
#affiliationstooltip {
	background:url(images/layout/white_button_open_small.png) no-repeat;
	width: 306px;
	height: 109px;

}
.ff3 #affiliationstooltip {
	background:url(images/layout/white_button_open_small_affiliations.png) no-repeat;
}
.tooltip-content {
	padding-left:20px;
	padding-top:13px;
	line-height:16px;
}
.tooltip-content a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.tooltip-content a:hover {
	color:#DA0000;
}
#caselist {
	line-height:25px;
}
#newslist {
	line-height:22px;
}
#howtolist {
	line-height:25px;
}
#affiliationslist {
	line-height:80px;
}
#separator {
	background-image:url(images/layout/separator.png);
	background-repeat:no-repeat;
	height:99px;
	margin-left:120px;
	margin-top:-87px;
	position:absolute;
	width:4px;
}
#serviceright {
	position:absolute;
	margin-left:80px;
	margin-top:-62px;
	line-height:16px;
	width:104px;
}
#menu {
	width: 888px;
	height: 23px;
	padding-top: 2px;
	margin-top: 3px;
	margin-left: 69px;
}
#content {
	width: 1055px;
	padding-top: 2px;
	overflow: auto;
}
#content_text {
	width: 494px;
	float: left;
	padding: 0px 42px 0px 60px;
	text-align: left;
	overflow: auto;
	margin-left: 457px;
	position:absolute;
	color:#FFF;
	top:211px;
}
.whitelink {
	text-decoration:none;
	color:#FFF;
	line-height:33px;
}
.whitelink a {
	text-decoration:none;
	color:#FFF;
}
.whitelinkcase {
	text-decoration:none;
	color:#FFF;
	line-height:13px;
	font-size:10px;
	margin: 0 0 7px;
}
.whitelinkcase a {
	text-decoration:none;
	color:#FFF;
}
.whitelinkmore {
	color:#FFF;
	font-weight:bold;
	line-height:13px;
	margin: 0 195px 7px 0px;
	text-align:right;
	text-decoration:none;
}
.whitelinkmore a {
	text-decoration:none;
	color:#FFF;
}
#content_image {
	width: 300px;
	float: left;
	margin-left: 112px;
	width:323px;
	text-align:center;
}
#bodyfoot {
	background-image:url(images/layout/body_absolute_foot.png);
	background-repeat:no-repeat;
	width:1055px;
	height:54px;
	margin-top: 0px;
}
#facebook{
	border:none;
	margin-right:455px;
	margin-top:-38px;
}
.facebook{
	border:none;
}
#twitter{
	border:none;
	margin-right:393px;
	margin-top:-30px;
}
.twitter{
	border:none;
}

/* --------------------------------------
   Typography
   -------------------------------------- */
p {
	margin: 0px 0px 14px 0px;
	padding: 0px;
	text-decoration: none;
	color:#ffffff;
}
p a {
	text-decoration: underline;
	color: #FF0000;
}
.leadParagraph {
	color: #ffffff;
	font-weight: bold;
}
h1 {
	color: #ffffff;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

/*	---------------------------------------
	Gallery
	--------------------------------------- */
	
img.thumbs {
	float:left;
	height:30px;
	width:40px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}
#mainimage {
	position:absolute;
	top:332px;
	width:320px;
	z-index:2;
}
#thumbContainer {
	top:611px;
	width:320px;
	height:230px;
	z-index:1;
	position:absolute;
	padding-left: 9px;
}

/*	-----------------------------
	Red Menu
	----------------------------- */
	
#menu-home {
	width: 52px;
	height: 113px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/red_button_top.png) no-repeat;
	cursor: pointer;
	color:#FFFFFF;
	text-decoration:none;
	
}

#hometitle {
	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position:absolute;
	left:19px;
	top:48px;
	color:#FFFFFF;
	text-decoration:none;
}
#menu-homes {
	width: 52px;
	height: 112px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/red_button_middle.png) no-repeat;
	cursor: pointer;
	color:#FFFFFF;
	text-decoration:none;
	top:325px;
	
}

#homestitle {
	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position:absolute;
	left:-6px;
	top:48px;
	color:#FFFFFF;
	text-decoration:none;
	width:84px;
}	
#menu-justaskdino {
	width: 52px;
	height: 127px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/red_button_bottom.png) no-repeat;
	cursor: pointer;
	color:#FFFFFF;
	text-decoration:none;
	top:437px;
	
}

#justaskdinotitle {
	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position:absolute;
	left:-6px;
	top:48px;
	color:#FFFFFF;
	text-decoration:none;
	width:84px;
}

#menu-contact {
	width: 52px;
	height: 127px;
	display: block;
	position: absolute;
	z-index: 1000;
	background:url(images/layout/red_button_absolute_bottom.png) no-repeat;
	cursor: pointer;
	color:#FFFFFF;
	text-decoration:none;
	top:666px;
	
}

#contacttitle {
	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position:absolute;
	left:-6px;
	top:43px;
	color:#FFFFFF;
	text-decoration:none;
	width:84px;
}	
/*	-----------------------------
	Red Menu Firefox 3.0
	----------------------------- */
	
.ff3 #menu-home {
	background:url(images/layout/red_button_home.png) no-repeat;
}

.ff3 #hometitle {
	display:none;
}
.ff3 #menu-homes {
	background:url(images/layout/red_button_homes.png) no-repeat;
}

.ff3 #homestitle {
	display:none;
}	
.ff3 #menu-justaskdino {
	background:url(images/layout/red_button_jad.png) no-repeat;
}

.ff3 #justaskdinotitle {
	display:none;
}

.ff3 #menu-contact {
	background:url(images/layout/red_button_contact.png) no-repeat;
}

.ff3 #contacttitle {
	display:none;
}