/* CSS Document */

/*	Author:				Jason Croatto
	E-mail:				jason@ottaorc.com
	Web:				www.ottaorc.com
	Started:			December 15, 2005
	For:				SmallWorld IFT
	Version:			3
	Design:				Tarrer Pace
	Implementation:		Jason Croatto
	
*/


/* DEFAULTS */
body {
	margin: 0px;
	padding: 0px;
	background-color: #155882;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/siteBox/gradient_bkg.png);
	background-repeat: repeat-x;
}
p {
	font-size: 12px;
	color: #000000;
}
h2, h1 {
	font-size: 16px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #155882;
}
h3 {
	font-size: 12px;
	margin: 0 0 0 0;
	color: #155882;
}





/* USUAL BODY */
#site_container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}





/* OPENER */
#open_top {
	position:relative;
	height:auto;
	width: 760px;
	background-image: url(../images/siteBox/general_top.png);
	background-repeat:no-repeat;

}
#open_middle {
	position: relative;
	height: 400px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/siteBox/general_bkg.png);
	background-repeat:repeat-x repeat-y;

}
#open_middle .openitem_t {
	position: absolute;
	height: 16px;
	left: 88px;
	top: 32px;
	text-align: center;
	width: 500px;
}
#open_middle .openitem_m {
	position: absolute;
	height: 220px;
	top: 79px;
	left: 207px;
	text-align: center;

}
#open_middle .openitem_b {
	position: absolute;
	height: auto;
	left: 186px;
	top: 320px;
	text-align: center;
}




/* HEADER */
#site_top {
	width: 760px;
	height: 160px;
	margin: 0 auto;
	background-image: url(../images/siteBox/general_bkg.png);
	background-repeat:repeat-x repeat-y;
}
#site_top .site_header {
	position: relative;
	background-image: url(../images/siteBox/general_bkg.png);
	background-repeat:repeat-x repeat-y;
}
#site_top .top {
	position: absolute;
	width: 760px;
	height: 26px;
	top: 0px;
	background-image: url(../images/siteBox/general_top.png);
	background-repeat: no-repeat;
}
#site_top .site_header .logo {
	position: absolute;
	height: 119px;
	width: 194px;
	left: 20px;
	top: 20px;
	background-image: url(../images/logo.png);	
}
#site_top .site_header .menu {
	position: absolute;
	width: 676px;
	top: 112px;
	left: 260px;
	background-image: url(../images/background.png);
	height: 16px;
}



/* MIDDLE */
#body_middle {
	position: relative;
	height: 300px;
	background-color: #FFFFFF;
	border: 1px solid #155882;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#body_middle .news {
	position: absolute;
	width: 300px;
	left: 2px;
	padding: 0px 0px 0px 0px;;
	height: 280px;
	overflow: auto;
	/* 	border: 1px dotted #155882; */
	text-align: left;
	margin:20px 10px 0px 10px;
}

#body_middle .what_text {
	position: absolute;
	width: 400px;
	left: 320px;
	padding: 10px;
	overflow: auto;
	height: 200px;/*	border: 1px dotted #155882; */
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#body_middle .what_text p {
	font-size: 14px;
}
#body_middle .headshot {
	position: absolute;
	width: 151px;
	left: 20px;
	margin: 35px 0;
	height: 206px;
}
#body_middle .about_text {
	position: absolute;
	width: 519px;
	left: 191px;
	padding: 0px 10px 10px 10px;
	overflow: auto;
	height: 240px;
	margin: 10px 0;
/*	border: 1px dotted #155882; */
}
#body_middle .client_text {
	position: absolute;
	width: 700px;
	left: 20px;
	padding: 10px;
	overflow: auto;
	height: 240px;
	margin: 20px 0;/*	border: 1px dotted #155882; */
}
#body_middle .release_text {
	position: absolute;
	width: 700px;
	left: 20px;
	padding: 10px;
	overflow: auto;
	height: 200px;
	margin: 20px 0;
/*	border: 1px dotted #155882; */
}
#body_middle .address {
	position: absolute;
	width: 151px;
	left: 20px;
	margin: 20px 0;
	height: 206px;
	font-size: 10px;
	color: #000000;
}
#body_middle .contact_text {
	position: absolute;
	width: 519px;
	left: 191px;
	overflow: hidden;
	height: 218px;
	margin: 20px 0;
}
.input_tag {
	font-size: 12px;
	font-weight: bold;
	color: #155882;
	text-decoration: none;
	width: 75px;
	text-align: right;
	float: left;
	margin: 3px 0 0 0;
}
.input_field {
	border: solid 1px #155882;
	margin: 3px 3px 0 0;
}
.input_button {
	border: solid 1px #3399CC;
	background-color:#FFFFFF;
	margin: 3px 3px 0 0;
}

#body_middle .formats {
	height: 260px;
	width: 695px;
}
#body_middle .formats img {
	margin-right: 20px;
	display: inline;
	float: left;
}
#body_middle .format_content {
	position: absolute;
	width: 720px;
	overflow: auto;
	height: 232px;
	margin: 8px 20px 0px 20px;
}
#body_middle .distribution {
	height: 220px;
	width: 600px;
}
#body_middle .distribution img {
	margin-right: 20px;
	margin-top:10px;
	display: inline;
	float: left;
}
#body_middle .distribution_content {
	position: absolute;
	width: 720px;
	overflow: auto;
	height: 260px;
	margin: 0px 20px;
}


/* FOR INDIVIDUAL FORMAT SITES */
#body_middle_single {
	position: relative;
	height: 260px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #155882;
	border-left-color: #155882;
	border-left-width: 1px;
	width: 760px;
}
#body_middle_single .format_content_single {
	position: relative;
	width: 740px;
	height: 260px;
}
#body_middle_single .format_content_single .clip {
	position: absolute;
	padding: 2px 20px;
	text-align: center;
/*	background-image: url(../images/general_bkg.png);
	background-repeat: repeat; */
}
#body_middle_single .format_content_single .info {
	position: absolute;
	left: 364px;
	height: 200px;
/*	border: 1px dotted #155882; */
	width: 330px;
	overflow: auto;
	padding: 10px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#body_middle #click_img {
	height: 15px;
	left: 20px;
	padding-top: 5px;
	padding-left: 20px;
}


/* -- -- IE IFXES -- -- */
/* -- -- Pulled from http://realdev1.realise.com/rossa/rendertest/quicktime.html -- -- */
* html object.mov {
    display: none;
}

/* BOTTOM */
#site_bottom {
display:block;
float:left;
}
#site_bottom .site_footer {
}


/* THIS IS TO CENTER EVERYTHING VERTICALLY */
#site_outer { overflow: hidden; margin: 200px auto; height:580px;}
#site_outer {display: table; position: static;}

#site_middle {position: absolute; top: 50%;} /* for explorer only*/
#site_middle {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
#inner {position: static;}

 body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */



#site_outer #site_middle #site_container #body_middle_single .format_content_single .info p {
	padding: 0px;
	margin-top: 10px;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
#qt_badge {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
}
#qt_badge img {
	padding-right: 10px;
}
#table_left {
	vertical-align: top;
	display: table-column;
	text-align: left;
	width: 210px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 30px;
}
#table_right {
	text-align: left;
	vertical-align: top;
	display: table-column;
	float: left;
	width: 420px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#table_row {
	width: 760px;
	display: table-row;
}
.dateHighlight {
	text-transform: capitalize;
	color: #00507D;
	font-weight: bolder;
}


UL.menuList
{
	color: #EFEFEF;
	font-size: 12px;
	list-style-type: none;
	display: inline;
	float:left;
	margin:0px;
	padding: 0px;
	width:100%;
}

UL.menuList LI.ListfloatR
{
color: #EFEFEF;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin-left:5px;
}
UL.menuList LI.menuListItems
{
color: #EFEFEF;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin-left:5px;
}

UL.menuList LI.menuSelected
{
	color:#F0AB4F;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin-left:5px;
	margin-right:0px;
	text-decoration:none;
	font-weight:bold;
}
LI:hover.menuSelected
{
	cursor:default;
}
A:link.menuLink, A:active.menuLink, A:visited.menuLink
{
	font-size: 12px;
	color: #EFEFEF;
	text-decoration:none;
	margin-right:5px;
}
A:hover.menuLink 
{
	font-size: 12px;
	color: #CCCCCC;
	text-decoration:none;
}

SPAN.menuList
{
	display:inline;
	font-weight:normal;
	margin-left:5px;
	text-decoration:none;
	color:#FFFFFF;
}


/* ************** NEWS CSS **************** */


.newsScrollHolder
{
	height: 260px;
	overflow:auto;
	margin: 0px 0px 0px 0px;
	padding:0px;
	width:300px;
}
.itemContainer
{
	clear:both;
	display:block;
	width:280px;
	margin: 10px 0px 0px 0px;
	padding:0px;

}
.itemPubDate
{
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-transform: uppercase;
	color: #00507D;
	font-weight: bolder;	
}
.itemTitle
{
	display:inline;
	float:right;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	font-variant:small-caps;
}
.itemDesc
{
	clear:both;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	margin-top:2px;
}
.itemLink
{
	clear:both;
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
	margin:0px;
	margin-bottom:10px;
	padding:0px
}

#body_middle .formatItem_content {
	position: absolute;
	width: 720px;
	overflow: hidden;
	height: 300px;
	margin: 0px 20px;
}
.imgColCss
{
	width:200px;
	height:290px;
	vertical-align:middle;
}

.bodyColCss
{
	padding: 0px 0px 0px 35px;
	width:450px;
	height:290px;
	vertical-align:middle;
}

.formatInfoBody
{

	margin: 10px 0px 0px 0px;
}

.linkImage
{
	margin: 0px 0px 4px 0px;
}

.soldin
{
	padding:0px 2px;
	font-size: 11px;
	color: #155882;
	font-weight:bold;
	text-align:center;
}

.imgAdj
{
	padding-left:20px;
}