/* ===========================================================
	* Description.......:LYONS CG COMMERCE MAIN STYLE SHEET
	* Created by........:Todd Brady - Lyons Creative Group
	* Modified by.......:Todd Brady
	* Modified date.....:07-14-2009
=========================================================== */

@import "effects.css";

/* GLOBAL RESETS
=========================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline; }

:focus { outline:0; }

body {
color:#5c5c5c;
background:#000;
font-family:Verdana, Arial, Helvetica, sans-serif; }

ol, ul { list-style:none; }

table {
border-collapse:separate;
border-spacing:0; }

caption, th, td {
text-align:left;
font-weight:normal; }

blockquote:before, blockquote:after,
q:before, q:after {
content:""; }

blockquote, q { quotes:"" ""; }

button {
border:none; 
cursor:pointer;
margin:0; padding:0; }

a, a:link, a:visited, a:active { color:#5c5c5c; }
	
a:hover { color:#a8a8a8; }

h4 { font-size:13px; font-weight:normal; }


/* GENERIC CLASSES
=========================================================== */

.hidden {
display:block;
text-indent:-9999999px; }

.clear { clear:both; }

.clearLeft { clear:left; }

.clearRight { clear:right; }

.floatLeft { float:left; }

.floatRight { float:right; }

.bold { font-weight:bold; }


/* HEADER + MAIN NAV
=========================================================== */

#header {
float:left;
width:940px;
padding:0 10px;
margin-bottom:20px;
position:relative; }

#LCG_logo {
background:url(images/LCG_logo.png) center no-repeat;
float:left;
width:106px; height:36px; }

#LCG_logo a {
display:block;
width:106px; height:36px; }

#mainnav {
margin:19px 0 0 20px;
float:left; }

#mainnav li {
float:left;
padding:8px;
border:1px solid transparent; }

#mainnav li.active {
border:1px solid #fff; }

#mainnav li a {
display:block; 
height:8px;
cursor:pointer;
float:left;
text-align:center;
text-decoration:none;
color:#fff;
font-size:9px; line-height:8px; }

#who a {
width:62px;
background:url(images/mainnav_whoweare.png) center no-repeat;
position:relative; }

#services a {
width:46px;
background:url(images/mainnav_services.png) center no-repeat;
position:relative; }

#platform a {
width:49px;
background:url(images/mainnav_platform.png) center no-repeat;
position:relative; }

#clients a {
width:46px;
background:url(images/mainnav_clients.png) center no-repeat;
position:relative; }

#partners a {
width:49px;
background:url(images/mainnav_partners.png) center no-repeat;
position:relative; }

#contact a {
width:59px;
background:url(images/mainnav_contactus.png) center no-repeat;
position:relative; }


/* GLOBAL LAYOUT STRUCTURE
=========================================================== */

#home { background:url(images/bkgd_homepage.jpg) top center no-repeat;
background-attachment:fixed; }

#whoweare { background:url(images/bkgd_who_we_are.jpg) top center no-repeat;
background-attachment:fixed; }

#ourservices { background:url(images/bkgd_services.jpg) top center no-repeat;
background-attachment:fixed; }

#ourplatforms { background:url(images/bkgd_platform.jpg) top center no-repeat;
background-attachment:fixed; }

#ourclients { background:url(images/bkgd_our_clients.jpg) top center no-repeat;
background-attachment:fixed; }

#ourpartners { background:url(images/bkgd_partners.jpg) top center no-repeat;
background-attachment:fixed; }

#contactus, #thankyou { background:url(images/bkgd_contact_us.jpg) top center no-repeat;
background-attachment:fixed; }

#webinar { background:url(images/bkgd_webinar.jpg) top center no-repeat;
background-attachment:fixed; }

#outterwrapper {
margin:40px auto 0 auto; 
padding:0;
text-align:center;
width:960px; }

#content_wrapper {
width:946px;
padding:7px;
background:url(images/transparent_outer_bg.png) top center repeat-y; }

#inner_content {
background:#f7f5f4;
width:886px; padding:30px 30px 45px 30px;
margin:0 auto;
background:url(images/transparent_inner_bg.png) top center repeat-y; 
text-align:left; }

#innerWrapper {
width:886px;
margin:20px 0 0 0;
position:relative; }

#innerWrapper_2col {
float:left;
margin:20px 0 0 0;
background:url(images/content_divider.gif) top center repeat-y;
position:relative; }

#sectionhead {
padding-bottom:10px;
position:relative; }

#caption {
border-top:1px solid #d9d7d7;
border-bottom:1px solid #d9d7d7;
padding:20px 0 20px 0;
width:886px;
position:relative; }

div#content_leftcol {
float:left;
width:418px;
padding-right:25px;
position:relative; }

div#content_rightcol {
float:right;
width:418px;
padding-left:25px;
position:relative; }

#footer {
width:940px;
padding:0 10px;
clear:both;
text-align:left; 
font-size:10px;
color:#FFF;
margin:20px auto 40px auto; }

#inner_content p { 
margin-bottom:25px;
font-size:11px; line-height:20px; }

#inner_content p.endcopy { margin-bottom:0; }


/* HOME PG LAYOUT
=========================================================== */

#homeFLA {
margin-bottom:10px;
width:973px; height:411px; }

#flaReplacement { 
width:973px; height:411px; 
text-align:left;
font-size:11px;
background:url(images/fla_placeholder.png) center no-repeat transparent; }

#content_wrapper_home {
width:959px;
padding:7px;
background:url(images/transparent_outer_home_bg.png) top center repeat-y; }

#inner_content_home {
background:#f7f5f4;
width:899px; padding:30px;
margin:0 auto;
background:url(images/transparent_inner_home_bg.png) top center repeat-y; 
text-align:left; }

#inner_wrapper_home { 
background:url(images/dividerline_home.gif) top center repeat-y; 
float:left; }

div#home_content_leftcol {
float:left;
position:relative;
width:518px; 
padding-right:30px; }

#home_content_leftcol p {
font-size:10px;
padding:13px 0;
line-height:25px; }

div#home_content_rightcol {
margin-left:20px;
float:right;
position:relative;
width:331px; }

div#home_content_rightcol p {
margin-bottom:25px;
font-size:11px; line-height:20px; }


/* CONTACT FORMS
=========================================================== */

#location {
padding-left:0; }

#location dl {
font-size:11px;
margin:0; }

#location dl dd { line-height:21px; }

#requiredfields {
font-size:10px;
margin-left:90px;
margin-bottom:2px; }

.contact {
padding-left:25px;
color:#5c5c5c; }

.contact label {
float:left;
font-size:11px;
text-align:left;
width:90px; }

.contact input {
font-size:11px;
margin-bottom:10px;
clear:right;
width:190px; height:13px; }

.contact textarea { 
font-size:11px;
margin:0;
clear:right;
width:190px; height:100px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; }

#webinarform {
margin-top:30px; }

@-moz-document url-prefix() { 
.contact textarea { 
width:193px; } }

@media screen and (-webkit-min-device-pixel-ratio:0){
.contact textarea { 
width:193px; } }

#webinar_sendform {
width:74px; height:23px;
margin:15px 0 0 90px;
background:url(images/btn_register.gif) center no-repeat; }

#sendform {
width:61px; height:23px;
margin:15px 0 0 90px;
background:url(images/submitbtn.gif) center no-repeat; }

* html #webinar_sendform,
* html #sendform { margin-left:93px; }

/*ERROR HANDLING*/
#alertMessagePlaceHolder {
background:url(images/msg_arrow.gif) left center no-repeat;
border-right:2px solid #924949;
padding:10px 5px 5px 17px;
display:none;
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
height:35px;
color:#882f28; }

div.errMsg { 
color:#882f28;
margin:0 0 3px 90px; padding:0;
font-size:12px; line-height:12px;
width:303px; }

* html div.errMsg { margin-left:93px; width:300px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
div.errMsg { margin-bottom:0; } }


@media screen and (-webkit-min-device-pixel-ratio:0){
textarea.errFld { margin-top:3px; } }

input.errFld,
textarea.errFld { 
background:#f3e6e6;
border:1px solid #882f28; }


/* WEBINAR
=========================================================== */

#work_samples {
position:relative;
float:left;
width:830px;
margin-top:25px;
padding:20px;
background-color:#e9e9e9;
border:8px solid #e2e2e3; }

.work_image {
float:left;
padding-right:29px; }

.work_image.end { padding-right:0; }

#webinar_tips { margin:-5px 0 25px 15px; }

#webinar_tips li {
position:relative; 
padding-left:10px;
font-size:11px; line-height:20px;
background:url(images/arrow.gif) top left no-repeat; }

#webinar #content_leftcol h3 {
margin-bottom:25px;
line-height:27px; }

#webinar h4 { font-size:16px; margin-bottom:15px; }

#content_rightcol h3 { margin-bottom:20px; }

.speaker-list { margin-bottom:25px; }

.speaker-list li {
font-size:12px;
line-height:18px; }

.speaker-list li.logo { margin-bottom:10px; }


/* SiFR
=========================================================== */

@media screen {
.sIFR-flash {
visibility:visible !important;
margin:0;
padding:0; }

.sIFR-replaced, .sIFR-ignore {
visibility:visible !important; }

.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden; }

.sIFR-replaced div.sIFR-fixfocus {
margin:0pt; 
padding:0pt; 
overflow:auto;
line-height:20px;
letter-spacing:0px; 
float:none; }

}

@media print {
.sIFR-flash {
display:none !important;
height:0;
width:0;
position:absolute;
overflow:hidden; }

.sIFR-alternate {
visibility:visible !important;
display:block !important;
position:static !important;
left:auto !important;
top:auto !important;
width:auto !important;
height:auto !important; }
}

@media screen {
.sIFR-active .pagehead { visibility:hidden; }
.sIFR-active .pagesubhead { visibility:hidden; }
.sIFR-active .categorytitle { visibility:hidden; }
}

.pagesubhead { margin-top:11px; }
* html .pagesubhead { margin-top:4px; }


/* SECONDARY PAGES
=========================================================== */

/*OUR CLIENTS*/
#viewlarger { 
margin-bottom:20px; 
float:left;
width:886px; }

#viewlarger li {
float:left; }

a.largethumb {
background-position:0 0;
height:193px;
width:281px;
display:block; }

a.largethumb:hover { background-position:0 -193px !important; }

#mikasa { background:url(images/client_mikasa.png) no-repeat;
margin-right:22px; }

#wb { background:url(images/client_wb.png) no-repeat;
margin-right:21px; }

#sanrio { background:url(images/client_sanrio.png) no-repeat;
margin-right:0; }

/*#kamenstein { background:url(images/client_kamenstein.png) no-repeat;
margin-right:22px; }*/

#sams { background:url(images/client_sams.png) no-repeat;
margin-right:22px; }

#lucy { background:url(images/client_lucy.png) no-repeat;
margin-right:21px; }

#seatexchange { background:url(images/client_seatexchange.png) no-repeat;
margin-right:0; }

#compactappliance { background:url(images/client_compactappliance.png) no-repeat;
margin-right:21px; }

#tasteofhome { background:url(images/client_tasteofhome.png) no-repeat;
margin-right:22px; }

#clientlist {
margin-top:5px;
float:left;
background:url(images/divider_clientlist.gif) top center repeat-y; }

dl.clients {
float:left;
line-height:25px;
width:200px;
margin-right:20px; }

dl.clients.endclientlist { margin-right:0; }

dl.clients {
font-size:11px; }

/*OUR PLATFORM + FEATURE LIST*/
#ourplatforms h4 {
font-size:16px;
line-height:23px; }

#ourplatforms dl dt {
font-size:16px;
line-height:23px; }

#ourplatforms dl dt { margin-bottom:10px; }

#ourplatforms dl dd {
background:url(images/bg_bullet.gif) top left no-repeat;
font-size:11px; line-height:15px;
padding-left:9px;
margin-bottom:8px; }

#ourplatforms #innerWrapper_2col { background:none; }

#ourplatforms div#content_leftcol {
float:left;
width:555px;
padding-right:25px;
position:relative; }

#ourplatforms div#content_rightcol {
float:right;
width:281px;
padding-left:25px;
position:relative; }

dd#viewfeatures { 
background:none !important;
padding:3px 0 0 0 !important; }

dd#viewfeatures a {
font-size:11px;
line-height:23px; }

.features {
background:url(images/bg_features_dividerline.gif) top center repeat-y;
float:left; }

div.featurelist {
float:left;
margin-bottom:20px;
padding-bottom:20px;
background:url(images/bg_features_cap.gif) bottom center no-repeat; }

div.featurelist.end {
margin-bottom:0;
padding-bottom:3px; 
background:none; }

div.featurelist dl {
float:left;
width:265px;
padding:0 15px; }

div.featurelist dl.start {
width:281px;
padding:0 15px 0 0; }

div.featurelist dl { 
width:265px; }

/*PARTNERS*/
div.row {
float:left;
background:url(images/bg_partners_btmcap.gif) bottom left no-repeat;
margin-bottom:30px; }

div.row.end { margin-bottom:0; }

ul.partner { 
float:left;
width:423px;
padding-bottom:30px; }

ul.partner.left { padding-right:20px; }
ul.partner.right { padding-left:20px; }

ul.partner li {
font-size:11px; line-height:21px; }

ul.partner li.logo { margin-bottom:10px; }