/* This stylesheet is designed for Audio Video Design Group. Content in this document is Copyright 2007-2010 Audio Video Design Group. */

/* Main Body Elements */
html, body {height:100%; margin:0; padding:0;}
html {background:#fff;}
body { text-align:center; margin:0 20px; padding:0;}
body, div, p, pre {font-family:"Trebuchet MS", Tahoma, Arial; font-size:14px; color:#fff;}
body, div, a, img {border:none; margin:0; padding:0;}

#SiteContainer {width:950px; height:auto !important; height:100%; min-height:100%; position:relative; margin:0 auto; text-align:left;background:url(images/Audio-Video-Design-Group-Content-bg.gif) repeat-y center top;}

a, a:link, a:visited {color:#fff; text-decoration:underline;}
a:active, a:hover {color:#fff; text-decoration:underline; outline:none;}

a.linkNoUnderline, a.linkNoUnderline:link, a.linkNoUnderline:visited {color:#fff; text-decoration:none;}
a.linkNoUnderline:active, a.linkNoUnderline:hover, a.linkNoUnderline:focus {text-decoration:underline;}

p {margin:0; padding:0 0 10px 0;}
hr {height:1px; border:0; color:#fff; background:#fff;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0 0 20px 0; padding:0; color:#fff;}
h1 {font-size:18px; font-weight:normal; border-bottom:solid 1px #fff;}
h2 {}
h3 {}
h4 {}
h5 {}

/* Header Styles */
#Header {position:relative; height:230px; background: url(images/Audio-Visual-Design-Group-Header-Stretch.gif) repeat-x;}
#Logo {position:absolute; top:25px; left:25px;}
#headerLeft {position:absolute; top:0; left:0;}
#headerRight {position:absolute; top:0; right:0;}

/* Menu Styles */
#Menu {margin:0; padding:0; list-style-type:none; position:absolute; right:20px; bottom:50px;}
#Menu li {display:inline;}
#Menu li a, #Menu li a:link, #Menu li a:visited {padding:0 5px; font-size:18px; color:#3662ae; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#Menu li a:active, #Menu li a:hover {background:#3662ae; color:#fff; text-decoration:none;}
#Menu li a.current, #Menu li a.current:link, #Menu li a.current:visited {background:#3662ae; color:#fff;}

/* Sub navigation (used on the right side of pages) */
#rightSubMenu {margin:23px 0 0 0; padding:0; list-style-type:none;}
#rightSubMenu li {line-height:25px; height:25px;}
#rightSubMenu li a, #rightSubMenu li a:link, #rightSubMenu li a:visited {display:block; width:100%; color:#fff; border-bottom:solid 1px #fff; text-decoration:none;}
#rightSubMenu li a span {padding:0 20px;}
#rightSubMenu li a.Current, #rightSubMenu li a.Current:link, #rightSubMenu li a.Current:visited {background:#B8CAED; color:#36c;}
#rightSubMenu li a:active, #rightSubMenu li a:hover {background:#DBE4F6; color:#36c;}

/* Content Styles */
#ContentContainer {}
#Content {width:585px; float:left; margin:0 30px 50px 30px; display:inline; clear:left; background:#5384d8; position:relative;}
#RightColumn {width:305px; float:left; display:inline; background:#36c;}

/* Right Column Styles */
#rightUL {margin:10px 30px; padding:0; list-style-type:none; width:245px;}
#rightUL li {padding:0 0 30px 0; line-height:14px; background:#fdcb08 url(images/cta-bottom.gif) no-repeat bottom left;}
#rightUL li h3 {margin:0px; padding:5px 5px 3px 5px; font-size:14px; color:#3662ae; text-align:center;}
#rightUL li p {margin:5px 10px; color:#3661ae; font-size:12px;}
#rightUL li p img {margin:0 10px 5px 0; float:left;}
#rightUL li a, #rightUL li a:link, #rightUL li a:visited {color:#3662ae; text-decoration:underline;}

/* Home Page Styles */

/* The Group / People pages Styles */
#TheGroupPeople {clear:both; margin:20px 0 0 35px;}
#TheGroupPeople a {float:left; margin:0 25px 10px 0; padding:0;}

.TheGroupPage_Image {float:right; margin:0 0 5px 10px;}

.photoHead {display:block; height:25px; line-height:25px; background:#d4dfff; border-bottom:solid 1px #fff; color:#36c; cursor:pointer;}
.photoContentPanel {height:auto; background:#dfe7f7; color:#36c; padding:10px; text-align:center;}
.fpContentArrow {margin:0 5px;}

/* Form Styles*/
.txtInputRow {clear:both; line-height:25px; margin:0 0 5px 0;}
.divFormLabel {/*font-weight:bold;padding:10px 0 0 3px;*/ float:left; width:40px; font-size:11px; color:#fff;}
.txtSubject, .txtFullName, .txtEmailAddress {width:250px; height:20px; border:solid 1px #fff; background-color:#b7caff; color:#069; /*padding:2px; margin:3px;*/}
.optionInterestedSelect {border:dashed 1px #7aa352; background-color:#c2e0a3; color:#fff; /*padding:2px; margin:3px;*/}
.txtCommentsLabel {clear:both; margin:0 0 5px 0; font-size:11px; color:#fff;}
.txtComments {border:solid 1px #fff; background-color:#b7caff; margin:0; color:#069; width:250px; height:120px; overflow:auto;}
.rblWhoContactLabel {clear:both; margin:5px 0; font-size:11px; color:#fff;}
.rblWhoContact {margin:5px 0 0 30px;}
.inputSubmit {margin:5px 0 0 40px; clear:both; width:250px; text-align:center;}
.formResponsePanel {border:solid 1px #fff; background:#b7caff; margin:10px 0 0 0; padding:10px; }
.formResponsePanel * {color:#5384d8;}
.formError {color:#f00; line-height:25px; font-weight:bold; background:#fff; border:solid 1px #000; margin:5px; padding:0 5px;}

/* New Project Page Styles */
#projectContainer {padding:10px 20px 20px; background:#dce6f7;}
#projectContainer div.item {margin:10px 0 0; cursor:pointer; position:relative; border:solid 1px #97b5e8; background:#97b5e8;}
#projectContainer div.item:hover {border:solid 1px #fff;}
#projectContainer div.item div.itemImage {width:78px; height:78px; float:left; clear:left; margin:10px; border:solid 1px #fff; background:#c9a157;}
#projectContainer div.item h3 {line-height:16px; font-size:16px; margin:0; padding:10px 0 5px;}
#projectContainer div.item p.desc {line-height:14px; font-size:12px; margin:0 10px 0 0;}
#projectContainer div.item div.details {display:none; clear:both; margin:0 10px 10px; border-top:solid 1px #b8caed;}
#projectContainer div.item div.details div.detailColumn1 {width:340px; float:left; display:inline; margin:10px 0 0; padding:0 10px 0 0; border-right:solid 1px #b8caed;}
#projectContainer div.item div.details div.detailColumn1 div.block {clear:both; margin:0 0 10px;}
#projectContainer div.item div.details div.detailColumn1 div.block div.itemImage {width:108px; height:108px; margin:0 10px 0 0; position:relative;}
#projectContainer div.item div.details div.detailColumn1 div.block h4 {margin:0 0 5px; padding:0;}
#projectContainer div.item div.details div.detailColumn1 div.block p {font-size:12px; line-height:16px;}
#projectContainer div.item div.details div.detailColumn1 div.block ul {margin:0; display:block; padding:0;}
#projectContainer div.item div.details div.detailColumn1 div.block ul li {font-size:11px; line-height:16px; margin:0 0 0 135px; padding:0 0 5px;}
#projectContainer div.item div.details div.detailColumn2 {float:left; display:inline; margin:10px 0 0 10px; width:160px;}

div.detailColumn2 a.diagramLink, div.detailColumn2 a.diagramLink:link, div.detailColumn2 a.diagramLink:visited {clear:both; font-size:11px; text-decoration:none; line-height:27px; display:block; margin:0 0 10px;}
div.detailColumn2 a img {vertical-align:middle; float:left; margin:0 4px 0 0; clear:left;}

#projectContainer div.current {cursor:default; border:solid 1px #fff; background:#759ce0;}

div#popBlow {position:absolute; top:10px; left:120px; z-index:100;}
div#popBlow #closeMe {position:absolute; top:-10px; right:-10px; display:block; width:20px; height:20px; text-align:center; vertical-align:middle; line-height:20px; cursor:pointer; color:#000; border:solid 1px #fff; background:#ddd;}
div#popBlow img {border:solid 1px #fff;}


/* Footer Styles */
#copyright {height:40px; position:absolute; bottom:0; left:0; width:645px; background:#759ce0; line-height:20px;}
#copyright p {margin:0; padding:0 30px; font-size:11px; color:#dce6f7;}

#Footer {clear:both;}

/* Misc Styles */
.clear {clear:both;}