/* 
Title:		http://www.avtechnik.com/ screen styles
Author: 	gordon@slickfishstudios.com
*/

html, body, table { 
	height: 100%;
	width: 100%; 
	margin: 0; 
	padding: 0;

	font-size: small;
	font-family: Gill Sans, "Gill Sans MT", Helvetica, Verdana, sans-serif;
	color: #666;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

object {
	outline: none;
}

body {
	background: #000 url(../images/av-bkg.jpg) repeat center center;
}

body#about #container {
	background: url(../images/av-inside-about-bkg.jpg) no-repeat left top;
}
body#design #container {
	background: url(../images/av-inside-design-bkg.jpg) no-repeat left top;
}
body#rentals #container {
	background: url(../images/av-inside-rentals-bkg.jpg) no-repeat left top;
}
body#media #container {
	background: url(../images/av-inside-media-bkg.jpg) no-repeat left top;
}
body#clients #container {
	background: url(../images/av-inside-clients-bkg.jpg) no-repeat left top;
}
body#customer #container {
	background: url(../images/av-inside-customer-bkg.jpg) no-repeat left top;
}
body#contact #container {
	background: url(../images/av-inside-contact-bkg.jpg) no-repeat left top;
}

td {vertical-align: middle;}

a:link, a:hover, a:visited, a:active {
	outline: none;
}
a.special {
	font-weight: bold; 
	color: #ececec;
	text-decoration: none;
	font-size: 11px;
}
a.special:hover {
	text-decoration: none;
	color: #fff;
	background: url(../images/spek-blue.png);
}


/* ***************//*************** */

#no-flash-home {
	background: url(../images/av-no-flash-home-bkg.jpg) no-repeat left top;
	width: 950px;
	height: 580px;
}

.no-flash-link {
	padding: 25px 0 0 15px; 
	background: url(../images/av-no-flash-dark.png) no-repeat left 17px; 
	height: 115px;
}



/* ***************WRAPPERS*************** */
/* wrapper etc */
#wrapper { 
	margin: 0 auto;
	padding-top: 8px;
	width: 1000px;
	background: url(../images/shadow-full-opacity.png) no-repeat left top;
}
#wrapper-inner { 
	margin: 0 auto;
	padding: 0;
	width: 950px;
	border: 0;
}
#container {
	width: 950px;
	height: 580px;
}



#banner {
	width: 950px;
	height: 140px;
}

/* *************** #leftCol *************** */
#leftCol, #leftColShort {
	width: 211px;
	height: 580px;
	float: left;
	padding: 0;
	margin: 0;
}
#leftColShort {
	height: 140px;
}
#avlogo {
	width: 211px;
	height: 140px;
	padding: 0;
	margin: 0;
}
#avsubnav, #avsubnav-long, #controller {
	width: 211px;
	height: 180px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#avsubnav-long, #controller {
	height: 400px;
}
ul#subnav {
	font-size: 11px; 
	list-style-type: disc;
	margin: 0;
	padding: 0;
}
ul#subnav li,
ul#subnav li.header  {
	color: #2a387d; /* dark blue */
	padding: 2px 0;
	margin: 0 0 0 23px;
}
ul#subnav li.header {
	color: #fff;
	padding: 2px 0 0 0;
	margin: 0;
	list-style-type: none;
}
ul#subnav li.header a,
ul#subnav li.header a.jFlowSelected,
ul#subnav li.header span.jFlowSelected,
ul#subnav li.header span.jFlowControl  
{
	color: #fff;
	text-decoration: none;
	background: url(../images/subnav-header-bkg.gif) no-repeat left top;
	overflow: hidden;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	font-weight: bold;
	width: 211px;
	display: block;
	margin-bottom: 3px;
	padding-left: 8px;
}
ul#subnav li.header a:hover,
ul#subnav li.header a.jFlowSelected:hover,
ul#subnav li.header span.jFlowSelected:hover,
ul#subnav li.header span.jFlowControl:hover  
{
	color: #fff;
	text-decoration: none;
	background: url(../images/subnav-header-bkg.gif) no-repeat left -23px;
}

ul#subnav li a,
ul#subnav li span.jFlowControl
{
	color: #cdcdcd; /* light gray */
	text-decoration: none;
	line-height: normal;
}
ul#subnav li a:hover,
ul#subnav li span.jFlowControl:hover
{
	color: #fff; /* white */
	text-decoration: none;
}
ul#subnav li.current,
ul#subnav li .jFlowSelected,
ul#subnav li.header a.jFlowSelected,
ul#subnav li.header span.jFlowSelected,
ul#subnav li.header span.jFlowControl  
{
	font-weight: bold;
	color: #fff;
}
ul#subnav li.current a,
ul#subnav li a.jFlowSelected,
ul#subnav li span.jFlowSelected 
{
	color: #2a387d; /* dark blue */
	text-decoration: none;
	font-size: 11px;
	background: url(../images/spek.png);
}
ul#subnav li.current a:hover,
ul#subnav li a.jFlowSelected:hover,
ul#subnav li span.jFlowSelected:hover 
{
	color: #fff;
	text-decoration: none;
	background: url(../images/spek-blue.png);
}

ul#subnav li.header a.jFlowSelected,
ul#subnav li.header span.jFlowSelected,
ul#subnav li.header span.jFlowControl 
{
	color: #fff;
}
ul#subnav li.header a.jFlowSelected:hover,
ul#subnav li.header span.jFlowSelected:hover,
ul#subnav li.header span.jFlowControl:hover  
{
	color: #fff;
} 

#avblurb, #avblurb.dark {
	width: 211px;
	height: 260px;
	padding: 0;
	margin: 0;
	overflow: auto;
}
#avblurb.dark {
	background: url(../images/avblurb-bkg.png) no-repeat left top;
}
#avblurb p, #avblurb p.small {
	font-size: 12px;
	color: #ccc;
	font-weight: normal;
	line-height: normal;
	padding: 10px 10px;
	margin: 0;
}
#avblurb p.small {
	font-size: 11px;
}
/* *************** #rightCol *************** */
#rightCol,
#rightColShort {
	width: 739px;
	height: 580px;
	float: left;
	padding: 0;
	margin: 0;	
}
#rightColShort {
	height: 140px;
}
#rightbanner {
	width: 739px;
	height: 140px;
	padding: 0;
	margin: 0;
}
#bigmain,
#rightmain,
#centermain
{
	width: 950px;
	height: 440px;
	padding: 5px 0 0 0;
	margin: 0;
}
#rightmain,
#centermain {
	width: 739px;
}
#centermain {
	margin: 30px auto 0 auto;
}
#bigmain #bottom-round,
#rightmain #bottom-round,
#rightmain .bottom-round,
#centermain #bottom-round
{
	width: 930px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	background: url(../images/bottom-round-930-bkg.png) no-repeat left bottom;
}
#rightmain #bottom-round,
#rightmain .bottom-round,
#centermain #bottom-round
{
	width: 685px;
	background: url(../images/bottom-round-bkg.png) no-repeat left bottom;
}
#bigmain #top-round,
#rightmain #top-round,
#rightmain .top-round,
#centermain #top-round {
	width: 930px;
	background: url(../images/top-round-930-bkg.png) no-repeat left top;	
	padding: 10px 0 10px 0;
	margin: 0 auto;
}
#rightmain #top-round,
#rightmain .top-round,
#centermain #top-round {
	width: 685px;
	background: url(../images/top-round-bkg.png) no-repeat left top;
	padding-bottom: 0;
}
#bigmain .para { /* scrolling para */
	width: 900px;
	height: 335px;
	display: block;
	overflow: auto;
	padding: 0;
	margin: 0 0 0 20px;
	color: #ccc;
	font-size: 14px;
	line-height: 135%;
}
#bigmain .para .format,
#centermain .format { 
	padding: 10px 15px 0 0;
	margin: 0;
	display: block;
}
#centermain .format { 
	padding: 10px 15px;
}
#bigmain .header1,
#bigmain h1,
#rightmain h1,
#centermain h1 {
	padding: 0 20px;
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
#bigmain .header1 {
	display: block;
}
#bigmain hr,
#rightmain hr,
#centermain hr {
	color: #2a335c;
	background-color: #2a335c;
	height: 1px;
	border: none;
	padding: 0 0;
	margin: 7px 20px;
}
#bigmain hr {
	margin: 7px 20px 0 20px;
}
#bigmain p,
#rightmain p,
#centermain p {
	padding: 0 20px;
	margin: 0;
	color: #ccc;
	font-size: 14px;
	line-height: 150%;
}
#bigmain ul,
#rightmain ul,
#centermain ul {
	font-size: 14px; 
	list-style-type: disc;
	margin: 10px 0 0 60px;
	padding: 0 0 20px 0;
}
#bigmain ul li,
#rightmain ul li,
#centermain ul li  {
	color: #2a387d; /* dark blue */
	padding: 4px 0;
	margin: 0 0 0 23px;
}
#bigmain ul li a,
#rightmain ul li a,
#centermain ul li a,
#centermain a,
#bigmain ul li p,
#centermain ul li p  {
	color: #ededed; /* light gray */
	text-decoration: none;
	line-height: normal;
}
#centermain a {
	color: #ababab; /* light gray */
}
#bigmain ul li p  {
	padding: 0;
	margin: 0;
}
#bigmain ul li a:hover,
#rightmain ul li a:hover,
#centermain ul li a:hover,
#centermain a:hover
{
	color: #fff; /* white */
	text-decoration: none;
	border-bottom: 1px dotted #5261ad; /* dark blue */
}
.lighter {
	color: #ababab;
}
.small {
	font-size: .90em;
	line-height: normal;
	display: block;	
	margin: 10px 20px 0 0px;
	padding-bottom: 20px;
	text-align: right;
}
.gray {
	color: #898989;
}

/* *************** links, info footers *************** */
#links {
	width: 950px;
	height: 20px;
	line-height: 20px;
	font-size: 11px; 
	color: #454545;
	background: #000;
	padding: 0;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
#links a {
	text-decoration: none;
	color: #555;
}
#links a:hover {
	text-decoration: none;
	color: #fff;
}
#links a.current {
	color: #999; 
	text-decoration: none;
}
#links a.current:hover {
	color: #fff;
	text-decoration: none;
}
/* ***************//*************** */

/* SLIDESHOW */

#slides {

}

.jFlowControl, 
.jFlowPrev, 
.jFlowNext { 
	cursor:pointer;
}
.jFlowControl:hover, 
.jFlowPrev:hover, 
.jFlowNext:hover { 

}

/* ***************//*************** */
a {
	border: 0;
	outline: none;
}
a:hover {
	border: 0;
}
#social-media-box {
	width: 75px;
	margin: 0 auto;
	height: 20px;
}
#social-media-box a.social-media {
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 3px 5px 0 0;
	border: none;
}
#social-media-box a.social-media:hover {
	border: none;
}
#social-media-box .facebook {
	background: url(../images/facebook.png) no-repeat left top;
}
#social-media-box .facebook:hover {
	background: url(../images/facebook.png) no-repeat left -20px;
	border: none;
}
#social-media-box .twitter {
	background: url(../images/twitter.png) no-repeat left top;
}
#social-media-box .twitter:hover {
	background: url(../images/twitter.png) no-repeat left -20px;
	border: none;
}

#social-media-box .linkedin {
	background: url(../images/linkedin.png) no-repeat left top;
}
#social-media-box .linkedin:hover {
	background: url(../images/linkedin.png) no-repeat left -20px;
	border: none;
}
/* ***************//*************** */


/* ***************//*************** */
#footer { 
	width: 1000px;
	height: 3em; 
	line-height: 3em;
	clear: both;
	font-size: 11px;
	color: #5c6372;
	border: 0;
	margin: 0;
	padding: 0;
	background: url(../images/shadow-footer-opacity.png) no-repeat left top;
}
#footleft { 
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
}
#footleft p {
	margin: 0;
	padding-top: 5px;
	padding-left: 25px;
	line-height: normal;
}

#footmiddle { 
	float: left;
	margin: 0;
	padding: 0;
	width: 40%;
	display: inline;
	text-align: center;
}
#footmiddle p {
	margin: 0;
	padding-top: 5px;
	line-height: normal;
}
#footright { 
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
	position: relative;
	text-align: right;
}
#footright p {
	margin: 0;
	padding-top: 5px;
	padding-right: 25px;
	line-height: normal;
}
#footer a {
	border-bottom: none;
	color: #5c6372;
	text-decoration: none;
	outline: none;
}
#footer a:hover {
	border-bottom: 1px dotted #d1dae6;
	color: #fff;
	text-decoration: none;
}