﻿body 
{
	background:#ffffff;
}
a
{
	color:#74949f;
	text-decoration:none;
}
a
{
	color:#6badc4;
}
.clear
{
	clear:both;
}
.noBdr
{
	border:0px;
}
#shell
{
	margin:auto;
	width:1000px;
}
h1
{
	font:normal normal 100 26px/26px century gothic;
	color:#223949;
}
h1.noMargin
{
	margin:0px;
}
h2
{
	font:italic normal bold 16px/17px georgia;
	color:#3a94b9;
	margin:0px;
	padding:0px;
}
input[type=text], input[type=password], .contactForm textarea
{
	background: transparent url(../images/InputBg.gif) repeat-x scroll bottom;
	border:solid 1px #cccccc;
	padding:4px;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#header
{
	text-align:left;
	height:150px;
}
#header div
{
	float:left;	
	font:normal normal bold 14px/14px verdana;
	color:#284455;
}
#header div img
{
	margin-right:10px;
}
#header div span
{
	font:normal normal bold 10px/10px verdana;
	color:#284455;	
}
#header div#column1
{
	width:644px;
}
#header div#column2
{
	width:149px;
	text-align:left;
	margin:55px 15px 0px 0px;
}
#header div#column3
{
	width:23px;
	margin-top:25px;
}
#header div#column4
{
	width:155px;
	margin:55px 0px 0px 10px;
	text-align:left;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#mainMenu span
{
	font:normal normal 100 9px/13px verdana;
	color:#cccccc;
	text-decoration:none;
}
#mainMenu > ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
	width: 100%;
}
#mainMenu > ul li
{
	font:normal normal 100 14px/10px century gothic;
	float:left;
	margin:0px;
	
}
#mainMenu > ul li a
{
	color:#a0a0a0;
	display:block;
	text-decoration:none;	
	background:transparent url(../images/santekonline-menuMiddle.gif) no-repeat scroll right;
	padding:10px 0px 0px 20px;
	width:230px;
	height:30px;	
}
#mainMenu > ul li a:hover
{
	color:#ffffff;
	background:transparent url(../images/santekonline-menuMiddleHover.gif) no-repeat scroll right;
}
#mainMenu > ul li.left a
{
	background:transparent url(../images/santekonline-menuLeft.gif) no-repeat scroll right;
}
#mainMenu > ul li.left a:hover
{
	background:transparent url(../images/santekonline-menuLeftHover.gif) no-repeat scroll right;
}
#mainMenu > ul li.right a
{
	background:transparent url(../images/santekonline-menuRight.gif) no-repeat scroll right;
}
#mainMenu > ul li.right a:hover
{
	background:transparent url(../images/santekonline-menuRightHover.gif) no-repeat scroll right;
}
#mainMenu > ul.why-santek-page li#why-santek-nav > a
{
	color:#ffffff;
	background:transparent url(../images/santekonline-menuMiddleHover.gif) no-repeat scroll right;
}
#mainMenu > ul.projects-page li#projects-nav > a
{
	color:#ffffff;
	background:transparent url(../images/santekonline-menuMiddleHover.gif) no-repeat scroll right;
}
#mainMenu > ul.services-page li#services-nav > a
{
	color:#ffffff;
	background:transparent url(../images/santekonline-menuLeftHover.gif) no-repeat scroll right;
}
#mainMenu > ul.contact-page li#contact-nav > a
{
	color:#ffffff;
	background:transparent url(../images/santekonline-menuRightHover.gif) no-repeat scroll right;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#content
{
	font:normal normal 100 12px/15px verdana;
	color:#666666;
	margin:0px 0px 0px 0px;
	background:transparent url(../images/santekonline-contentBg.gif) repeat-y scroll top center;
	padding:7px 20px 20px 20px;
	display:block;
}
#portfolio
{
	padding:10px 10px 10px 10px;
	position:inherit;
	display:table;
}
#portfolio #title
{
	font:normal italic 100 22px/19px verdana;
	color:#395968;
}
#portfolio #introText
{
	font:normal normal 100 13px/19px verdana;
	color:#395968;
	width:320px;
	display:block;
	float:left;
	margin-right:30px;
}
#portfolio a
{
	font:normal normal 100 13px/19px verdana;
	color:#e68b14;
	text-decoration:none;	
}
#portfolio a:hover
{
	font:normal normal 100 13px/19px verdana;
	color:#4c798e;
	text-decoration:underline;
}
#portfolio #flashFan
{
	border:solid 0px #f7f7f7;
	float:right;
	padding:0px;
}
.divider 
{
	border-bottom:dotted 1px #cccccc;
	height:5px;
	display:block;
	margin:0px 0px 20px 0px;
}
#portfolioGetQuote
{
	float:right;
	margin:10px 0px 0px 0px;
}
#portfolioDetailsTitle 
{
	font:normal normal 100 30px/30px century gothic;
	color:#395968;
	padding:0px 0px 15px 0px;
	display:block;
	margin: 0;
}
#portfolioLink a
{
	font:normal normal 100 13px/19px verdana;
	color:#e68b14;
	text-decoration:none;
	text-align:right;
}
#portfolioLink a:hover
{
	font:normal normal 100 13px/19px verdana;
	color:#4c798e;
	text-decoration:underline;
	text-align:right;
}
.italicYellow
{
	font:italic normal 100 18px/20px verdana;
	color:#e68b14;
	display:block;
}
#portfolioRightCol
{
	width:615px;
	margin:15px 29px 0px 0px;
	display:block;
	float:left;	
	border:solid 0px #d3d3d3;
}
#portfolioRightCol a
{
	border:solid 20px #f0f0f0;
	display:block;
}
#portfolioRightCol a:hover
{
	border:solid 20px #d2d2d2;
}
#portfolioRightCol #back a
{
	border:0px;
	width:50%;
	text-align:left;
	float:left;
}
#portfolioRightCol #next a
{
	border:0px;
	float:right;
	width:49%;
	text-align:right;
}
#portfolioLeftCol
{
	float:right;
	width:294px;
	display:block;
	margin:15px 0px 0px 0px;
}
#portfolioFeatureTitle
{
	background:transparent url(../images/santekonline-detailsTitleBg.gif) no-repeat scroll center;
	font:italic normal 100 15px/19px verdana;
	color:#395968;
	width:279px;
	height:31px;
	display:block;
	padding:13px 0px 0px 15px;
}
ul#portfolioFeatureBody
{
	background:#efefef url(../images/santekonline-detailsBoxBg.gif) repeat-x scroll top center;	
	width:252px;
	display:block;
	padding:20px;
	border:solid 1px #bdbdbd;
	margin: 0px;
	list-style-type: none;
	list-style-position: inside;
}
ul#portfolioFeatureBody li
{
	list-style-image: url(../images/santekonline-detailsCheck.png);
	margin-bottom: 5px;
}	
#portfolioFeatureBody a
{
	font:normal normal 100 14px/27px verdana;
	color:#286d9e;
	text-decoration:none;	
}
#portfolioFeatureBody a:hover
{
	font:normal normal 100 14px/27px verdana;
	color:#286d9e;	
}
#portfolioFeatureBody img
{
	margin:0px 16px 0px 0px;
}
.portfolioTestimonialBg
{
	background:transparent url(../images/santekonline-testimonialBg.gif) repeat-y scroll top center;
	margin:25px 0px 0px 0px;
	width:301px;
}
.portfolioTestimonialText
{
	background:transparent url(../images/santekonline-testimonialTop.gif) no-repeat scroll top left;
	font:italic normal 100 13px/16px verdana;
	color:#286d9e;
	padding:25px;
}
.portfolioTestimonialText span
{
	font:normal normal bold 12px/16px verdana;
	color:#5ba8df;
}
#portfolioDescription
{
	font:normal normal 100 12px/16px verdana;
	color:#595959;
}
#portfolioDescription span
{
	font:italic normal 100 14px/18px verdana;
	color:#395968;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeBanner
{
	height:262px;
	width:958px;
	background:transparent url(../images/santekonline-homeBannerBg.jpg) repeat-y scroll top center;
	display:block;
}
#homeBanner #leftCol
{
	font:normal normal bold 18px/20px verdana;
	color:#ffffff;
	width:240px;
	text-align:center;
	display:block;
	float:left;
	margin:15px 0px 20px 20px;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeBanner #leftCol ul
{
	list-style-type: none;
	margin:10px 0px 20px 0px;
	padding:0px;
	display:block;
}
#homeBanner #leftCol li
{
	float:left;
	margin:0px;
}
#homeBanner #leftCol a
{
	font:normal normal 100 15px/10px century gothic;
	color:#f7f7f7;
	display:block;
	text-decoration:none;	
	text-align:left;
	width:202px;
	background:transparent;
	padding:15px 0px 20px 20px;	
	border:0px;
}
#homeBanner #leftCol a:hover
{
	font:normal normal 100 15px/10px century gothic;
	color:#ffffff;
	display:block;
	text-decoration:none;	
	text-align:left;
	width:202px;
	background:transparent url(../images/santekonline-homeBannerButtonBg.gif) no-repeat scroll right;
	padding:15px 0px 20px 20px;	
}
#homeBanner #getQuote a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	width:230px;
	height:48px;
}
#homeBanner #getQuote a:hover
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	width:230px;
	height:48px;	
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeBanner #rightCol
{
	display:block;
	height:234px;
	float:left;
	margin:15px 0px 20px 0px;
	background:transparent url(../images/santekonline-homeSlideBg.gif) repeat-x scroll center;
    padding:0px;
}
#homeBanner #slide1
{
	font:normal normal 100 15px/20px verdana;	
	margin:0px;
	padding:20px 20px 20px 29px;
	display:block;
	background:transparent url(../images/santekonline-homeBannerSlide1Bg.jpg) no-repeat scroll 0px 0px;
	height:204px;
	text-align:left;
}
#homeBanner #slide2
{
	font:normal normal 100 15px/20px verdana;	
	margin:0px;
	padding:20px 20px 20px 29px;
	display:block;
	background:transparent url(../images/santekonline-homeBannerSlide2Bg.jpg) no-repeat scroll 0px 0px;
	height:204px;
	text-align:left;
}
#homeBanner #slide3
{
	font:normal normal 100 15px/20px verdana;	
	margin:0px;
	padding:20px 20px 20px 29px;
	display:block;
	background:transparent url(../images/santekonline-homeBannerSlide3Bg.jpg) no-repeat scroll 0px 0px;
	height:204px;
	text-align:left;
}	
#homeBanner .slideTitle
{
	font:normal normal 100 30px/28px century gothic;
	color:#284456;
	margin:0px 0px 0px 0px;
	display:block;
}
#homeBanner h1
{
	font:normal normal 100 30px/28px century gothic;
	color:#284456;
	margin:0px 0px 0px 0px;
	display:block;
	width:400px;
	border:solid 1px aqua;
}
#homeBanner img
{
	margin:0px 15px 0px 0px;
	display:block;
	float:left;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeFooter
{
	clear: both;
	margin-top: 2em;
}
#homeFooter h4 
{
	font:normal normal 100 16px/17px verdana;
	color:#3a94b9;
	margin:0;
	padding: 0;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeFooter .homeLeftCol
{
	float:left;
	width:640px;
	padding-left:10px;
	display:block;
	background:transparent url(../images/santekonline-smTitleShadow.gif) no-repeat scroll 0px 23px;
}
#homeFooter .homeLeftCol p
{
	font:normal normal 100 11px/17px verdana;
	color:#666666;
	padding:10px 40px 0px 0px;
	text-align:left;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#homeFooter .homeRightCol
{
	background:transparent url(../images/santekonline-smTitleShadow.gif) no-repeat scroll 0px 23px;
	display:block;
	float:left;
	width:310px;
}
#homeFooter .homeRightCol p
{
	font:normal normal 100 11px/17px verdana;
	color:#666666;
	padding:20px 20px 0px 0px;
	text-align:left;
}
#homeFooter .homeRightCol img
{
	margin:0px 0px 0px 15px;	
	border:0px;
}
#homeRightCol .projectTitle
{
	font:normal normal 100 12px/15px century gothic;
	color:#e68b14;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#footer
{
	margin:0px 0px 180px 0px;
	display:table;
}
#footer .title
{
	font:normal normal 100 15px/17px century gothic;
	color:#73a3b7;
	width:180px;
	border-bottom:solid 1px #cccccc;
	text-align:left;
	display:block;
	padding:0px 0px 5px 5px;
	margin: 0;
}
#footer .noBorder
{
	border:0px;
}
#footer .right
{
	margin:0px 20px 5px 0px;
}
#footer > div
{
	float:left;
	margin:0px 20px 5px 20px;
	width:200px;
}
#footer ul.links 
{
	margin:0;
	padding:0;
	list-style-type: none;
}
#footer ul.links li 
{
	padding:0px 3px 0px 0px;
	margin:0px 3px 0px 0px;
}
#footer ul.links li.blogTitle
{
	padding:5px 15px 0px 25px;
	margin:0px 3px 0px 0px;
	background:transparent url(../images/santekOnline-blogPostBg.gif) no-repeat scroll top left;
	height:77px;
	width:240px;
	display:block;
}
#footer ul.links a
{
	font:normal normal 100 11px/17px verdana;
	color:#666666;
	display:block;
	text-decoration:none;
	padding:5px;
	background:transparent;
}
#footer ul.links a:hover
{
	font:normal normal 100 11px/17px verdana;
	color:#3f606f;
	background:#e3eff1;
	text-decoration:none;
}
#footer ul.links a > img
{
	margin:0px 4px 0px 0px;
	padding:0px;
	vertical-align:top;
}
.borderBotDotted
{
	border-bottom:dotted 1px #08455e;
	padding-bottom:20px;
	display:table-cell;
}
.process
{
	font:normal normal 100 18px/30px georgia;
	font-style:italic;
}
.process img
{
	margin:6px 45px 0px 0px;
}

/*--------------------------------------------------------- Styles used inside (CMS) ------------------------------------------------------------------------*/
ul.checkList
{
	list-style-type: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;	
}
ul.checkList li
{
	background-image: url('../images/santekonline-homeBannerCheck.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding: 8px 0px 5px 24px; 	
}
.serviceIconList ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
.serviceIconList ul li
{
	float:none;
	padding:10px;
	margin:0px;
	font:normal normal 100 14px/15px century gothic;
	color:#3caddb;
}
.serviceIconList a
{
	color:#5a888e;
	padding:0px 0px 5px 13px;
	font:normal normal 100 14px/15px century gothic;
	color:#226e8d;
	margin:0px;
}
.serviceIconList a:hover
{
	color:#3caddb;
}
.serviceIconList img
{
	margin:0px;
	padding:0px;
}
/*--------------------------------------------------------- Get a quote ------------------------------------------------------------------------*/
.getQuoteText
{
	float:left; 
	width:300px; 
	margin-left:13px;
}
.getQuoteText p
{
	margin-left:25px;
	font:normal normal 100 13px/17px verdana;
	display:block;
}
