/* Start of CMSMS style sheet 'tiars-styles' */
/* EDIT FILE IN THE CMSMS CSS SECTION - NOTE: THIS FILE IS ALSO USED BY THE BLOG */

html {
	background-color: #002261;
	background-image: url(images/bgrd.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	height: 100%;
}

body {
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0px;
	width: 1065px;
	background-image: url(images/outer.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: transparent;
}

.showgrid {
	/*background:url(css/grid.png);*/
}

#header {
	margin-top: 32px;
	padding-top: 18px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #005bbb;
}
#header h1 a {
	display: block;
	height: 54px;             /* adjust according your image size */
	margin-bottom: 54px;
	text-indent: -999em;  /* this hides the text */
	text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
	background-color: white;
	background-image: url(images/Two-in-a-Room-Studios-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
#menu {
	height: 110px;
}
#menu ul, #strapline ul {
	float: left;
	list-style-type: none;
}
ul#menutop {
	width: 750px;
}
ul#contact {
	width: 235px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 3px;
	margin-top: 35px;
}
ul#contact, ul#menutop {
	-webkit-padding-start: 0px; /* Safari 3 weirdness */
}

ul#contact a {
	text-decoration: none;
}
ul#contact a:hover {
	text-decoration: underline;
	color:#255BBB;
}
ul#menutop li {
	float: left;
	margin-right:15px;
	height: 110px;
	background-image: url(images/button-sprite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
ul#menutop li:hover {
	float: left;
	height: 110px;
	background-image: url(images/button-sprite.gif);
	background-repeat: no-repeat;
	background-position: left -120px;
	}
ul#menutop li a, ul#menutop li.currentpage h3 {
	width: 95px; /* 110px wide */
	height: 70px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 40px 0 0 15px;
	text-decoration: none;
}
ul#menutop li.currentpage h3 {
	color: white;
	line-height: 18px;
}
ul#menutop li a:hover {
	color: black;
}
ul#menutop li a:active {
	color: white;
}
ul#menutop li:active {
	float: left;
	height: 110px;
	background-image: url(images/button-sprite.gif);
	background-repeat: no-repeat;
	background-position: left -240px;
	}
ul#menutop li.activeparent, ul#menutop li.currentpage {
	color: white;
	background-image: url(images/button-sprite.gif);
	background-repeat: no-repeat;
	background-position: left -240px;
}
ul#menutop li.activeparent a.activeparent {
	background-image:none;
	color: white;
	}
	
#main {
	margin-top: 52px;
}
	
#content {
	clear: both;
}
#content a:hover {
	color: #005BBB;
}

#sidebar {
	padding-top: 35px;
}

#home #sidebar {
	
}

/* TYPOGRAPHY */
h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 18px 0;
}

#content h1 {
	border-bottom:1px solid #999999;
	line-height:35px;
	margin-bottom:17px;
	}
	
h2 {
	color:#005BBB;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding-bottom:9px;
	padding-top:9px;
	}

h3  {
	line-height: 18px;
	font-weight: bold;
	}
	
h4, h5, h6 {
	line-height: 18px;
	}
	
p {
	margin: 0 0 18px 0;
}

#content ul, #content ol {
	margin: 0 0 18px 15px;
	
}
#content ul li {
	list-style-position: outside;
}

#content a {
	text-decoration: none;
	color: #005BBB;
}

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

/* ECOMMERCE TABLE */
#ecomtbl {
	border-spacing: 2px;
	}
#ecomtbl td, #ecomtbl th {
	padding: 5px;
	vertical-align: top;
	line-height: 18px;
	font-size:11px;
}

/* QUOTE TABLE */
#tblquote {
	border: 1px solid #CCCCCC;
	margin-bottom: 18px;
	border-spacing: 2px;
}
#tblquote td, #tblquote th {
	padding: 5px ;
	line-height: 18px;
}
#tblquote  th {
	text-align: left;
	background-color: #eaeaea;
}
#tblquote  th.pad {
	padding-top: 10px;
	padding-bottom: 10px;
}
#question1 {
	padding-bottom:2px;
vertical-align:middle;
}
#budgetnote {
	padding: 10px 5px 0 5px;
	}
#budgetnote p {
	margin: 0 0 4px 0;
	}
#tblquote textarea {
	width: 457px;
	height: 90px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	}

select {
	height: 20px;
	}
input:focus, textarea:focus {
	background-color: #e5eef8;
}

input[type="checkbox"], input[type="radio"]
{
    width: 15px;
    height: 15px;
    float: left;
	display: block;
}

input[type="checkbox"] + label, input[type="radio"] + label
{
    float: left;
    padding-top: 1px;
	padding-right: 15px;
	padding-left: 2px;
	display: block;
}

input.text, input.title, textarea, select {
	border:1px solid #bbb;
	margin: 0;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	padding:5px;
}

.peekaboo {
	display: none;
	}
	
.error {
	background-color: mistyrose;
	}
label.error {
	background-color:transparent;
	}
#form1 label.error {
  background:url("images/form-icons.gif") no-repeat 0 -30px;
  margin-left: 4px;
  padding-top: 2px;
  padding-left: 22px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #ff6600;
  
}

#form1 label.checked {
	position: relative;
	background-image: url(images/form-icons.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#form1 textarea + label {
	display: block;
	margin-top: 4px;
	margin-left: 0;
}

#form1 label label.error {
	margin-left: 10px;
}

/* END TYPOGRAPHY */

hr {
	background: #999999 none repeat scroll 0 0;
	border:medium none;
	clear:both;
	color:#999999;
	float:none;
	height:1px;
	margin:0 0 17px;
	width:100%;
}

img.largebutton {
	margin: 9px 12px;
}
p.buttonsleft img.largebutton {
	margin-left: 0;
}

img.portfolio235 {
	float:right;
	margin-left: 15px;
	margin-bottom:12px;
}
	
#footer {
	font-size: 11px;
	width: 100%;
	float:left;
	clear: both;
	margin-top: 27px;
}
#footer img {
	vertical-align: top;
}

#flashfolio {
	margin: 0;
}

#rbot {
	text-align: center;
	}
	
.rbotflash {
	margin: 36px 0;
        display: block;
	}
	
#quotes {
	text-align: left;
	margin-left: -20px;
	}
	
#quotes blockquote {
	margin-left: 0;
}

#quotes blockquote p {
	margin-left: 50px;
}

#quotes blockquote p.speaker {
	height: 86px;
	}

/* FEED Styling */
/* begin styles for RSS Feed */
#feedburner {
	margin-top: 0;
}
#feedburner h3 {
	color: #444444;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding-top: 3px;
	text-transform: uppercase;
	border-top: 1px solid #999999;
}
#feedburner ul {
	margin: 0 ;
}
/* Feedburner buzz */
.feedburnerFeedBlock {
	font-size:11px;
	margin: 0;
}
.feedburnerFeedBlock ul {
	list-style-type: none;
	line-height: 18px;
}
.feedburnerFeedBlock ul li {
	margin-bottom:18px;
}
.feedburnerFeedBlock ul li a:link, .feedburnerFeedBlock ul li a:visited {
	font-weight: bold;
	color: #777777;
}
.feedburnerFeedBlock ul li a:hover {
	color: #005BBB;
}
#creditfooter {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#rsslinkblock {
	margin: 15px 0 18px 0;
}
#rsslinkblock img {
	float:left;
	margin: 0 5px 0 0;
}
#rsslinkblock a {
	color: #444444;
	font-size: 11px;
	text-decoration: none;
}
#rsslinkblock a:hover {
	text-decoration: underline;
}
/* /Feedburner buzz */

#footerwrapper {
	margin-top: 33px;
	}

#breadcrumbs {
	width: 735px;
	float:left;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 3px;
	font-size: 11px;
}
#breadcrumbs a {
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#search {
	width:235px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 7px;
}
#search input {
	width:60px;
}
#search #cntnt01searchinput {
	width:155px;
	margin-right:5px;
}


/* relational links under content */

div.rellinksleft, div.rellinksright {
	border-top: 1px solid #999999;
	padding-top: 3px;
}
div.rellinksleft {
	float: left;
	margin-bottom: 35px;
	width: 80%;  /* 50% for both left and right might lead to rounding error on some browser */
	font-size: 11px;
}
div.rellinksright {
	float: right;
	width: 20%;
	text-align: right;
	font-size: 11px;
	clear: both;
}
div.rellinksleft a, div.rellinksright a {
	text-decoration: none;
}
div.rellinksleft a:hover, div.rellinksright a:hover {
	text-decoration: underline;
}
.spancol4 .rellinksleft {
	margin-left: 15px;
	}

/* Blockquotes */

blockquote {
	background-image: url(images/quote-left.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	color: black;
	margin-left: -50px;
}
blockquote p {
	padding-left: 50px;
	width: 420px;
	font-style: italic;
	line-height: 18px;
}
blockquote p.speaker {
	background-image: url(images/quote-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* HOME QUOTES */

#quotes blockquote p {
	padding-left: 0;
	margin-bottom: 9px;
	width: 200px;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
}
#quotes blockquote p.speaker {
	background-image: url(images/quote-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;
}
/* / HOME QUOTES */

/* LINKS PAGES */
#links td, #links th {
	vertical-align: top;
}

/* GENERIC TWEAKS */
.clearfloat {
	overflow: hidden;
	width: 100%;
}
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
/********************
	VERTICAL MENU
*********************/
#menu_vert, #menu_vert li ul {
   padding-left: 0;
   margin-left: 0;
   margin-right: 0;
}

#menu_vert {
   margin-bottom: 17px;
  /* border-bottom: 1px solid #999999;*/
}

#home #menu_vert {
	margin-top: 13px;
	}

#menu_vert ul#secondlevel {
	 border-bottom: 1px solid #999999;
	}

		
/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {

}

/* menu li block */
#menu_vert li {
   list-style: none;
   display: block;
}

/* these are the actual top level links for split menu ie it starts at Level 2 */
#menu_vert ul ul li {
	border-top: 1px solid #999999;
}

#menu_vert ul ul ul li {
	border-bottom: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 8px 0 9px 0 ; /* some air for it */
   background: url(images/cms/arrow-right-tiars.gif) no-repeat left center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   font-weight: bold;
   font-size: 14px;
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   padding-left: 18px;
   background-position: left center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding-left: 36px;
   background: url(images/cms/dash.gif) no-repeat 18px center; 
}

/* third level links, more padding */
div#menu_vert ul ul ul ul a {
   padding-left: 54px;
   background: url(images/cms/dash.gif) no-repeat 36px center; 
}

/* hover state for all links */
div#menu_vert a:hover {
	color: #005bbb;
	background-image: url(images/cms/arrow-right-active-tiars.gif);
}
div#menu_vert a.activeparent:hover {

}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down-tiars.gif) no-repeat 36px center; 
  
}

div#menu_vert ul ul li a.activeparent {
   background-position: left center; 
   background-color: transparent;
}


div#menu_vert ul ul ul li a.activeparent {
   background-position: 18px center; 
   background-color: transparent;  
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background: url(images/cms/arrow-right-active-tiars.gif) no-repeat left center;
   display: block; 
   padding: 8px 0 9px 27px;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 14px;                           /* instead of the normal font size for <h3> */
   font-weight:bold;
   min-height: 18px;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   padding-left: 18px;
   background-position: left center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding-left: 36px;
   background: url(images/cms/arrow-right-active-tiars.gif) no-repeat 18px center; 
}

/* current page on fourth level, more padding */
div#menu_vert ul ul ul ul h3 {
   padding-left: 54px;
   background: url(images/cms/arrow-right-active-tiars.gif) no-repeat 36px center; 
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-weight: bold;
   padding: 0;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/********************
	END VERTICAL MENU
*********************/
/* End of 'tiars-styles' */