/* 
	Kazaam Interactive: Site
	
	Title: screen.css
	Description: All Pages Style
	Author: Neema Dhakal
	Created: February 5, 2009
		
	
*/

* { margin: 0; padding: 0; border: 0; line-height: 140%; }
body { font-family: sans-serif; font-size: 13px; color: #333; text-align: center; background: url(../images/top-background.jpg) repeat-x #FFF; margin: 0 auto; padding: 0; }
h1 { font-size: 16px; }
h3 { font-size: 14px; color: #990000; }
h5 { font-size: 12px; }
p {	color: #333; margin-bottom: 8px;}
a { color: #0267D0; text-decoration: underline; }
a:hover { color: #333; }	
a.current { color: #333; }

/* CONTAINERS */
#container { margin: 0 auto; width: 800px; text-align: center; padding: 0; position: relative; }

/* HEADERS */
#header { position: relative; text-align: left; background: url(../images/top-background.jpg) repeat-x; width: 800px; height: 100px; }
#header img { padding: 0; margin: 0; }

#logo {
    float: left;
    width: 270px;
    height: 100px;
}

#nav_wrapper {
    float: left;
    width: 530px;
    height: 100px;
}

/* UTILITY NAV */
#utility_nav{ padding: 0; }
#utility_nav ul {padding: 0; margin: 0; list-style: none; float: right;}
#utility_nav ul li { color:#FFFFFF; float: left; position: relative; font-size: 11px; text-align: center; margin: 0; padding: 0; line-height: 30px; display: block; }
#utility_nav ul li a { color: #FFFFFF; text-decoration: none; display: block; padding: 0 5px;}

/* TOP BOTTOM NAV*/
#nav { padding: 0; margin: 0px 0 0 220px; clear: both; }
#nav ul { padding: 0; list-style: none; height: 18px; float: right;}
#nav ul li { color:#FFFFFF; float: left; position: relative; font-size: 12px; text-align: center; padding: 0; line-height: 30px;}
#nav ul li a:link, #nav ul li a:visited { text-decoration: none; color:#FFFFFF; margin: 0 5px; padding: 6px 6px 6px 6px; }
#nav ul li a:hover, #nav ul li a:link.active, #nav ul li a:visited.active { color:#000000; background: url(../images/nav-select.gif) repeat-x; }

	

/* MAIN CONTENT*/
#maincontent {
    width: 800px;
    padding: 10px 0 10px 0;
    text-align: left;
}

/* LEFT PANEL */
.sidebars #leftPanel{  float: left; width: 535px; margin-right: 10px; position: relative;}
#leftPanelTitle{ color: #7E0A0A; font-size: 26px; padding-bottom:10px; font-weight: normal;}
.leftPanelText{ font-size: 13px; color: #333333; line-height: 150%; }
.leftPanelText a:link{ color:#0267D0; }
.leftPanelText a:visited{ color:#0267D0; }

/* RIGHT PANEL*/
#sidebar_right{ float: left; width: 255px; background: url(../images/right-seperator.gif) repeat-y; position:relative;}
#sidebar_right .block {
    width: 245px;
    margin-left: 10px;
    clear: both;
}
#sidebar_right .block h2 {
    font-size: 16px;
    color: #333333;
    padding-bottom: 10px;
    font-weight: normal;
}
#sidebar_right .block .content { font-size: 10px; color:#666; }
#sidebar_right .block .content .case_study_image {
    float: left;
    width: 54px;
    padding-right: 5px;
}
#sidebar_right .block .content .case_study_body {
    width: 186px;
}

dl {}
dl dt {	background:url(../images/rp-right-arrow.gif) no-repeat; font-size:11px; color:#333333; padding-left:16px; }
dl dt a:link{color:#0267D0; }
dl dt a:visited{color:#0267D0; } 

/* HOME PAGE STYLES*/
#main-image {
    float: left;
    width: 592px;
    height: 194px;
}

/* HOME PAGE - SOLUTION SAMPLE BLOCK STYLES*/
#solution-sample-block {
    float: left;
    position:relative;
    width: 208px;
    padding: 0;
}
#solution-sample-block h2 {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
}
#solution-sample-block a:hover { opacity:.70; }
#blockClear{ clear: right;}

#solution-sample-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#solution-sample-block ul li {
    float: left;
    width: 54px;
    height: 54px;
    margin: 0 10px 0 0;
    padding: 0;
    list-style-type: none;
}
#thumb-abeam{ position: absolute; width:54px; height:54px; right: 10px; left:2px; top: 45px; }
#thumb-altrazeal{ position: absolute;width:54px; height:54px; left: 70px; top: 45px; }
#thumb-clinique{ position: absolute;width:54px; height:54px; left: 140px; top: 45px; }
#thumb-myarestin{ position: absolute;width:54px; height:54px; left: 2px; top: 105px;}
#thumb-lansinoh{ position: absolute;width:54px; height:54px; left: 70px; top: 105px;}
#thumb-tylenol{position: absolute;width:54px; height:54px; left: 140px; top: 105px;}
#thumb-jjdental{position: absolute;width:54px; height:54px; left: 2px; top: 170px;}
#thumb-acuvue{position: absolute;width:54px; height:54px; left: 70px; top: 170px;}
#thumb-benzefoam{position: absolute;width:54px; height:54px; left: 70px; top: 170px;}
#thumb-zyrtec{position: absolute;width:54px; height:54px; left: 140px; top: 170px;}
#allClear{clear:both;}

/* HOME PAGE - BOTTOM CONTENT */
#bottom-content {height:150px; width:100%; padding-top:20px; text-align: left; position:relative; font-size:14px; line-height: 100%; }
#bottom-content .block {float: left; width: 250px;}
#content-icm { position: absolute; width:235px; }
#content-ro {position: absolute; left: 250px; padding-left: 25px; width:220px; background:url(../images/people-right-border.jpg) repeat-y; }
#content-mcm {position: absolute; left: 510px; padding-left: 25px; width:220px; background:url(../images/people-right-border.jpg) repeat-y; }
.bottom-content-text { margin-top: -40px; padding-left: 65px; width: 175px; font-size: 10px; color:#999999; }

/* HOME PAGE - BOTTOM CONTENT- MORE SERVICES BLOCK */
#more-services{ position: relative; width:109px; height: 16px; font-size: 12px; padding:0px; left: 320px; text-align:center; color:#000000;}
#more-services a:link{ color:#0267D0; }
#more-services a:visited{ color:#0267D0; }

/* FOUNDERS PAGE STYLES*/
.leftPanelImages{width: 525px; position: relative; top: 10px; left:2px;}
.leftPanelPost{font-size: 13px; font-weight:bold; color: #333333; line-height: 150%;}
.leftPanelFounderText{width: 400px; font-size: 11px; color: #333333; line-height: 150%; padding-left: 89px;}
.leftPanelFounderText a:link{ color:#0267D0; }
.leftPanelFounderText a:visited{ color:#0267D0; }

/* OUR WORK PAGE STYLES*/

/* OUR WORK PAGE(PORTFOLIO PAGE) - jCarousel */
.jcarousel-control { margin: 0 0 10px 0; }
.jcarousel-control ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.jcarousel-control ul li {
    float: left;
    width: 88px;
    height: 88px;
    margin: 0;
    padding: 0;
}
.jcarousel-control ul li a {
    display: block;
}
.jcarousel-control a:link, .jcarousel-control a:visited {
    font-size: 10px;
    text-decoration: none;
}
.jcarousel-control ul li img {
    border: 1px solid #000;
    padding: 2px;
    background: #999999;
}
.jcarousel-control a:focus, .jcarousel-control a:active {
    outline: none;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 800px;
    height: 600px;
}
.jcarousel-skin-tango .jcarousel-item img { border: 1px solid #000; padding: 2px; background: #999999; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 12px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

#mycarousel {
    position: relative;
}

#portfolio { position: relative; }
#portfolio h2 { margin: 8px 0; color: #7E0A0A; }
#portfolio .sub-title { margin: 8px 0; color: #333333; font-size: 13px; font-weight: bold;}
#portfolio p.partners { float: left; }
#portfolio p.sitelink { float: right; padding-right: 10px; }
#portfolio .content {
    padding-right: 5px;
    width: 780px;
}

/* WHAT WE DO PAGE STYLES*/

/* WHAT WE DO - LEFT PANEL: Solution Block*/
#solutionsBlock{width:225px; padding-top:25px;}
#solutionsBlockText{font-size:10px; color:#333333; padding-top: 7px; }

/* WHAT WE DO - LEFT PANEL: Services Block*/
#servicesBlock{width:225px; margin-top:-286px; padding-left: 265px; }
#servicesBlockText{font-size:10px; color:#333333; padding-top: 7px; }

/* CONTACT US PAGE STYLES*/
.login-text{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; line-height:140%; }
.form-item{ margin: 10px 0;}
.form-item label {font-weight:bold; }
.form-required{color:#FF0000;}
fieldset textarea { width: 500px; height: 80px;}

/* SERVICES PAGE STYLES*/
.leftPanelTopic{ width:235px; font-weight:bold; font-size: 20px; color:#333333; padding:35px 0 0 10px; }
.blockContent{ width: 496px; padding: 15px 0 0 20px; position:absolute;}

/* FOOTER */
#footer { clear: both; position: relative; text-align: center; margin: 0 auto; width: 100%; height: 45px; background: url(../images/bottom-background.jpg) repeat-x bottom; padding: 0;}
#footer-wrapper { width: 800px; margin: 0 auto; }
#footer-left { margin: 0 auto; float: left; font-size:11px; color: #FFFFFF; text-align: left; padding-top:15px; }
#footer-right { margin: 0 auto; float: right; font-size:11px; color: #FFFFFF; text-align: right; padding-top:15px; }
#footer-right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer-right ul li {
    display: inline;
    padding-right: 10px;
}
/* GLOBAL STYLES */
.strong { font-weight: bold; }
.cb { clear: both; }
.mr_20 { margin-right: 20px; }

.position {
  margin-bottom: 1em;
}

.position ul {
  margin-left: 16px;
}

/** KZ-37 FACEBOOK & BLOG ICONS**/
#nav-icons{ padding: 7px 0 21px 0; vertica;-align:middle;}
#nav-icons ul {padding: 0; margin: 0; list-style: none; float: right;}
#nav-icons ul li { color:#FFFFFF; float: left; position: relative; font-size: 12px; text-align: center; margin: 0; padding: 0; display: block; }
#nav-icons ul li a { color: #FFFFFF; text-decoration: none; display: block; padding: 0 5px 0 0 ;}
#nav-icons a:link, #nav-icons a:visited { text-decoration: none; color:#FFFFFF; }
#nav-cons a:hover, #nav-icons a:link.active, #nav-icons a:visited.active { text-decoration: none; color:#000000; }
/** END KZ-37 **/