@charset "utf-8";


/* ------------------------------------------ Branding */




#interior h1 a{
	background: transparent url("images/Room40Communications.gif") 0 0 no-repeat;
	height: 72px;
	width: 290px;
	margin:1.4em 0 1.5em 0;
	padding:0;
	display:block;
}



#interior #work{
	background: transparent url("images/mediatraining.swf") 0 0 no-repeat;
	height: 320px;
	width: 940px;
	margin:1.4em 0 2em 0;
	padding:0;
}




/* ------------------------------------------ Hide */
	span.hide {
		display:none;
	}
	
	
/* ------------------------------------------ Navigation */



div ul#nav {
list-style-type:none;
position: relative;
margin:14em 0 0 0;
padding:0;
float: left;
width: 5em;
}

#interior div ul#nav{
list-style-type:none;
position: relative;
margin:2em 0 0 0;
padding:0;
width: 5em;
float: left;
}

div ul#nav li {
display:block;
margin:0;
padding:0;
float: left;
}

div ul#nav li a {
border-bottom:medium none;
cursor:pointer;
float:left;
margin:0;
padding: .2em 0 .2em .1em;
font-size: 1.3em;
color: #999999;
}

div ul#nav li a:hover, div ul#nav li a:focus {
	color: #000;
	text-align: left;
}

div ul#nav li.current a{
color: #000;
}



/* ------------------------------------------ Navigation 2 */



div ul#nav2 {
list-style-type:none;
position: relative;
margin:14em 0 0 0;
padding:0;
float: left;
width: 5em;
}

#interior div ul#nav2{
list-style-type:none;
position: relative;
margin:0em 0 0 0;
padding:0;
width: 5em;
float: left;
}

div ul#nav2 li {
display:block;
margin:0;
padding:0;
float: left;
}

div ul#nav2 li a {
border-bottom:medium none;
cursor:pointer;
float:left;
margin:0;
padding: .2em 0 .2em .1em;
font-size: 1.3em;
color: #CCC;
}

div ul#nav2 li a:hover, div ul#nav li a:focus {
	color: #000;
	text-align: left;
}

div ul#nav li.current a{
color: #000;
}



/* ------------------------------------------ Footer 252122 */

#footerwrap {
	margin: 5em 0 0 0;
	background-color: #252122;
	padding:0;
    border-bottom: #252122 solid 30px;
}

#footer {
	padding: 3em 0 1em 0;
	margin: 0 auto;
	width: 960px;
	}
	
#footer h4 {
		font-weight: normal;
		font-size: 1.5em;
		color: #fff;
		margin-bottom: .5em;
}

#footer h3 {
	font-weight: normal;
	font-size: 1.2em;
	color: #999;
	margin-bottom: .5em;
	}

#footer p {
	color: #BBB;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 1em;
	}
	
#footer p span{
	color: #BBB;
	font-size: .8em;
	line-height: 1.4em;
}
	
#footer a img{
		border: 1px solid #CCC;
		margin-top: .5em;
	}
	
#footer .thumbs a img{
		margin-top: 1em;
}

	
#footer a:hover img,#footer a:focus img{
		border-color: #23aae1;
		}
	
#footer ul li{
	border-bottom:1px dotted #666;
	padding: .5em 1em;
	font-size: 1em;
	}
	
#footer a{
	color: #CCC;
	}

#footer a:hover,#footer a:focus{
	color: #23aae1;
	}
	
#footer div.copyright {
	border-top: 1px solid #444;
	padding: .5em 0 0 0;
	margin: 1em 0 0 0;
}	
	

#footer div.copyright p{
	color: #666;
	font-size: .7em;
	text-transform: uppercase;
}

#footer div.copyright a{
	color: #888;
}

#footer div.copyright p.right{
	text-align: right;
}
	

/* ------------------------------------------ Self-Clearing Floats*/
	
#footerwrap:after, #footer:after, .carousel:after, .folio:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}




/* ------------------------------------------ Content */

#content ul li{
	border-bottom:1px dotted #888888;
	padding: .75em 0;
}

#content ul li.top{
padding-top: 0;
}

#content ul li a{
      text-decoration: none;
}


/* ------------------------------------------ Folio */

.folio {
padding: 0;
margin: 4em 0 0 0;
}

.folio a{
border-bottom:medium none;
}

.folio h3{
font-size: 1.2em;
margin: .15em 0 .55em ;
font-weight: normal;
}

.folio h4{
text-transform: uppercase;
color: #BBB;
font-weight: normal;
font-size:0.81em;
letter-spacing: 2.6pt;
margin-bottom:1em;
}

.folio p.description{
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: .5em 0;
margin: 0 0 1em 0;
line-height: 1.5em;
font-size: .9em;
color: #666;
}

.folio a span.launch {
margin: 0;
padding: 0 12px 0 0;
background: transparent url("images/launchicon.png") no-repeat scroll top right ;
}

a.group img {
border: 1px solid #fff;
margin-bottom: .5em;
}

a:hover.group img {
border: 1px solid #23aae1;
}

/* ------------------------------------------ SenCSS 0.6 */




#sub_header {
	width:100%;
	height:304px;
	background-image:url(images/center-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#59bcd7;
	clear:both;
	position: relative;
margin:0 0 0 0;
padding:0;
float: center;
	
}
#sub_header_image {
	width:100%;
	height:304px;
	background-image:url(images/blue-image.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#sub_header_container {
	width:824px;
	margin:0 auto 0 auto;
	padding:95px 0 0 0;
}
#sub_header_header {
	margin:0 auto 0 auto;
	text-align:center;
	display:block;
	
}




html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;vertical-align:baseline;
	}

body{
	border-top: #252122 solid 5px;
	color:#444;
	padding: 0;
	margin: 0;
	font:82%/1.5em Georgia,Palatino,"Palatino Linotype",serif;
	position:relative;
		color: #3f5058;
	background: #eceeed url("images/bg.jpg") repeat left top;      
	}
	
textarea{
	font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif
	}
	
blockquote,q{
	quotes:none
	}
	
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
	}
	
:focus{
	outline: none;
	}
	
a{
	color: #333;
	text-decoration: none;
	}
	
a:hover,a:focus{
	color: #23aae1;
	}
	
abbr,acronym{
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps
	}
	
address,cite,em,i{
	font-style:italic
	}
	
blockquote p{
	margin:0 1.5em 1.5em;
	padding:0.75em
	}
	
code,kbd,tt{
	font-family:"Courier New", Courier, monospace;line-height:1em;
	}
	
del{
	text-decoration:line-through;
	}

dfn{
	border-bottom:1px dashed;
	font-style:italic
	}
	
dl{
	margin:0 0 1.5em;
	}
	
dt{
	font-weight:700;
}

dd{
	padding-left:1.5em;
}

h1{
	font-size:2em;
	font-weight:700;
	margin:0 0 0.75em
}
	
h2{
	font-family:Georgia,Palatino,"Palatino Linotype",serif;
font-size:2.4em;
font-weight:normal;
margin-bottom:0.1em;
line-height: 1.3em;
}
	
h3{
	font-family:Georgia,Palatino,"Palatino Linotype",serif;
font-size:1.9em;
font-weight:normal;
line-height: 1.3em;

}


div #content {
margin-top: 2em;
}

div #content h3{
font-size: 1.6em;
font-weight: normal;
}

	
h4{
	font-size:1em;
	margin:0 0 .5em
}
	
h5{
	font-size:0.8333em;
	margin:0 0 1.8em
}

h6{
	font-size:0.666em;
	margin:0 0 .5em
}

img{
	display:inline-block;
	vertical-align:bottom
}

ins{
text-decoration:overline}

ol{
list-style:inside decimal}

p{
	margin:0 0 1.5em;
	text-align: left;
}

pre{
font-family:"Courier New", Courier, monospace;margin:0 0 1.5em}

sub{
top:0.4em;font-size:0.85em;line-height:1;position:relative;vertical-align:baseline}

sup{
font-size:0.85em;line-height:1;position:relative;bottom:0.5em;vertical-align:baseline}

strong,b{
font-weight:700}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul,ol{
margin:0 0 1.5em;padding:0}

li ul,li ol{
margin:0}

li li{
padding-left:1.5em}

table{
border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0;}

caption{
font-style:italic;text-align:left}

tr.alt td{
background:#eee}

td{
border:1px solid #fffff;padding:0.333em;vertical-align:top}

th{
font-weight:700;padding:0.333em;vertical-align:middle}


/* ------------------------------------------ Forms */

#contact label{
float: left;
}

html body form#contact input, html body form#contact textarea{
margin: 1em 0 1.5em 0;
float: left;
}

#contact label, #comment_form label{
font-weight: normal;
}

#contact span.requiredfield, #comment_form span.requiredfield{
color: #CCCCCC;
padding: 1em 0 0 0;
}

.commentform label.error, form#contact label.error{
font-size: .85em;
color: red;
margin-bottom: 2em;
} 

html body div #comment_form .commentform input#sendit,
html body form#contact input#sendit{
background-color: #333;
border: medium none;
vertical-align: middle;
color: #fff;
margin: 1em 0 0 0;
padding: 0;
font-size: 1.2em;
font-family: Georgia,Palatino,"Palatino Linotype",serif;
width: 106px;
height: 40px;
cursor: pointer;
line-height: 1.3em;

}

label em {
color: red;
}

form button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:0.8em 0 0;padding:0 0.5em}
form fieldset{border:0;margin:0 0 1.5em;position:relative;padding:1.5em 0 0}
form fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
form input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;line-height:1.5em;padding:0.29em 0;width:100%;margin:.25em 0 0.75em}
form input[type=file]{height:2.25em;padding:0}
form textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;margin:0;padding:0.29em 0;width:100%}
form select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;margin:0 0 0.75em;padding:0.2em 0 0}
form optgroup {font-weight:700;font-style:normal;text-indent:0.2em}
form optgroup + optgroup {margin-top:1em}
form option{font-size:1em;height:1.5em;padding:0;text-indent:1em}
form label{cursor:pointer;display:block;height:1em;line-height:1.4em;margin:0;padding:0;width:100%}
form label input{background:0;border:0;height:1em;line-height:1.5em;margin:0 0.5em 0 0;padding:0;width:auto}
form legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}

