* {margin: 0; padding: 0}
body {background: #010e1f; font-family: Arial, sans-serif; font-size: 62.5%; color: #414141}
img {display: block}
a img {border: 0}
ul {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}
a {color: #397cbf; text-decoration: none}
a:hover {color: #003b59}
.clear {clear: both}
.left {float: left}
.right {float: right}
:focus {outline: 0} /* no more dots around links in firefox */
#whitey {background: #ffffff; overflow: hidden} /* the body background is dark blue, we need to make the body of the website white, homepage is excluded */
#page {width: 920px; margin: 0 auto; overflow: hidden} /* center this sucker */


/* HOMEPAGE ONLY STYLES */
/***************************************************************************************************************/
body#homepage {background: #ffffff url(../images/backgroundHomepage-main-top.jpg) repeat-x}
body#homepage #content {width: 904px; margin: 0 0 -425px 10px; background: #ffffff url(../images/backgroundContent.jpg) no-repeat; position: relative; top: -425px; clear: both; overflow: hidden}
#contentColumn1 {
	width: 450px;
	font-size: 1.2em;
	float: left;
	overflow: hidden;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 23px;
}
#contentColumn2 {
	width: 369px;
	background: transparent url(../images/grayDot.jpg) repeat-y left top;
	float: right;
	overflow: hidden;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 23px;
	padding-left: 20px;
}

/* HOMEPAGE LATEST PROJECTS */
.latestProject {overflow: hidden}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***************************************************************************************************************/
/***************************************************************************************************************/
/* TEMPORARY CSS CHANGE FOR HOMEPAGE CONTENT *******************************************************************/
/***************************************************************************************************************/
/***************************************************************************************************************/
#addys{height: 272px; width: 450px; background: transparent url(../images/homepageAddys-background.jpg) no-repeat center top; padding: 20px 0 0 0; display: block}
#addys{background: transparent url(../images/homepageAddys-background-hover.jpg) no-repeat center top}
#addys img.doodle {margin: 0 10px 0 20px; padding: 4px; background: #ffffff; border: 1px solid #cccccc; float: left}
#addys h3.addys-in {margin: -4px 0 1px 0; font-size: 2em}
.addys-txt a{font-size:11px;}
a.latest{ color:#FF0000;}
a.latest:hover{color:#000000; text-decoration:none;}
#addys p {margin: 0 10px 0 0; font-size: 14px; text-transform: uppercase; color:#FF0000;}

/*.latestProject-bottom {margin: 25px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc; overflow: hidden} */
.latestProject-bottom {margin: 25px 0 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #cccccc; overflow: hidden}
a.viewProjectLink-alt {padding: 0 0 0 13px; color: #397cbf; text-decoration: none; background: transparent url(../images/blueArrow-alt.jpg) no-repeat center left}

.latestProject p,
.latestProject-bottom p {margin: 0 0 10px 140px; padding: 0; line-height: 1.4em}
.latestProject h3,
.latestProject-bottom h3 {margin: 2px 0 0 140px; padding: 3px 0}
.latestProject img,
.latestProject-bottom img {padding: 5px; border: 1px solid #cccccc; float: left}
#contentColumn1 h2 {margin: 0 0 25px 0; padding: 0 0 15px 0; border-bottom: 1px solid #cccccc}
#contentColumn1 h3 {padding: 0 0 3px 0; font-size: 1.4em; font-weight: bold; color: #003B59}
a.viewProjectLink {padding: 0 0 0 13px; color: #397cbf; text-decoration: none; background: transparent url(../images/blueArrow.jpg) no-repeat center left}
a.viewPortfolioLink {padding: 0 0 0 18px; text-decoration: none; background: transparent url(../images/magGlassIcon.jpg) no-repeat center left}
a.viewProjectLink:hover,
a.viewPortfolioLink:hover {color: #003b59; text-decoration: underline}


/* HOMEPAGE TWITTER */
#contentColumn1 li#twitter-tools {}
.aktt_tweets p.twit-time {margin: 7px 0 0 0; padding: 0 7px 0 0; float: left}
.aktt_tweets p#twit-link {margin: 7px 0 0 0; padding: 0 0 0 7px; background: transparent url(../images/imgList-div.gif) no-repeat left center; float: left}
#contentColumn1 li#twitter-tools li.aktt_more_updates a {padding: 0 0 0 9px; text-decoration: none; background: transparent url(../images/imgList-div.gif) no-repeat left center}
#contentColumn1 h2.widgettitle {height: 16px; width: 155px; margin: 0 0 10px 0; padding: 0; border: none; float: left; font-size:18px;}
.aktt_tweets {height: 180px; width: 438px; padding: 5px 5px 100px 5px; line-height:20px; clear: both; border:solid 1px #CCCCCC; text-align:justify; background-color:#FBFEEA;}
#contentColumn1 h2.news {height: 19px; margin: 0 0 22px 0; padding: 0 0 15px 0; border-bottom: 1px solid #cccccc; font-size:18px;}


/* HOMEPAGE FROM THE BLOG */
#contentColumn2 h3#from-the-blog {height: 19px; margin: 0 0 22px 0; padding: 0 0 15px 0; border-bottom: 1px solid #cccccc; font-size:18px;}
#contentColumn2 .entry-homepage {width: 369px; margin: 0 0 20px 0; border-bottom: 1px solid #cccccc}
#contentColumn2 .entry-homepage2 {width: 369px; margin: 0 0 20px 0;}
#contentColumn2 h2 {
	font-size: 1.6em;
	font-weight: bold;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #0099CC;
}
#contentColumn2 .date-homepage-wrapper {margin: 3px 0 0 0; float: left}
#contentColumn2 .date-homepage-top,
#contentColumn2 .date-homepage-bottom {width: 30px; font-size: 1.05em; color: #ffffff; text-align: center}
#contentColumn2 .date-homepage-top {padding: 2px 0; background: #003b59; text-transform: uppercase}
#contentColumn2 .date-homepage-bottom {padding: 0 0 2px 0; background: transparent url(../images/post-date-bottom-homepage.gif) no-repeat top left}
#contentColumn2 p {margin: 0 0 20px 0; padding: 0; font-size: 1.2em; line-height: 1.4em}
#contentColumn2 p.who {
	padding: 0;
	font-size: 1.2em;
	color: #999999;
	border: none;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0px;
}
#contentColumn2 a.readOurBlogLink {margin: 0 30px 0 0; padding: 0 0 0 19px; background: transparent url(../images/readOurBlogIcon.jpg) no-repeat left center; font-size: 1.2em; display: inline-block; line-height: 1.5em}
#contentColumn2 a.subscribeLink {padding: 1px 0 1px 19px; background: transparent url(../images/subscribeIcon.jpg) no-repeat left center; font-size: 1.2em; line-height: 1.5em}


/* HEADER */
/***************************************************************************************************************/
#header {height: 147px}
h1#logo {height: 103px; width: 400px; margin: 0 0 0 15px; background: transparent url(../images/logo.jpg) no-repeat top left; text-indent: -999em; float: left; display: inline}
h1#logo a {height: 103px; width: 289px; display: block}


/* SECONDARY NAVIGATION */
/***************************************************************************************************************/
ul#navSecondary {margin: 45px -195px 0 0; float: right; display: inline}
ul#navSecondary li a {font-size: 1.2em; color: #778719; text-decoration: none}
ul#navSecondary li a:hover {text-decoration: underline}
ul#navSecondary li {padding: 0 8px; background: transparent url(../images/imgList-div.gif) no-repeat right center; float: left; display: inline}
ul#navSecondary li#nodiv {padding: 0 0 0 8px; background: none}

#menu{width:910px; height:41px; margin:-44px auto auto auto; padding-left:11px;}

/* PRIMARY NAVIGATION */
/***************************************************************************************************************/
#navPrimary {height: 44px; width: 860px; margin: 0 0 0 30px; clear: both}
#navPrimary li {height: 44px; float: left}
#navPrimary li a { height: 44px;  display: block; text-align:center; font-size:14px; vertical-align:middle;}
#navPrimary a#web {width: 108px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat 0 0;}
#navPrimary a#web:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat 0 -44px}
body.webAct #navPrimary a#web {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat 0 -44px}
#navPrimary a#interactive {width: 107px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -108px 0}
#navPrimary a#interactive:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -108px -44px}
body.interactiveAct #navPrimary a#interactive {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -108px -44px}
#navPrimary a#animation {width: 107px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -215px 0}
#navPrimary a#animation:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -215px -44px}
body.animationAct #navPrimary a#animation {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -215px -44px}
#navPrimary a#video {width: 107px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -322px 0}
#navPrimary a#video:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -322px -44px}
body.videoAct #navPrimary a#video {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -322px -44px}
#navPrimary a#portfolio {width: 107px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -429px 0}
#navPrimary a#portfolio:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -429px -44px}
body.portfolioAct #navPrimary a#portfolio  {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -429px -44px}
#navPrimary a#about {width: 108px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -536px 0}
#navPrimary a#about:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -536px -44px}
body.aboutAct #navPrimary a#about {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -536px -44px}
#navPrimary a#blog {width: 108px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -644px 0}
#navPrimary a#blog:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -644px -44px}
body.blogAct #navPrimary a#blog {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -644px -44px}
#navPrimary a#contact {width: 108px; background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -752px 0}
#navPrimary a#contact:hover {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -752px -44px}
body.contactAct #navPrimary a#contact {background: transparent url(../images/backgroundNav-primary.jpg) no-repeat -752px -44px}


/* JQUERY EASYSLIDER */
/***************************************************************************************************************/
#masthead {width: 940px; position: relative; top: 0; left: -8px; z-index: 5}
#mastheadUnder {width: 940px; height: 365px; position: relative; top: -365px; left: -8px; z-index: 4}
#masthead ul,
#masthead li {height: 365px; width: 940px}

.jbit{width:520px; float:right; height:280px;margin-right:20px; margin-top:-15px;}
.jbit-doon{width:520px; float:right; height:280px; margin-top:-13px;}
.jbit-right{width:30px; float:right; height:250px;}

#masthead ul li a#webSlideLink-a {height: 76px; width: 244px; display: block;}
#masthead ul li a#webSlideLink-a h2#webSlideTitle {height: 76px; width: 244px; font-size:40px; line-height:35px; margin-top:5px;}
#masthead ul li a#webSlideLink-a h2#webSlideTitle:hover {}
#masthead ul li a#webSlideLink-b {width: 345px; margin: 12px 0 17px 0; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #003b59; display: block}
#masthead ul li a#webSlideLink-c {height: 15px; width: 220px;  display: block; font-size:18px; color:#006666;}
#masthead ul li a#webSlideLink-c:hover { color:#FFFFFF;}
#masthead ul li a#interactiveSlideLink-a {height: 67px; width: 209px; margin: 0 0 18px 0; display: block;}
#masthead ul li a#interactiveSlideLink-a h2#interactiveSlideTitle {height: 67px; width: 230px;font-size:40px; line-height:35px;}
#masthead ul li a#interactiveSlideLink-a h2#interactiveSlideTitle:hover {}
#masthead ul li a#interactiveSlideLink-b {width: 345px; margin: 0px 0 17px 0; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #003b59; display: block}
#masthead ul li a#interactiveSlideLink-c {height: 15px; width: 270px;display: block;font-size:18px; color:#006666;}
#masthead ul li a#interactiveSlideLink-c:hover { color:#FFFFFF;}
#masthead ul li a#animationSlideLink-a {height: 67px; width: 219px; display: block; margin-bottom:18px;}
#masthead ul li a#animationSlideLink-a h2#animationSlideTitle {height: 76px; width: 250px;font-size:40px; line-height:35px;}
#masthead ul li a#animationSlideLink-a h2#animationSlideTitle:hover {}
#masthead ul li a#animationSlideLink-b {width: 345px; margin: 0px 0 17px 0; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #003b59; display: block}
#masthead ul li a#animationSlideLink-c {height: 15px; width: 251px;display: block;font-size:18px; color:#006666;}
#masthead ul li a#animationSlideLink-c:hover { color:#FFFFFF;}
#masthead ul li a#videoSlideLink-a {height: 67px; width: 265px; display: block;}
#masthead ul li a#videoSlideLink-a h2#videoSlideTitle {height: 67px; width: 265px; margin: 0 0 0px 0; font-size:40px; line-height:35px;}
#masthead ul li a#videoSlideLink-a h2#videoSlideTitle:hover {}
#masthead ul li a#videoSlideLink-b {width: 345px; margin: 12px 0 17px 0; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #003b59; display: block}
#masthead ul li a#videoSlideLink-c {height: 15px; width: 214px; display: block; block;font-size:18px; color:#006666;}
#masthead ul li a#videoSlideLink-c:hover { color:#000000;}
#masthead ul li.webSlide {padding: 40px 0 0 30px}
#masthead ul li.interactiveSlide {margin: -10px 0 0 30px}
#masthead ul li.animationSlide {margin: 0px 0 0 30px}
#masthead ul li.videoSlide {margin: 0px 0 0 30px}

/* JQUERY EASYSLIDER NAVIGATION */
#blockNavigation {height: 138px; position: relative; top: -425px; left: 10px; z-index: 5000; background: url(../images/backgroundBlock-nav-easyslider.jpg) no-repeat left 2px}
#blockNav li {float: left; display: inline}
#blockNav li p#preload-web {background: transparent url(../images/blockNavWeb-hover.png) no-repeat -9999px -9999px} /* preload the images so there is no flicker */
#blockNav li p#preload-interactive {background: transparent url(../images/blockNavInteractive-hover.png) no-repeat -9999px -9999px} /* preload the images so there is no flicker */
#blockNav li p#preload-animation {background: transparent url(../images/blockNavAnimation-hover.png) no-repeat -9999px -9999px} /* preload the images so there is no flicker */
#blockNav li p#preload-video {background: transparent url(../images/blockNavVideo-hover.png) no-repeat -9999px -9999px} /* preload the images so there is no flicker */
#blockNav a,
#blockNav a.hover {height: 138px; display: block; cursor: pointer}
#blockNav a#blockNavWeb {width: 227px; background: transparent url(../images/blockNavWeb.png) no-repeat center top; text-indent: -999em}
#blockNav a#blockNavWeb:hover {background: transparent url(../images/blockNavWeb-hover.png) no-repeat center top}
#blockNav a#blockNavWeb.active {background: transparent url(../images/blockNavWeb-hover.png) no-repeat center top}
#blockNav a#blockNavInteractive {width: 225px; background: transparent url(../images/blockNavInteractive.png) no-repeat center top; text-indent: -999em}
#blockNav a#blockNavInteractive:hover {background: transparent url(../images/blockNavInteractive-hover.png) no-repeat center top}
#blockNav a#blockNavInteractive.active {background: transparent url(../images/blockNavInteractive-hover.png) no-repeat center top}
#blockNav a#blockNavAnimation {width: 224px; background: transparent url(../images/blockNavAnimation.png) no-repeat center top; text-indent: -999em}
#blockNav a#blockNavAnimation:hover {background: transparent url(../images/blockNavAnimation-hover.png) no-repeat center top}
#blockNav a#blockNavAnimation.active {background: transparent url(../images/blockNavAnimation-hover.png) no-repeat center top}
#blockNav a#blockNavVideo {width: 228px; background: transparent url(../images/blockNavVideo.png) no-repeat center top; text-indent: -999em}
#blockNav a#blockNavVideo:hover {background: transparent url(../images/blockNavVideo-hover.png) no-repeat center top}
#blockNav a#blockNavVideo.active {background: transparent url(../images/blockNavVideo-hover.png) no-repeat center top}


/* INTERIOR PAGE ONLY STYLES */
/***************************************************************************************************************/
body#interior {background: #ffffff}
#upper-wrapper {background: #ffffff url(../images/backgroundInterior-main-top.jpg) repeat-x left top}
#sideNavContent {
	width: 920px;
	background: transparent url(../images/sideNavPageBG.jpg) no-repeat top left;
	overflow: hidden;
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#sideNavContent2 {
	width: 920px;
	background: transparent url(../images/sideNavPageBG2.jpg) no-repeat top left;
	overflow: hidden;
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
#mastheadInterior {height: 63px; margin: 30px 0 0 10px; padding: 31px 32px 0 22px; background: transparent url(../images/mastheadInteriorBG.jpg) no-repeat scroll left top}
#mastheadInterior-portfolio {height: 94px; margin: 30px 0 0 10px; background: transparent url(../images/mastheadInteriorBG.jpg) no-repeat scroll left top}
#i-need-an-extra-div-here-cuz-ie6-sucks {padding: 31px 32px 0 22px; overflow: hidden}
#mastheadInterior a:hover,
#mastheadInterior-portfolio a:hover {text-decoration: underline; color: #397cbf}
#content {width: 904px; margin: 0 0 0 10px; background: #ffffff url(../images/contentBG.jpg) no-repeat left top; overflow: hidden}
#contentInner {margin: 0 26px 0 22px; padding: 0 0 20px 0; overflow: hidden}
#contentInner h2 {margin: 0 0 10px 0; color: #397cbf; font-size: 1.6em; font-weight: bold}
#contentInner h3 {color: #397cbf; font-weight: bold}
#contentInner p {margin: 0 0 15px 0; font-size: 1.2em; line-height: 1.4em}
#contentInner p.noMarg {margin: 0; font-size: 1.2em; line-height: 1.4em}


/* INTERIOR PAGE SIDE NAVIGATION */
#sideNavigation {width: 217px; float: left}
ul#sideNav {margin: 73px 0 0 0; padding: 2px 0 0 0; background: transparent url(../images/sideNavDivider.jpg) no-repeat right top}
ul#sideNav a {height: 14px; width: 194px; padding: 13px 23px 15px 0; font-size: 1.2em; color: #397cbf; display: block; background: transparent url(../images/sideNavDivider.jpg) no-repeat scroll right bottom; text-align: right; text-decoration: none}
ul#sideNav a.active_left{background: url(../images/sideNavHover.jpg) no-repeat right bottom; color: #a3b536}
ul#sideNav .hr{background: transparent url(../images/sideNavDivider.jpg) no-repeat scroll right bottom; color: #a3b536;height: 14px; width: 194px; padding: 13px 23px 15px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; text-align:right;}
ul#sideNav a:hover {background: url(../images/sideNavHover.jpg) no-repeat right bottom; color: #a3b536}

ul#sideNav h2.widgettitle {height: 14px; width: 194px; padding: 15px 23px 17px 0; font-size: 1.4em; font-weight: bold; text-align: right; color: #003b59; background: transparent url(../images/sideNavDivider.jpg) no-repeat right bottom}
ul#sideNav ul li.cat-item a {height: 14px; width: 194px; padding: 12px 23px 15px 0; font-size: 1.2em; text-align: right; background: transparent url(../images/sideNavDivider.jpg) no-repeat right bottom; display: block}
ul#sideNav ul li.cat-item a:hover {background: transparent url(../images/sideNavHover.jpg) no-repeat right bottom; color: #a3b536}
#sideNavContentInner {width: 634px; padding: 28px 45px 50px 20px; float: right}
#sideNavContentInner p {margin: 0 0 15px 0; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.5em}
#sideNavContentInner h3 {margin: 15px 0; font-size: 1.6em; color: #397cbf; font-weight: bold}
#sideNavContentInner h3#comments {margin: 15px 0}

#sideNavContentInner2 {width: 865px; padding: 28px 45px 50px 20px; float: left}
#sideNavContentInner2 p {margin: 0 0 15px 0; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.5em}
#sideNavContentInner2 h3 {margin: 15px 0; font-size: 1.6em; color: #397cbf; font-weight: bold}
#sideNavContentInner2 h3#comments {margin: 15px 0}

/* WEB-INTERACTIVE-ANIMATION-VIDEO */
.quadBox {width: 308px; margin: 0 18px 0 0; float: left}
.quadBox h4,
.quadBox h4 a {margin: 20px 0 15px 0; font-size: 122%; font-weight: bold; color: #397cbf; text-decoration: none}
.quadBox h4 a:hover {color: #003b59}
.quadBox a img {padding: 5px; background: #ffffff; border: 1px solid #cccccc}
.quadBox a:hover img {background: #fffed9}
.learnMoreLink{padding: 0 0 0 13px; background: transparent url(../images/blueArrow.jpg) no-repeat scroll left center; color: #397cbf; text-decoration: none; display: block}
.learnMoreLink2{padding: 0 0 0 13px;color: #397cbf; text-decoration: none; display: block}
#highlightBox {
	padding: 20px;
	overflow: hidden;
	border:1px solid #DAD7D7;
	background-color: #F6F6F6;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#highlightBox h3 {margin: 0 0 3px 0; padding: 0; font-size: 1.6em; font-weight: bold; color: #414141}
#highlightBox h3.social {margin: 0; font-size: 1.3em}
#highlightBox h4 {margin: 0 0 15px 0; font-size: 1.2em; font-weight: bold; color: #414141}
#highlightBox .processCheck {min-height: 35px; margin: 20px 0 0 0; color: #003b59; clear: both}
#highlightBox .processCheck img {float: left}
#highlightBox .processCheck h5 {margin: 0 0 0 39px; font-size: 1.6em; font-weight: bold; display: block}
#highlightBox .processCheck h5.soc {margin: 0 0 0 39px; padding: 4px 0 0 0; font-size: 1.6em}
#highlightBox .processCheck p {margin: 0 0 0 39px}
#pdfDownload {width: 160px; margin: 0 0 10px 30px; float: right}
#pdfDownload img {margin: 0 0 5px 0}
#pdfLink {font-size: 1.2em; font-weight: bold; text-align: center; display: block}
.imgLeft {margin: 1px 20px 20px 0; padding: 3px; border: 1px solid #cccccc; display: inline; float: left}
.imgLeft-icons {margin: 3px 20px; padding: 3px; border: 1px solid #cccccc; display: inline; float: left}

/* TOGGLES */
#vertical_container {margin: 20px 0 0 0; border-bottom: solid 1px #cccccc; clear: both; overflow: hidden}
#vertical_container2 {margin: 20px 0 0 0; clear: both; overflow: hidden}
#vertical_container .toggle .title {height: 30px; margin: 0; padding: 12px 20px 10px 35px; display: block; background: transparent url(../images/questionWhite1.jpg) no-repeat 10px center; border-top: solid 1px #cccccc}
#vertical_container .toggle .title {font-size: 1.45em; font-weight: bold; line-height: 2em; color: #397cbf; text-decoration: none; cursor: pointer}
#vertical_container .toggle .title:hover {background: #fffed9 url(../images/questionYellow2.jpg) no-repeat 10px center; color: #003b59; cursor: pointer}
#vertical_container .toggle .title.selected {background: #fffed9 url(../images/questionYellow1.jpg) no-repeat 10px center; border-top: solid 1px #cccccc;border-left: solid 1px #cccccc;border-right: solid 1px #cccccc;}
#vertical_container .toggle a.plarf {margin: 0; padding: 0; background: none; border: none; font-size: 1em; display: inline;border-left: solid 1px #cccccc;border-right: solid 1px #cccccc;}
#vertical_container .toggle-content {background: #fffed9; overflow: hidden;border-left: solid 1px #cccccc;border-right: solid 1px #cccccc;}
#vertical_container .toggle-content2 {background: #fffed9; overflow: hidden;border-left: solid 1px #cccccc;border-right: solid 1px #cccccc;border-top: solid 1px #cccccc;}
#vertical_container .toggle-content p {margin: 0 20px; padding: 0 0 18px 0; line-height: 1.6em}
#vertical_container .toggle-content img.icon {margin: 3px 20px 20px 20px; float: left; display: inline}
#vertical_container .toggle-content img.icon-plarf {margin: 10px 20px 20px 20px; float: left; display: inline}

/* ABOUT US */
#aboutCol1 {width: 335px; margin: 0 30px 0 0; padding: 0 0 50px 0; float: left}
#aboutCol1 h3.moveUp {margin: 0 0 5px 0; font-size: 1.3em}
#aboutCol1 h3.line {margin: 0 0 18px 0; padding: 0 0 18px 0; font-size: 1.6em; line-height: 1.4em; border-bottom: 1px solid #cccccc}
#aboutCol2 {width: 445px; margin: 8px 0 40px 0; padding: 30px 20px; background: #e6effa; float: right}
#aboutCol2 p {margin: 15px 0 0 0}
#aboutCol2 p#awardsYear {margin: -10px 0 0 0; font-size: 1.4em}
#aboutCol2 a {margin: 0 0 10px 0; font-size: 1.2em; display: block}
#aboutCol2 a:hover {color: #397cbf; text-decoration: underline}
ul.awardsDark {height: 30px; background: #cfe0f5 no-repeat scroll 0 0}
ul.awardsLight {height: 30px}
li.awardsText {width: 290px; margin: 8px 0 0 10px; font-size: 1.2em; display: inline; float: left}
li.awardsIcon {width: 20px; display: inline; float: left}
li.awardsAward {margin: 8px 0 0 0; font-size: 1.2em; display: inline; float: left}

/* CAREERS */
#scoot {padding: 0 0 30px 0}
#contentInner p.withArrow {padding: 0 0 0 20px; font-size: 1.6em; color: #397cbf; font-weight: bold; line-height: 1.6em; background: transparent url(../images/icon-arrow.gif) no-repeat left center}
#contentInner p.reqs {margin: 0 0 15px 0; font-size: 1.2em; color: #397cbf}
#contentInner p.mov {margin: 0 0 10px 20px; font-size: 1.2em}
ul.careerList {margin: 10px 0 20px 0}
ul.careerList li {margin: 10px 0 0 4px; padding: 0 0 0 15px; background: transparent url(../images/icon-greenplus.gif) no-repeat left center; font-size: 1.2em}
ul.careerList-opt {margin: 10px 0 20px 0}
ul.careerList-opt li {list-style-type: disc; list-style-position: outside; margin: 5px 0 0 34px; font-size: 1.2em; color: #737373; line-height: 1.6em}
.apply {margin: 20px 0 30px 0; padding: 10px 14px; background: #f7f7f7; border: 1px solid #cccccc; font-size: 1.2em; line-height: 1.2em}
.apply span {padding: 0 0 0 13px; background: transparent url(../images/blueArrow.jpg) no-repeat center left}

/* SITE MAP */
#siteMap-bottom {padding: 0 0 100px 0; overflow: hidden}
p#siteMap-title {font-size: 1.4em; text-decoration: none}
p#siteMap-title a {text-decoration: none}
ul.sitemap-first {width: 175px; padding: 0; float: left; background: none}
ul.sitemap {height: 105px; width: 152px; padding: 0 0 0 16px; float: left; background: transparent url(../images/grayDot.jpg) repeat-y left top}
ul.sitemap-first li,
ul.sitemap li {padding: 0 0 6px 0}
ul.sitemap-first li a,
ul.sitemap li a {color: #397cbf; text-decoration: none; font-size: 1.2em}
ul.sitemap-first li a:hover,
ul.sitemap li a:hover {color: #397cbf; text-decoration: underline}

/* CONTACT US */
#contactCol1 {width: 415px; float: left}
#contactCol1 h3 {margin: 0 0 15px 0; font-size: 1.4em; font-weight: bold}
#contactCol1 a:hover {text-decoration: underline; color: #397cbf}
#address-section {padding: 13px; background: #ededed; border: 1px solid #d9d9d9; font-weight: bold; overflow: hidden}
#address-section p.left-txt {margin: 0 20px 0 0; float: left}
#address-section #dot-me {margin: 0 8px; display: inline}
#qr-section {padding: 20px 0 20px 0; overflow: hidden}
#qr-section p {margin: 0}
#qr-section p#add-teh-vcard-noob {margin: 2px 0 8px 110px; padding: 0 0 8px 0; border-bottom: 1px dotted #cccccc; font-size: 1.4em; color: #397cbf}
#qr-section p#get-your-learn-on {margin: 5px 0 0 110px; padding: 1px 0 0 13px; color: #397cbf; text-decoration: none; background: transparent url(../images/blueArrow.jpg) no-repeat center left}
#qr {margin: 0 12px 0 0; padding: 3px; border: 1px solid #cccccc; float: left}
#contactMap {height: 280px; margin: 0 0 40px 0; padding: 3px; border: 1px solid #cccccc; clear: both; float: left}
#contactCol2 {width: 375px; margin: 5px 0 40px 0; padding: 23px 20px 27px 25px; background: #e6effa; float: right}
p#success,
p#bademail,
p#badserver {font-size: 1.6em; font-weight: bold; display: none}
p#success {color: #439132}
p#bademail {color: #910000}
p#badserver {color: #000000}
#wpcf7-f1--o1 {margin: 20px 0 0 0}
#wpcf7-f1--o1 p.leftField-a {margin: 0 12px 25px 0; float: left}
#wpcf7-f1--o1 p.leftField-b {margin: 0 0 25px 0; float: left}
#wpcf7-f1--o1 input {border-top: 2px solid #aaadb4; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef; border-left: 2px solid #aaadb4; padding: 4px; width: 166px}
#wpcf7-f1--o1 textarea {margin: 2px 0 0 0; border-top: 2px solid #aaadb4; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef; border-left: 2px solid #aaadb4; padding: 4px; width: 356px; font-family: Arial, sans-serif; font-size: 1.2em}
#wpcf7-f1--o1 #submit {border: none; background: transparent url(../images/submitBG.jpg) no-repeat; height: 39px; width: 159px; margin: 0 10px 0 0; padding: 0; color: #003b59; font-weight: bold; cursor: pointer; font-family: Arial, sans-serif; float: left}
#wpcf7-f1--o1 p#submit-button {margin: 0}
#wpcf7-f1--o1 .ajax-loader {display: none}
#wpcf7-f1--o1 .wpcf7-validation-errors {margin: 19px 0 0 0; font-size: 1.2em; color: #ff0000; font-weight: bold}
#wpcf7-f1--o1 .wpcf7-mail-sent-ok {margin: 19px 0 0 0; font-size: 1.2em; color: #007f00; font-weight: bold}


/* PORTFOLIO */
h2#portfolioHeader {height: 22px; width: 115px; margin: 0 0 10px 0; padding: 0 0 10px 0; text-indent: -999em; background: url(../images/mainHeaderPortfolio.jpg) no-repeat; float: left; display: block}
a#portLink-videos {margin: 3px 0 0 0; padding: 0 27px 0 0; font-size: 1.2em; font-weight: bold; line-height: 2.2em; background: transparent url(../images/iconYoutube.gif) no-repeat right center; float: right}
h3.portHeaderWeb {margin: 20px 0 0 0; background: #e7effa url(../images/portHeaderWeb.jpg) no-repeat}
h3.portHeaderInteractive {background: #e7effa url(../images/portHeaderInteractive.jpg) no-repeat}
h3.portHeaderAnimation {background: #e7effa url(../images/portHeaderAnimation.jpg) no-repeat}
h3.portHeaderVideo {background: #e7effa url(../images/portHeaderVideo.jpg) no-repeat}
h3.portHeaderWeb,
h3.portHeaderInteractive,
h3.portHeaderAnimation,
h3.portHeaderVideo {height: 40px; text-indent: -999em; clear: both}
ul.portThumbList li {height: 148px; width: 203px; margin: 14px 12px 40px 0; border: 1px solid #e2e2e2; float: left; display: inline}
ul.portThumbList li.lastThumb {margin-right: 0}
.portThumb a {height: 138px; width: 193px; margin: 5px; overflow: hidden; display: block}
.portThumb a span, .portThumb a.no {display: none}
.portThumb a.web1 {background: transparent url(../images/portfolio/web/webThumb1.jpg) top left}
.portThumb a.web1:hover {background: transparent url(../images/portfolio/web/webThumb1.jpg) bottom left}
.portThumb a.web2 {background: transparent url(../images/portfolio/web/webThumb2.jpg) top left}
.portThumb a.web2:hover {background: transparent url(../images/portfolio/web/webThumb2.jpg) bottom left}
.portThumb a.web3 {background: transparent url(../images/portfolio/web/webThumb3.jpg) top left}
.portThumb a.web3:hover {background: transparent url(../images/portfolio/web/webThumb3.jpg) bottom left}
.portThumb a.web4 {background: transparent url(../images/portfolio/web/webThumb4.jpg) top left}
.portThumb a.web4:hover {background: transparent url(../images/portfolio/web/webThumb4.jpg) bottom left}
.portThumb a.interactive1 {background: transparent url(../images/portfolio/interactive/interactiveThumb1.jpg) top left}
.portThumb a.interactive1:hover {background: transparent url(../images/portfolio/interactive/interactiveThumb1.jpg) bottom left}
.portThumb a.interactive2 {background: transparent url(../images/portfolio/interactive/interactiveThumb2.jpg) top left}
.portThumb a.interactive2:hover {background: transparent url(../images/portfolio/interactive/interactiveThumb2.jpg) bottom left}
.portThumb a.interactive3 {background: transparent url(../images/portfolio/interactive/interactiveThumb3.jpg) top left}
.portThumb a.interactive3:hover {background: transparent url(../images/portfolio/interactive/interactiveThumb3.jpg) bottom left}
.portThumb a.interactive4 {background: transparent url(../images/portfolio/interactive/interactiveThumb4.jpg) top left}
.portThumb a.interactive4:hover {background: transparent url(../images/portfolio/interactive/interactiveThumb4.jpg) bottom left}
.portThumb a.animation1 {background: transparent url(../images/portfolio/animation/animationThumb1.jpg) top left}
.portThumb a.animation1:hover {background: transparent url(../images/portfolio/animation/animationThumb1.jpg) bottom left}
.portThumb a.animation2 {background: transparent url(../images/portfolio/animation/animationThumb2.jpg) top left}
.portThumb a.animation2:hover {background: transparent url(../images/portfolio/animation/animationThumb2.jpg) bottom left}
.portThumb a.animation3 {background: transparent url(../images/portfolio/animation/animationThumb3.jpg) top left}
.portThumb a.animation3:hover {background: transparent url(../images/portfolio/animation/animationThumb3.jpg) bottom left}
.portThumb a.animation4 {background: transparent url(../images/portfolio/animation/animationThumb4.jpg) top left}
.portThumb a.animation4:hover {background: transparent url(../images/portfolio/animation/animationThumb4.jpg) bottom left}
.portThumb a.video1 {background: transparent url(../images/portfolio/video/videoThumb1.jpg) top left}
.portThumb a.video1:hover {background: transparent url(../images/portfolio/video/videoThumb1.jpg) bottom left}
.portThumb a.video2 {background: transparent url(../images/portfolio/video/videoThumb2.jpg) top left}
.portThumb a.video2:hover {background: transparent url(../images/portfolio/video/videoThumb2.jpg) bottom left}
.portThumb a.video3 {background: transparent url(../images/portfolio/video/videoThumb3.jpg) top left}
.portThumb a.video3:hover {background: transparent url(../images/portfolio/video/videoThumb3.jpg) bottom left}
.portThumb a.video4 {background: transparent url(../images/portfolio/video/videoThumb5.jpg) top left} /* changed to 5 */
.portThumb a.video4:hover {background: transparent url(../images/portfolio/video/videoThumb5.jpg) bottom left}
.portThumb a.web11,
.portThumb a.web22,
.portThumb a.web33,
.portThumb a.web44,
.portThumb a.interactive22,
.portThumb a.interactive33 {display: none}


/* BLOG ONLY STYLES */
/***************************************************************************************************************/
#sideNavContent h2.blog-singleTitle {font-size: 2.4em; color: #397CBF}
.author-singlepage {margin: 0 0 15px 0; padding: 6px 0 5px 22px;  font-size: 1.2em; color: #999999; background: transparent url(../images/submittedIcon.jpg) no-repeat left center}
#sideNavContentInner .posted-in {margin: 0 30px 0 0; padding: 5px 0 5px 18px; font-size: 1.2em; color: #999999; background: transparent url(../images/postedInIcon.jpg) no-repeat left center; float: left}
#sideNavContentInner .posted-in a {text-decoration: none}
#sideNavContentInner .posted-in a:hover {text-decoration: underline}
#sideNavContentInner .read-more {margin: 0; padding: 5px 0 5px 13px; background: transparent url(../images/blueArrow.jpg) no-repeat left center; float: left}
#sideNavContentInner .read-more a {text-decoration: none}
#sideNavContentInner .read-more a:hover {text-decoration: underline}
#sideNavContentInner .add-comment {margin: 0; padding: 5px 0 5px 20px; font-size: 1.2em; color: #999999; background: transparent url(../images/commentIcon.jpg) no-repeat left center; float: right}
#sideNavContentInner .add-comment a {text-decoration: none}
#sideNavContentInner .add-comment a:hover {text-decoration: underline}
#search-box {height: 45px; margin:0 0 15px 0; border-bottom: 1px solid #cccccc; overflow: hidden}
#search-box img {margin: 5px 0 0 0; float: left}
.widecolumn {width: 634px}
.entry {width: 634px; margin: 0 0 30px 0; border-bottom: 1px solid #cccccc}
.entry a {text-decoration: underline}
.entry a:hover {text-decoration: none; color: #397cbf}
.entry img.postImage {border: 1px solid #cccccc; padding: 5px}
.post-footer {margin: 25px 0 10px 0; overflow: hidden}
#subscribe {margin: 16px 0 0 0; padding: 0 0 15px 0; text-align: right}
#subscribe a.subscribeLink {padding: 1px 0 1px 20px; background: transparent url(../images/subscribeIcon.jpg) no-repeat center left; font-size: 1.2em}
#subscribe a.subscribeLink:hover {color: #397cbf; text-decoration: underline}
#category-archive {margin: 0 0 30px 0}
#category-archive h4 {margin: 0; padding: 0 0 0 22px; background: transparent url(../images/categoryIcon.jpg) no-repeat center left; font-size: 1.4em; color: #397cbf; float: left}

/* BLOG COMMENTS */
#sideNavContentInner .comment {margin: 0 0 40px 0}
#sideNavContentInner .comment-body {margin: 20px 0}
#sideNavContentInner .comment-body p {margin: 0; padding: 0}
#sideNavContentInner .comment-body em {font-size: 1.2em; line-height: 1.6em; color: #ff0000}
#sideNavContentInner .comment-bubble-top {height: 15px; background: #ffffff url(../images/commentsform-commentbubble.gif) no-repeat left top}
#sideNavContentInner .comment-bubble-bottom {margin: 0 0 5px 0; padding: 0 15px 15px 15px; background: #ffffff url(../images/commentsform-commentbubble.gif) no-repeat left bottom}
#sideNavContentInner .comment-bubble-bottom p {margin: 0 0 15px 0}
#sideNavContentInner .comment-author .fn {font-size: 1.2em; font-style: normal}
#sideNavContentInner .comment-author .fn a:hover {color: #397cbf; text-decoration: underline}
#sideNavContentInner .comment-author img {display: none}
#sideNavContentInner .comment-meta a {font-size: 1.2em; color: #999999}
#sideNavContentInner .comment-meta a.comment-edit-link {color: #ff0000}
#sideNavContentInner .comment-meta a.comment-edit-link:hover {text-decoration: underline}
li.comment {list-style: none}
li.comment span {display: none}

/* BLOG COMMENT FORM */
ol#comments-form,
#respond li {list-style: none}
ol#comments-form li {margin: 0 0 20px 0}
ol#comments-form li#the-comments-box {margin: 0 0 40px 0}
ol#comments-form li#no-margin{margin: 0}
.error {font-size: 1.2em; font-weight: bold; color: #be0005; padding: 1px 0 0 20px; background: transparent url(../images/icon-smallx.gif) no-repeat left center}
#respond {padding: 20px; background: #eeeeee; border: 1px solid #cccccc; overflow: hidden}
#respond label {font-size: 1.3em; font-weight: bold}
#respond input {width: 302px; margin: 5px 0 8px 0; padding: 3px; background: transparent url(../images/commentsform-input.gif) no-repeat left center; border: none; color: #7f7f7f; font-size: 1.3em; display: block}
#respond input#comment_post_ID,
#respond input#comment_parent,
#respond input#_wp_unfiltered_html_comment,
#respond input#wphc_value,
#respond p#hc-text {display: none}
#respond textarea#comment {height: 188px; width: 584px; margin: 5px 0 8px 0; padding: 3px; background: transparent url(../images/commentsform-textarea.gif) no-repeat left center; border: none; color: #7f7f7f; display: block}
#respond input#submit {height: 39px; width: 159px; margin: 5px 0 8px 0; border: none; background: transparent url(../images/commentsform-inputbutton.gif) no-repeat left center; text-indent: -999em; cursor: pointer}
h3#comment-title {margin: 50px 0 20px 0; font-size: 1.6em; color: #397cbf}

/* BLOG SEARCH FORM */
form#searchform {margin: 5px 0 0 0; padding: 0 0 3px 0; background: transparent url(../images/icon-searchform.gif) no-repeat left center; float: right}
form#searchform label {display: none}
form#searchform input#s {width: 152px; margin: 0 7px 0 25px; padding: 3px; background: transparent url(../images/searchform.gif) no-repeat; border: none; color: #7f7f7f; font-size: 1.3em}
form#searchform input#searchsubmit {width: 34px; height: 24px; border: none; background: transparent url(../images/go-searchform.gif) no-repeat left center; text-indent: -999em; cursor: pointer}
form#commentform textarea {width: 400px}
p#search-results {margin: 0 0 30px 0; padding: 15px 0 30px 0; font-size: 1.6em; border-bottom: 1px solid #cccccc}

/* BLOG PAGINATION */
.pages,
.extend {display: none}
.wp-pagenavi {font-size: 1.2em}
.current {height: 17px; width: 19px; margin: 0 5px 0 0; padding: 3px 0 0 0; background: #397cbf; text-align: center; color: #ffffff; display: block; float: left}
.wp-pagenavi a.page {height: 16px; width: 18px; margin: 0 5px 0 0; padding: 2px 0 0 0; border: 1px solid #cccccc; text-align: center; display: block; float: left}
.wp-pagenavi a.last {height: 16px; margin: 0 5px 0 0; padding: 2px 5px 0 5px; border: 1px solid #cccccc; text-align: center; display: block; float: left}
.wp-pagenavi a {height: 16px; margin: 0 5px 0 0; padding: 2px 5px 0 5px; border: 1px solid #cccccc; text-align: center; display: block; float: left}
.wp-pagenavi a:hover {background: #cccccc; color: #397cbf}

/* BLOG POST STYLING */
.entry ol,
.entry-homepage ol {list-style-type: decimal-leading-zero; list-style-position: inside; margin: 0 0 10px 0}
.entry ol li,
.entry-homepage ol li {padding: 0 0 5px 0; font-size: 1.2em}
.entry ul li,
.entry-homepage ul li {padding: 0 0 5px 0; margin: 0 0 0 15px; font-size: 1.2em}
.entry img {padding: 3px; border: 1px solid #cccccc}
.entry ul {list-style-type: disc}
.entry ul.down {margin: 0 0 40px 0; list-style-type: disc}
.entry a.anchor {background: #e0e0e0; margin: 0; padding: 5px; color: #414141; font-size: 1.4em; font-weight: bold; text-decoration: none; display: block}
.entry p.regift {padding: 1px 0 0 20px; background: transparent url(../images/icon-gift.gif) no-repeat left center}
.divider-green {height: 10px; margin: 0 0 21px 0; border-bottom: 1px dotted #cccccc; clear: both}


/* PAGE HEADER STYLES */
/***************************************************************************************************************/
h2.interiorHeader {height: 29px; margin: 0 0 13px 0;}
.aboutUsHeader {background: url(../images/mainHeaderAboutUs.jpg) no-repeat left top}
.webHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderWeb.jpg) no-repeat left top}
.webDesignHeader {padding: 3px 0 0 0; font-size:24px;}
.richAppsHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderRichApps.jpg) no-repeat left top}
.onlineMarketingHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderOnlineMarketing.jpg) no-repeat left top}
.socialMediaHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderSocialMedia.jpg) no-repeat left top}
.interactiveHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderInteractive.jpg) no-repeat left top}
.onlineRichMediaHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderOnlineRichMedia.jpg) no-repeat left top}
.offlineRichMediaHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderOfflineRichMedia.jpg) no-repeat left top}
.digitalSignageHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderDigitalServices.jpg) no-repeat left top}
.animationHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderAnimation.jpg) no-repeat left top}
.animationProcessHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderAnimationProcess.jpg) no-repeat left top}
.dModelingHeader {padding: 3px 0 0 0; background: url(../images/mainHeader3dModeling.jpg) no-repeat left top}
.videoHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderVideo.jpg) no-repeat left top}
.pre-productionHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderPreProduction.jpg) no-repeat left top}
.productionHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderProduction.jpg) no-repeat left top}
.post-productionHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderPostProduction.jpg) no-repeat left top}
.careersHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderCareers.jpg) no-repeat left top}
.sitemapHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderSitemap.jpg) no-repeat left top}
.contactUsHeader {padding: 3px 0 0 0; background: url(../images/mainHeaderContactUs.jpg) no-repeat left top}
.privacyHeader {padding: 3px 0 0 0; background: url(../images/headerPrivacy-policy.jpg) no-repeat left top}


/* FOOTER */
/***************************************************************************************************************/
#footer {height: 257px; background: transparent url(../images/backgroundFooter.jpg) repeat-x; clear: both}
#footerContent {height: 257px; width: 904px; margin: 0 auto; padding: 0 0 0 20px}
.footerCol {float: left; height: 136px; width: 155px; margin: 20px 0 0 0; color: #ffffff; font-size: 1.2em; padding: 0 10px 0 10px; background: transparent url(../images/blueDot.gif) repeat-y right top;}
.footerColone {float: left; height: 136px; width: 10px; margin: 20px 0 0 0px; color: #ffffff; font-size: 1.2em; padding: 0px; background: transparent url(../images/blueDot.gif) repeat-y right top;}
.footerCol h3 {padding: 0 0 10px 0; display: none}
.footerCol img {text-align: left}
.footerCol p {padding: 10px 0 0 0; text-align: left}
.footerCol a {color: #ffffff; text-decoration: underline}
.footerCol a:hover {color: #ffffff; text-decoration: none}
a.contactLogos {margin: 5px 10px 0 0; float: left; display: inline}
#copyright {padding: 58px 0 0 15px; font-size: 1.2em; color: #a6a6a6; text-align: left; clear: both; display: block}
#copyright a {margin: 0 0 0 10px; padding: 0 0 0 12px; color: #a6a6a6; text-decoration: underline; border-left: 1px solid #a6a6a6; display: inline-block}
#copyright a:hover {text-decoration: none}


/* VAGABOND CLASSES */
/***************************************************************************************************************/
.noMarg {margin: 0}
.topMarg {padding: 15px 0 0 0}
.noBord {background: none}
.noBorder {border: none}
.grayLine {border-top: 1px solid #cccccc; clear: both}
.i-can-has-a-line {padding: 0 0 5px 0; border-bottom: 1px solid #cccccc}

a.dep{border:dotted 1px #CCCCCC; width:361px; display:block; padding:6px; margin-bottom:3px; font-size:12px;background-color:#F6F6F6;}
a.dep:hover{ background-color:#ffffff;}
.dep_btm{margin-bottom:14px;}
a.bigy:hover{ text-decoration:underline;}

a.foot{font-size:16px;}
.power{float:right;width: 278px;height: 16px;}
.govern{border:solid 1px #999999; padding:2px; float:left; margin-left:20px; margin-right:10px;}

.faculty{background:url(../images/faculty.png) no-repeat; width:194px; height:298px; float:left; margin-top:40px; margin-left:10px;}
.member{background:url(../images/member.png) no-repeat; width:194px; height:298px; float:right; margin-top:40px;}
.contact{background:url(../images/contact.png) no-repeat; width:194px; height:298px; float:right; margin-top:40px;}
.sitemap{background:url(../images/sitemap.png) no-repeat; width:194px; height:298px; float:right; margin-top:40px;}
.policy{background:url(../images/policy.png) no-repeat; width:194px; height:150px; float:right; margin-top:40px;}

.ragging{background:url(../images/anti-ragging.png) no-repeat; width:194px; height:298px; float:left; margin-top:40px; margin-left:10px;}
.fac_list{font-size:12px; line-height:30px; border-top:solid 1px #CCCCCC;}
.lab{list-style-type:circle; margin-left:30px;}

a.download{ font-size:18px; margin-bottom:5px; line-height:40px;}
.anti{border:solid 1px #CCCCCC;}

.media{border:solid 1px #999999; padding:2px;}
.career{pading-top:20px;}
.library{margin-left:20px; font-size:11px; list-style-type:circle;}
.list{border-top:solid 1px #CCCCCC; line-height:20px; font-size:12px; text-align:center;}
.list{border-top:solid 1px #CCCCCC; line-height:20px; font-size:11px; text-align:center;}
.list-e{font-size:12px; margin:0 auto;}
.lab2{ margin-left:20px; font-size:12px; list-style-type:circle; line-height:20px;}
.rules{font-size:12px; margin-left:20px; list-style-type:circle; line-height:20px;}
.exam{border:solid 1px #CCCCCC; margin-top:10px;}
.contact_us{margin-left:20px; font-size:12px; line-height:26px;}
.msg{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; margin-top:-35px;}

.messages{float:right; font-size:14px; background:url(../images/messages.jpg) no-repeat; height:30px; width:80px; text-align:center; padding-right:8px;}
.messages a{color:#778719;}
.messages a:hover{text-decoration:underline;}
.member{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px;}

.btn{background:url(../images/btn_bg.jpg) repeat-x; border:solid 1px #333333;}
.textbx{width:180px;}
.members{float:right; font-size:14px; background:url(../images/members.jpg) no-repeat; height:30px; width:110px; text-align:center; padding-right:3px; padding-left:3px;}
.members a{color:#778719;}
.members a:hover{text-decoration:underline;}
.textbo{width:180px;}
.log{font-size:12px;}
.log2{font-size:12px; margin-left:30px;}
.logi{float:left;}