@charset "utf-8";
/* CSS Document */

body { background: #000000 }

#wrapper	{ width: 1024px ; margin: auto }

p	{ margin-top: 12px ; margin-bottom: 12px }

/* top flash area */

.mast	{ width: 1024px ; margin: auto }
.qsmenu	{ width: 304px ; height: 223px ; background-image: url(../images/mast-bg.jpg) ; background-repeat: no-repeat }

a.qshi	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-on.gif) ; background-repeat: no-repeat }
a.qshi:hover	{ background-image: url(../images/qs-off.gif) }
a.qslo	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-off.gif) ; background-repeat: no-repeat }
a.qslo:hover	{ background-image: url(../images/qs-on.gif) }

a.qihi	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-int-on.gif) ; background-repeat: no-repeat }
a.qihi:hover	{ background-image: url(../images/qs-int-off.gif) }
a.qilo	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-int-off.gif) ; background-repeat: no-repeat }
a.qilo:hover	{ background-image: url(../images/qs-int-on.gif) }

a.qmhi	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-mc-on.gif) ; background-repeat: no-repeat }
a.qmhi:hover	{ background-image: url(../images/qs-mc-off.gif) }
a.qmlo	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-mc-off.gif) ; background-repeat: no-repeat }
a.qmlo:hover	{ background-image: url(../images/qs-mc-on.gif) }

a.qchi	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-con-on.gif) ; background-repeat: no-repeat }
a.qchi:hover	{ background-image: url(../images/qs-con-off.gif) }
a.qclo	{ display: block ; width: 115px ; height: 89px ; background-image: url(../images/qs-con-off.gif) ; background-repeat: no-repeat }
a.qclo:hover	{ background-image: url(../images/qs-con-on.gif) }

/* red menu bar */

.bar	{ background: #d1232a ; width: 1024px ; height: 37px }
.toplinks	{ margin-left: 32px }
a.top	{ color: #ffffff ; font-family: verdana, arial, sans-serif ; font-size: 15px ; text-decoration: none ; padding-top: 10px }

/* left column */

.lcol	{ background: url(../images/lcol-bg.jpg) ; width: 317px ; height: 333px ; float: left }
.menu	{ text-align: left ; margin:30px 0px 0px 25px }
.dropdownmenu { text-align: left ; margin:30px 0px 0px 15px }
.addr	{ font-family: verdana, arial, sans-serif ; font-size: 14px ; color: #d1232a ; line-height: 24px }


/* right column */
.rcol	{ background: url(../images/rcol-bg.jpg) repeat-y; width: 707px ; height: 333px ; float: right }
.cont	{ margin: 28px 33px 25px 20px }
.scroll	{ height: 275px ; overflow: auto ; padding-right:25px }

#ooh {height:332px; width:708px; overflow-x:hidden; overflow-y:scroll}
#ooh .rcol	{ background: url(../images/rcol-bg.jpg) ; width: 707px ; height: 333px ; float: right }
#ooh .cont	{ margin: 28px 28px 25px 5px; width:100%;  height:400px;}
#ooh .cont	img{ margin: 3px 3px 5px 3px;}


/* contact form */
td.qform	{ font-family: Optima, Verdana, Sans-Serif ; font-size: 14px ; color: #d1232a ; line-height: normal }
input.qform	{ color: #3f3f3f ; font-family: Palatino Linotype, Garamond, Times New Roman, Serif ; font-size: 12px ; width: 225px ; height: 14px ; background: #c5bbb8 ; border: 1px solid #a19896 }
textarea.qform	{ color: #3f3f3f ; font-family: Palatino Linotype, Garamond, Times New Roman, Serif ; font-size: 12px ; width: 300px ; height: 110px ; background: #c5bbb8 ; border: 1px solid #a19896 }
input.send	{ font-family: Optima, Verdana, Sans-Serif ; font-size: 14px ; color: #d1232a }



/************ ADDITIONS ALAN MABRY 9/09 *************************/

#videoDetails {
	background-color:#000;
	min-height:306px;
	width:220px;
	position:absolute;
	top:267px;
	margin-left:780px;
	z-index:1000
}

/* footer */

.foot	{ width: 1024px ; height: 173px ; margin: auto }

#footers  {
position:absolute;
top:590px;
background-image:url(../images/foot-1.jpg);
background-repeat:no-repeat;
background-position:left top;
margin:auto;
width:1024px;
padding-left:350px;
min-height:173px;
}

/*footer on non-video pages*/
#foot_holder {width:1024px; text-align:center}
#foot_holder #footers  {
position:absolute;
top:590px;
background-image:url(../images/foot-1.jpg);
background-repeat:no-repeat;
background-position:right top;
margin:auto;
width:1024px;
padding-left:0px;
min-height:173px;

}

#footers a {
	font-weight:bold;
	color:#421114;
}

#footers a:hover {
	font-weight:bold;
	color:#c52227;
}

.portfolio_grey_title {
	padding-left:10px;
	color:#CCC;
	font-weight:normal;
}

.portfolio_table {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	font-size:8px
}

#radio_holder{
	width:600px;
	float:left;
}
#radio_backer {
	background-image:url(../portfolio/radio/radio_backer.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:279px;
	height:99px;
	margin-bottom:10px;	
	margin-right:10px;
	
	
}

#radio_backer td{
	padding-left:10px;
	padding-top:5px;
	
}

#radio_backer .grey_title{
	color:#999;
	font-weight:bold;
}


#audioplayer_1{
	margin-top:5px;
}


#portfolio_case_studies img {
	border:1px #CCC solid;
}

#portfolio_case_studies a {
color:#0D3192;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#portfolio_case_studies a:hover {
color:#06F;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#portfolio_case_studies_left_images {
	padding-top:12px;
	background: url(../images/rcol-bg.jpg) ;
	margin-left: 330px;
	width:650px;
	position:absolute;
	float:left;

	vertical-align:top
	
}

#portfolio_case_studies_left_images img{
	margin:0px 5px 9px 5px;
	
	float:left;
}




a {border:none}
a img{border:none}


/* UNIVERSAL ROLLOVER */
.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}

/* PORTFOLIO LINKS ( TV | RADIO | PRINT | OOH | DM | INTERACTIVE | CASE STUDIES ) */
#navlinks a { color:#333; outline: none; text-decoration:none; margin-bottom:0px; line-height:18px; font-weight:bold;}
#pageA #linkA,
#pageB #linkB,
#pageC #linkC,
#pageD #linkD,
#pageE #linkE,
#pageF #linkF,
#pageG #linkG{ color:#c52227; font-weight:bold; text-decoration:none}

#navlinks a:hover { color: #8E2127; outline: none; text-decoration:none; margin-bottom:0px; }

.portfolio_link_spacer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-outline-radius-bottomleft:4px;
-moz-outline-radius-bottomright:4px;
-moz-outline-radius-topleft:4px;
-moz-outline-radius-topright:4px;
background:transparent url(http://quigleysimpson.com/portfolio/img/portfolio_button.jpg) no-repeat scroll center top;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size:96%;
font-weight:bold;
margin:1px;
outline-color:#9BABB0;
outline-style:solid;
outline-width:1px;
padding:4px 4px;
text-decoration:none;
text-transform:uppercase;
	
}