@import "/css/SpryAccordion.css";
@import "/css/SpryCollapsiblePanel.css";

body {
	background-color:#f3f3f3;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#999999;
}

#wrapperTop  { width:100%; background:url(/media/37/topbar_bg.jpg) repeat-x top; margin: 0 auto; padding-bottom: 20px; }

p {
	margin: 15px 0;
	padding: 0;
}

a, a:visited {
	color:#F2BB48;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:active { color: #F2BB48; text-decoration: underline; }

h1, h1 a { font-size: 20px; }
h2, h2 a { font-size: 18px; color:#F2BB48; margin: 0 auto; padding: 0; padding-bottom:10px; }
h3, h3 a { font-size: 16px; }
h4, h4 a { font-size: 14px; }
p, p { font-size: 12px; font-weight:normal; color:#535453; margin: 0 auto; padding: 0; line-height:16px;  }
p .bold { font-size: 12px; font-weight:bold; color:#333333; margin: 0 auto; padding: 0; line-height:16px;  }
h6, h6 a { font-size: 10px; }

ul li { list-style: disc; color:#666666; line-height:18px; }
ul li ul li { list-style: disc; }
ol li { list-style: decimal; }

img { border: 0; }

/* Clear Fix */
.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.davetitle { padding-bottom:0px; }



#morebtn { width:111px; height:30px; float:right; margin-top:10px; }
#morebtnDiv { width:593px; height:30px; float:right; background:url(/media/43/readmore_divider.jpg) repeat-x center; margin-top:15px;}
#morebtnDiv .morebtn {  width:111px; height:30px; float:right;}
#container { position: relative; width: 945px; margin: 0 auto; padding:0 0 10px 0;overflow: auto; }

/* Navigation Bar */

#navigation {width:920px;height: 62px; margin: 0 auto; padding: 0;}
#navigation ul { margin: 0; padding: 0; width:708px; float:left; margin-left: 0px; text-indent: -1000px; }
#navigation li{ margin: 0 0 0 0;padding:0;list-style:none;float:left;height:100%;overflow:auto;}
#navigation li a{line-height: 0;font-size:10%;height:43px;margin:0; padding:0; display:block;outline:none;border:0;}

#navigation .who a{ width:114px; height:43px;background:url(/media/48/whoweare_btn.jpg) no-repeat;}
#navigation .who a:hover { background:url(/media/53/whoweare_btn_over.jpg) no-repeat;}

#navigation .contact a{ width:114px; height:43px;background:url(/media/58/contact_btn.jpg) no-repeat;}
#navigation .contact a:hover { background:url(/media/63/contact_btn_over.jpg) no-repeat;}

#navigation .one a{ width:92px; height:43px;background:url(/media/68/solutions_btn.jpg) no-repeat;}
#navigation .one a:hover { background:url(/media/73/solutions_over_btn_thumb.jpg) no-repeat;}

#navigation .two a{ width:118px; height:43px;background:url(/media/78/casestudies_btn.jpg) no-repeat;}
#navigation .two a:hover { background:url(/media/83/casestudies_over_btn.jpg) no-repeat;}

#navigation .three a{ width:156px; height:43px;background:url(/media/88/whysocialmedia_btn.jpg) no-repeat;}
#navigation .three a:hover{background:url(/media/93/whysocialmedia_over_btn.jpg) no-repeat;}

#navigation .four a{ width:114px; height:43px; background:url(/media/98/newscenter_btn.jpg) no-repeat;}
#navigation .four a:hover {background:url(/media/103/newscenter_over_btn.jpg) no-repeat;}
#conversation { width:210px; height:62px; background:url(/media/108/top_joinconversation.jpg) no-repeat top right; float:right; margin: 0 auto;}
	
/* Navigation Bar */

/* logo and social nings */
#logoswrapper{ width:920px; height:83px; margin: 0 auto; padding: 0; margin-top:3px;}
#logo { width:205px; height:77px; float:left; margin-left: 45px;}
#nings { width:310px; float: right; margin:0; padding:0; margin-right:25px;}
#nings ul{ width:310px; margin:0;}
#nings li{ margin:0;padding:0;list-style:none;float:left;}
#nings li a{line-height: 0;height:43px;margin:0; padding:0; display:block;outline:none;border:0;}
#nings .facebook a{ width:62px; height:58px;}
#nings .twitter a{  width:62px; height:58px;}
#nings .flicker a{  width:62px; height:58px;}
#nings .youtube a{ width:62px; height:58px;}
#nings .linkedin a{ width:62px; height:58px;}
#nings .rss a{ width:62px; height:58px;}


/*  Main Graphic */
#homegraphic { width:920px; height:219px; background:url(/media/113/home_maingraphic.jpg) no-repeat top left; margin: 0 auto;}
#homegraphic .home_howwedoit { width:146px; height:26px; padding-top:180px; padding-left:180px;}

/*  Home Content  */
#content { width:920px; margin: 0 auto; padding: 0; margin-top: 15px; }

#leftcol { width:320px; float:left; margin: 0 auto; padding: 0;}
#leftcol #twitterfeedbox{ width:320px; height:380px; margin: 0 auto; }
#leftcol #tweetheader {background:url(/media/118/tweets_hdr.jpg) no-repeat top left; width:320px; height:76px; margin: 0 auto;}
#leftcol #twitterbg{ width:320px; height:210px; margin: 0 auto; background:url(/media/123/tweets_bg.jpg) no-repeat top left; background-position: 0 0; }
#leftcol #tweetfeed { width: 284px; height:200px; margin: 0 auto; }
#leftcol #tweetfooter {background:url(/media/128/tweet_footer.jpg) no-repeat top left; width:320px; height:51px; margin: 0 auto;}
#leftcol #tweetconversation { width:149px; height:33px; float:right; margin:10px 30px 0 0;}

#leftcol #facebookfeedbox{
	width:320px;
	height:330px;
	margin: 0 auto;
}
#leftcol #facebookheader { background:url(/media/133/facebook_header.jpg) no-repeat top left; width:320px; height:51px; margin: 0 auto;}
#leftcol #facebookbg{ background:url(/media/138/facebook_bg.jpg) no-repeat bottom left; margin: 0 auto; padding-bottom:15px; }
#leftcol #facebookfeed { width: 285px; height:255px; margin: 0 auto; background:#ebebeb; }
#leftcol #facebookconversation { width:149px; height:33px; float:right; margin:10px 30px 0 0;}


#newsbox {
	width:320px;
	height:170px;
	background:url(/media/143/news_bg.jpg) no-repeat top left;
	margin: 0 auto;
}
#news a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 75px;
	padding-top: 55px;
	float: left;
	color: #FFFFFF;
	padding-right: 20px;
	text-align: center;
	line-height: 18px;

}
#news a:hover {

}
#content #rightcol { width:593px; float:right; margin: 0 auto; padding: 0; }

#rightcol #hometopstories {width:593px; background:url(/media/153/home_connect_hdr.jpg) no-repeat top right; margin: 0 auto;}
#rightcol #hometopstories #leftstory { float:left; width:290px; margin-top:70px;}
#rightcol #hometopstories #rightstory {float:right; width:290px; margin-top:70px;}

#rightcol #homebottomstories { width:593px; background:url(/media/158/home_newscenter_hdr.jpg) no-repeat top right; margin: 0 auto; padding:0 0 0 0; margin-top: 35px; }
#rightcol #homebottomstories .viewallbtn { width:79px; height:16px; padding:26px 0 20px 170px;}
#rightcol #homebottomstories .bottomstory {margin: 10px 20px 0 20px; width:553px;}


#rightcol ul {margin: 0 auto; padding: 0; padding-left:15px;}
#rightcol ul li { line-height:18px; margin: 0; padding: 0; list-style:decimal; color: #535453; }



/* Video Carrousel  */
#video { clear: both; width:585px; height:200px; margin-top:15px; margin-bottom:15px; }


/* Footer */

#wrapfooter { background:url(/media/163/footer_bg.jpg) repeat-x; }
#wrapfooter #bottomnav { width:920px; height:111px; margin:0 auto; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top: 20px; }
#wrapfooter #footerlogos { width:500px; float:left; height:52px; }
#wrapfooter #footerlinks {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-align:right; line-height:18px; }
#wrapfooter #footerlinks a { color:#FFFFFF; }
#wrapfooter #footerlinks a:hover { color:#FFFFFF; text-decoration:underline; }


/*  Carousel  */

.stepcarousel{ position: relative; /*leave this value alone*/ margin: 0 auto; border: 9px solid #999999; background-color:#F3F3F3; overflow: scroll; /*leave this value alone*/ width: 573px; /*Width of Carousel Viewer itself*/ height: 210px; }

.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 13px; top: 13px; }

.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 8px; /*margin around each panel*/ width: 253px; }

.stepcarousel .text { font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:13px; color:#FF6600;padding:5px;}


/* Subpage Content  */
#subtopwrapper {  width:920px; overflow: auto; min-height: 800px; background:url(/media/168/sub_topbox_bg.jpg) no-repeat top left;  margin: 0 auto;}

/* Subpage Left Column  */

#subleftcolnav { width:210px; float:left; margin:20px 0 0 20px; }
#subleftcolnav ul { border-top:3px solid #999999; margin: 0 auto; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#666666; margin-bottom:35px; padding-right:20px; }
#subleftcolnav ul li { line-height:19px; list-style:none; margin-top:15px; border-bottom:1px solid #CCCCCC; }
#subleftcolnav ul li a { line-height:19px; list-style:none; margin-top:15px;font-size:14px; color:#999999; font-weight:normal; text-decoration:none; }
#subleftcolnav ul li a:hover { color:#FF9900; font-weight:bold; text-decoration:none; }
#sublefttagline { width:210px; height:335px; float:left; background:url(/media/173/sub_tagline.jpg) no-repeat top left; }
#sublefttagline2 { width:210px; height:335px; float:left;}

ul#contactUsForm {
	margin: 0;
	padding: 0;
}
ul#contactUsForm li {
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 11px;
	font-weight: bold;
	border: none;
}
ul#contactUsForm li input,
ul#contactUsForm li .textarea {
	width: 200px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px;
}
ul#contactUsForm li .checkbox {
	width: 25px;
}

/* Subpage Center Column */

#subcentercol { width:440px; float:left; margin:20px 0 0 10px; }

#subcentercol .solutionshdr { width:440px; height:175px; background:url(/media/178/solutions_hdr.jpg) no-repeat top left; }
#subcentercol .whysocialmediahdr { width:440px; height:175px; background:url(/media/183/whysocialmedia_hdr.jpg) no-repeat top left; }
#subcentercol .newscentershdr { width:440px; height:175px; background:url(/media/188/newscenter_hdr.jpg) no-repeat top left; }
#subcentercol .casestudieshdr { width:440px; height:175px; background:url(/media/193/casestudies_hdr.jpg) no-repeat top left; }
#subcentercol .seohdr { width:440px; height:175px; background:url(/media/198/seo_hdr.jpg) no-repeat top left; }

#subcentercol .CollapsiblePanel .CollapsiblePanelTab h2 { font-family: Helvetica, Arial, sans-serif; width:440px; color:#47486B; text-decoration: none; font-size: 13px; font-weight: bold; padding: 10px 0 0 15px; margin: 0; }
#subcentercol .CollapsiblePanel .CollapsiblePanelTab h2 a { font-family: Helvetica, Arial, sans-serif; width:440px; color:#FF9933; text-decoration: none; font-size: 13px; font-weight: bold; padding: 10px 0 0 15px; margin: 0; }
#subcentercol .CollapsiblePanel .CollapsiblePanelContent p {margin: 0 0 10px 0;} 

#subcentercol #biopicture {width:95px; height:95px; float:left; margin: 5px 15px 10px 0; }
#subcentercol #ppicture { width:290px; float:left; margin-left:25px; padding-bottom:10px; overflow:auto; margin-top: 10px; }
#subcentercol #pbottompicture { width:100%; }

#subcentercol .CollapsibleBelt { width:440px;}
#subcentercol .story { width:440px; }
#subcentercol .story  h2 a { margin-left:15px; font-size: 25px; color:#454065; padding: 0; text-decoration: none; } 
#subcentercol .story  p { margin: 0 0 15px 15px; }

/* Subpage Right Column  */

#subrightcol { width:210px; float:right; margin:20px 20px 0 0; }
#subnewscol { width:210px; height:36px; background:url(/media/203/sub_newscenter_hdr.jpg) no-repeat top left; float: left; }
.subnews { width:185px; margin-top:45px; margin-left: 10px; }

#subvideocol { width:210px; height:36px; background:url(/media/208/sub_video_hdr.jpg) no-repeat top left; float: left; margin-top: 20px; }
#subrightcol .viewallbtn { width:69px; height:15px; float: right; padding-top:15px; }
#subrightcol #subvideocol .viewallbtn { padding-top:18px; }
.subvid { width:205px; margin-top:45px; overflow: auto; }


/* Form */
#news { font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; line-height:12px; }
#content_contact_form { width: 230px; margin: 0 auto; padding-top: 60px; }
.contact_text_box { background-color:#FF6600; margin-bottom: 10px; font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; }

/* Green Button */
#green {
	margin:0 auto 10px auto;
	padding:0;
	width:541px;
	height:50px;
	background:url(/media/213/b_green.gif) left bottom no-repeat;
	text-decoration:none;
	text-indent:-10000px;
	overflow:hidden;
	outline:none;
	display:block;
}

#green:hover {
	background:url(/media/213/b_green.gif) left top no-repeat;
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */