body {margin:0px; padding:0px; background-color:#31434d; font-family: verdana; font-size: 12px; background-image: url(../images/body_bg.jpg); background-repeat: repeat-x;}

h1{ color: #2e3d4f; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px;}
h2{ color: #2e3d4f; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px 0px 5px 0px;}
h3{ color: #93bdbd; font-size: 16px; font-weight: normal; margin: 0px; padding: 0px 0px 5px 40px; text-align: left;}

#text{ color: #bdbdae; font-size: 12px;}


a { color: #ffd700; text-decoration: underline; }
a:hover { color: #5da7c8; }
.commonBlue{ color:#5da7c8; }
.noDecoration{ text-decoration: none; }
.clearer{ clear: both;}
.floatLeft { float: left; }
.floatRight { float: right; }

a.blog { color: #ffd700; text-decoration: none; font-size:12px }
a.blog:hover { color: #5da7c8; font-size:12px }


#wrapper{ margin: 0px auto; text-align: center; }
#contentArea{ position:relative; overflow: visible;  width: 841px; min-height: 246px; margin: 0px auto; display: block;  background-image: url(../images/body_swirl_bg.jpg); background-repeat: no-repeat; background-position: 495px 1px; }
.mainTextArea{ display: block; float: left; margin-top: 15px; width: 586px; min-height: 258px; background-image: url(../images/main_text_area_bg.png); background-repeat: no-repeat;}
.mainTextArea p{ color: #ffffff; text-align: left; padding: 15px 15px 35px 38px; margin-top: 0px; line-height: 17px;}
.interiorPageTextArea{ display: block; float: left; margin-top: 15px; width: 586px; min-height: 258px; background-image: url(../images/main_text_area_bg.png); background-repeat: no-repeat;}
.interiorPageTextArea p{ color: #ffffff; text-align: left; padding: 15px 15px 35px 38px; margin-top: 0px; line-height: 17px;}

/* HEADER */
.header{ display: block; margin: 0px auto; width: 1200px; height: 133px; background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; }
.logoLink{ display: block; float: left; width: 350px; height: 100px; margin-left: 175px;}
.rssLink, .rssLink:link{ display: block; float: left; width: 59px; height: 60px; margin-left: 326px; margin-top: 55px; background-image: none; background-repeat: no-repeat; background-position: left 0px; }
.rssLink:hover, .rssLink:focus{ display: block; float: left; width: 59px; height: 60px; margin-left: 326px; margin-top: 55px; background-image: url(../images/rss_btn_ovr.jpg); background-repeat: no-repeat; background-position: left 0px; }

/* FOOTER */
#footer{ clear:both; display: block; padding-top: 0px; width: 100%; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; background-position: left 57px; height: 304px; } 
#footerContentArea{  position: relative; display: block; width: 834px; height: 304px; margin: 0px auto;  background-image: url(../images/footer_top_bg.jpg); background-repeat: no-repeat;}
.inktvis{ display: block; float: left; cursor: pointer; position: absolute; left: 10px; top: 10px;  width: 68px; height: 68px; background-image: url(../images/inktvis.png); background-repeat: no-repeat; }
.inktvis_hover{ display: block; float: left; cursor: pointer; position: absolute; left: 10px; top: 10px;  width: 68px; height: 68px; background-image: url(../images/inktvis_wink.png); background-repeat: no-repeat; }
.error_message{ display: block; float: left; position: absolute; left: 75px; top: 10px; width: 700px; height: 25px; text-align: left; color: #ff2400; }
.success_message{ display: block; float: left; position: absolute; left: 75px; top: 10px; width: 700px; height: 25px; text-align: left; color: #36ff00; }

#footerContactForm{ display: block; float: left;  margin: 75px 20px 0px 35px; width: 287; }
#footerContactForm tr{ padding: 0px; margin: 0px; border: none;  }
.footerContactFormRowSeparator{ height: 10px; }
#footerContactForm span{ color: #ffd700; font-size: 12px;}

#footerOfficeLocationArea{ display: block; float: left; margin: 75px 14px 0px 18px; width: 228; height: 167; text-align: left;}
#footerOfficeLocationArea p{ color: #ffffff; font-size: 12px; }

#footerStayConnectedArea{ display: block; float: left; color: #5da7c8;  margin: 75px 0px 0px 18px; width: 200; height: 167; text-align: left;}

.footerSeparator{ display: block; float: left; margin: 0px 0px 0px 0px; width: 2px; height: 243px; background-image: url(../images/footer_separator.gif); background-repeat: no-repeat;}
.footerInputBox{ display: block; background-color: #ffffff; width: 200px; height: 25px; border: none; margin: 0px; padding-top: 5px; }
.footerInputBoxLarge{ display: block; background-color: #ffffff; width: 200px; height: 97px; border: none; margin: 0px; padding-top: 5px;}
.formTitle{ text-align: right; padding-right: 10px; }
#submitButton{ display: block; float: right; position: absolute; border: none; left: 43px; top: 216px; width: 71px; height: 26px; background-image: url(../images/submit_btn.gif); background-repeat: no-repeat; }
#submitButton:hover{ cursor:pointer; display: block; float: right; width: 71px; border: none; height: 26px; background-image: url(../images/submit_btn_ovr.gif); background-repeat: no-repeat; }

#footerCopyright{ display: block; overflow: hidden; position: absolute; top: 270px; left: 0px; padding: 10px 0px 0px 45px; width: 100%; height: 34px; color: aeaeae; text-align: left; background-image: url(../images/footer_dot.gif); background-repeat: no-repeat; background-position: 285px 0px;}
#footerCopyright a{ color: #aeaeae; text-decoration: none; margin-right: 20px;}
#footerCopyright a:hover{ color: #aeaeae; text-decoration: underline; }

/* NAV */
#nav{ display: block; float: left; width: 100%; overflow: visible; position: relative; }
#navHome{ display: block; float: left; width: 101px; height: 48px; background-image: url(../images/nav_home_btn.gif); background-repeat: no-repeat; }
#navHome:hover{ display: block; float: left; cursor: pointer; width: 101px; height: 48px; background-image: url(../images/nav_home_btn_ovr.gif); background-repeat: no-repeat; }
#navHomeSelected{ display: block; float: left; cursor: pointer; width: 101px; height: 48px; background-image: url(../images/nav_home_btn_ovr.gif); background-repeat: no-repeat; }
#navAbout{ display: block; float: left; width: 106px; height: 48px; background-image: url(../images/nav_about_btn.gif); background-repeat: no-repeat; }
#navAbout:hover{ display: block; float: left; cursor: pointer; width: 106px; height: 48px; background-image: url(../images/nav_about_btn_ovr.gif); background-repeat: no-repeat; }
#navAboutSelected{ display: block; float: left; cursor: pointer; width: 106px; height: 48px; background-image: url(../images/nav_about_btn_ovr.gif); background-repeat: no-repeat; }
#navServices{ display: block; float: left;  width: 97px; height: 48px; background-image: url(../images/nav_services_btn.gif); background-repeat: no-repeat; }
#navServices:hover{ display: block; float: left; cursor: pointer; width: 97px; height: 48px; background-image: url(../images/nav_services_btn_ovr.gif); background-repeat: no-repeat; }
#navServicesSelected{ display: block; float: left; cursor: pointer; width: 97px; height: 48px; background-image: url(../images/nav_services_btn_ovr.gif); background-repeat: no-repeat; }
#navGallery{ display: block; float: left;  width: 96px; height: 48px; background-image: url(../images/nav_gallery_btn.gif); background-repeat: no-repeat; }
#navGallery:hover{ display: block; float: left; cursor: pointer; width: 96px; height: 48px; background-image: url(../images/nav_gallery_btn_ovr.gif); background-repeat: no-repeat; }
#navGallerySelected{ display: block; float: left; cursor: pointer; width: 96px; height: 48px; background-image: url(../images/nav_gallery_btn_ovr.gif); background-repeat: no-repeat; }
#navPortfolio{ display: block; float: left;  width: 99px; height: 48px; background-image: url(../images/nav_portfolio_btn.gif); background-repeat: no-repeat; }
#navPortfolio:hover{ display: block; float: left; cursor: pointer; width: 99px; height: 48px; background-image: url(../images/nav_portfolio_btn_ovr.gif); background-repeat: no-repeat; }
#navPortfolioSelected{ display: block; float: left; cursor: pointer; width: 99px; height: 48px; background-image: url(../images/nav_portfolio_btn_ovr.gif); background-repeat: no-repeat; }
#navBlog{ display: block; float: left;  width: 125px; height: 48px; background-image: url(../images/nav_blog_btn.gif); background-repeat: no-repeat; }
#navBlog:hover{ display: block; float: left; cursor: pointer; width: 125px; height: 48px; background-image: url(../images/nav_blog_btn_ovr.gif); background-repeat: no-repeat; }
#navBlogSelected{ display: block; float: left; cursor: pointer; width: 125px; height: 48px; background-image: url(../images/nav_blog_btn_ovr.gif); background-repeat: no-repeat; }

#navContactContainer{ position: relative; }
#navContact{ position: absolute; top: -9px; left: 680px; display: block; float: right; overflow: visible;  width: 159px; height: 64px; background-image: url(../images/nav_contact_btn.png); background-repeat: no-repeat; }
#navContact:hover{ display: block; float: right; cursor: pointer; width: 159px; height: 64px; background-image: url(../images/nav_contact_btn_ovr.png); background-repeat: no-repeat; }

/* HOMEPAGE */
#homepageSlideshow{ position:relative; text-align: left; display: block; float: left; margin-top: 13px; width: 587px; height: 246px; background-image: url(../images/homepage_slideshow_bg.jpg); background-repeat: no-repeat; }
#socialMediaCallout{ display: block; position:relative; float: left; width: 240px; height: 246px; margin-left: 11px;  margin-top: 10px; padding: 0px; }
#twitterBird{ display: block; float: left; position: absolute; top:-44px; left: 0px; width: 76px; height: 87px; background-image: url(../images/twitter_bird.jpg); background-repeat: no-repeat; }
#twitterBird2:hover{ display: block; float: left; position: absolute; top:-44px; left: 0px; cursor: pointer; width: 76px; height: 87px; background-image: url(../images/twitter_bird_ovr.jpg); background-repeat: no-repeat; }
#twitterSpeachBox{ display: block; float: left;  position: absolute; top:2px; left: 76px; width: 169px; height: 160px; background-image: url(../images/twitter_speach_box.jpg); background-repeat: no-repeat; }
#twitterSpeachBox .text{ display: block; position: absolute; top:10px; left: 15px; text-align: left; padding: 0px; color: #051c2e; font-size: 11px; width: 140px; margin: 0px; white-space: inherit;}
#twitterSpeachBox a{ text-decoration: none; }
#twitterSpeachBox a:hover{ color: #ffd700; text-decoration: underline; }

#facebookIcon{ display: block; float: left; position: absolute; top:50px; left: 15px; width: 44px; height: 44px; background-image: url(../images/icon_facebook_btn.png); background-repeat: no-repeat; }
#facebookIcon:hover{ display: block; float: left;  width: 44px; height: 44px; background-image: url(../images/icon_facebook_btn_ovr.png); background-repeat: no-repeat; }
#flickrIcon{ display: block; float: left; position: absolute; top:100px; left: 15px; width: 44px; height: 44px; background-image: url(../images/icon_flickr_btn.png); background-repeat: no-repeat; }
#flickrIcon:hover{ display: block; float: left;  width: 44px; height: 44px; background-image: url(../images/icon_flickr_btn_ovr.png); background-repeat: no-repeat; }
#linkedinIcon{ display: block; float: left; position: absolute; top:150px; left: 15px; width: 44px; height: 44px; background-image: url(../images/icon_linkedin_btn.png); background-repeat: no-repeat; }
#linkedinIcon:hover{ display: block; float: left; left: 15px; width: 44px; height: 44px; background-image: url(../images/icon_linkedin_btn_ovr.png); background-repeat: no-repeat; }
#twitterIcon{ display: block; float: left; position: absolute; top:200px; left: 15px; width: 44px; height: 44px; background-image: url(../images/icon_twitter_btn.png); background-repeat: no-repeat; }
#twitterIcon:hover{ display: block; float: left;  width: 44px; height: 44px; background-image: url(../images/icon_twitter_btn_ovr.png); background-repeat: no-repeat; }

#requestAQuote{ display: block; float: left; position: absolute; top:165px; left: 84px; width: 154px; height: 83px; background-image: url(../images/request_a_quote_btn.jpg); background-repeat: no-repeat; }
#requestAQuote:hover{ display: block; float: left; width: 154px; height: 83px; background-image: url(../images/request_a_quote_btn_ovr.jpg); background-repeat: no-repeat; }

.welcomeToInktvisCreative{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/welcome_to_inktvis_creative.png); background-repeat: no-repeat;}

#latestNewsCallout { display: block; float: left; width: 232px; margin: 15px 0px 0px 18px;}
#latestNewsCalloutTop{ display: block; float: left; width: 232px; height: 77px; background-image: url(../images/latest_news_callout_top.jpg); background-repeat: no-repeat;}
#latestNewsCalloutTopBlogButton{ display: block; float: left; margin: 11px 0px 0px 14px; width: 40px; height: 60px; background-image: url(../images/latest_news_blog_btn.jpg); background-repeat: no-repeat; }
#latestNewsCalloutTopBlogButton:hover{ display: block; float: left; cursor: pointer; width: 40px; height: 60px; background-image: url(../images/latest_news_blog_btn_ovr.jpg); background-repeat: no-repeat; }

#latestNewsCalloutBody{ display: block; float: left; width: 232px; background-color: #1e2630; text-align:left }
#latestNewsCalloutBody p{ color: #939393; text-align: left; padding: 0px 15px 0px 14px; margin: 5px 0px 5px 0px; line-height: 17px }
.latestNewsCalloutBodySeparator{ display: block; margin: 10px 0px 10px 0px; padding: 0px; width: 232px; height: 3px; outline: none; outline-style: none; }
#latestNewsCalloutBottom{ display: block; float: left;  margin-bottom: 15px; width: 232px; height: 22px; background-image: url(../images/latest_news_callout_bottom.jpg); background-repeat: no-repeat;}


/* INTERIOR PAGES */
.aboutInktvisCreative{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/about_inktvis_title.png); background-repeat: no-repeat;}
.inktvisServices{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/inktvis_services_title.png); background-repeat: no-repeat;}
.inktvisGallery{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/inktvis_gallery_title.png); background-repeat: no-repeat;}
.inktvisPortfolio{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/inktvis_portfolio_title.png); background-repeat: no-repeat;}
.contactInktvisCreative{ display: block; float: left; margin: 20px 0px 10px 35px; width: 90%; height: 32px; background-image: url(../images/contact_inktvis_title.png); background-repeat: no-repeat;}
#inktvisFlashPortfolio{ display: block; float: left; padding: 0px 0px 25px 0px; margin: 0px 0px 0px 25px; }

#linksCallout { display: block; float: left; width: 232px; margin: 15px 0px 0px 18px;}
#linksCalloutTop{ display: block; float: left; width: 232px; height: 77px; background-image: url(../images/links_callout_top.jpg); background-repeat: no-repeat;}
#linksCalloutTopButton{ display: block; float: left; margin: 11px 0px 0px 14px; width: 40px; height: 60px; background-image: url(../images/links_btn.jpg); background-repeat: no-repeat; }

#linksCalloutBody{ display: block; float: left; width: 232px; background-color: #1e2630; padding-top: 10px;  text-align: left;}
#linksCalloutBody a{ text-decoration: none;}
.linksCalloutBodySeparator{ display: block; margin: 10px 0px 10px 0px; padding: 0px; width: 232px; height: 3px; outline: none; outline-style: none; }
#linksCalloutBottom{ display: block; float: left; width: 232px; height: 22px; background-image: url(../images/latest_news_callout_bottom.jpg); background-repeat: no-repeat;}

.subNavButton{ display: block; overflow: hidden; text-indent: 20px; font-size: 12px; font-weight: bold; color: #bdbdbd; margin: 0px 0px 2px 12px; width: 205px; height: 42px; background-image: url(../images/sub_nav_btn.jpg); background-repeat: no-repeat;}
.subNavButton:hover{ display: block; color: #5da1c8;}
.subNavButton span{ margin: 0px; padding-left: 20px; }

/* EASY SLIDER */
#slider{ margin: 22px 0px 0px 38px; }
#slider ul, #slider li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	
	}
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:509px;
	height:204px;
	overflow:hidden; 
	position:relative;
	}
	
p#controls{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:11px;
	height:21px;
	position:absolute;
	}	
	
#prevBtn{ left: 3px; top:-112px; }	
#nextBtn{ left:572px; top:-112px; }

#prevBtn a, #nextBtn a{  
	display:block;
	width:11px;
	height:21px;
	background:url(../images/previous_btn.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/next_btn.gif) no-repeat 0 0;	
	}
	
.divider_left_column {
	width: 190px;
	height:1px;
	background-color:#31434d;  
	padding: 0px 0px 0px 20px;  /*top right bottom left*/
	margin: 10px 0px 10px 10px;  /*top right bottom left*/
	overflow:hidden;

}
	
/*span#prevBtn{ float: left;}
span#nextBtn{ float: right;}*/