@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body {
	background: url(../images/ctv2bg.jpg) repeat-x;
	font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:180%;
	margin:0;
	padding:0;
	text-align:left;
	height: 100%;
	}
h1 {
	font-size:24px;
	color:#666;
	font-weight:bolder;
	margin-top: -10px;
}
h2 {
	font-size:16px;
	color:#C00;
	font-weight:bold;
	margin-top: -5px;
}
h3 {
	font-size:12px;
	color: #333;
	font-weight:normal;
	margin-top: -5px;
	text-align: justify;
}
h4 {
	font-size:12px;
	color: #333;
	font-weight:normal;
	margin-top: -5px;
	text-align: justify;
	margin-left: 25px;
}
h5 {
	font-size:20px;
	color:#c00;
	font-weight:bolder;
	margin-top: 5px;
}
/* Basic Elements */
ul li { list-style: none; }
a{ }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: none; }

#logo {
	background-image:url(../images/ctLogoHome.png);
	height: 459px;
	}
#logo2 {
	background:url(../images/ctLogo.jpg) no-repeat;
	height: 65px;
	}
/*
=================================== Horizontal Navigation ================================*/
#navic { height: 65px; }
#navi {  height: 50px; background: url('../images/ctNavi') no-repeat; margin-bottom: 0px;}
#navi li { float: left; display:inline; height: 50px; margin: 0px;}
#navi li a { display: block; height: 50px; text-indent: -9999em; margin: 0px;}

#navhome { width: 90px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; }
#navservices { width: 129px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -90px 0px;}
#navcompany { width: 130px;  height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -219px 0px;}
#navstore { width: 89px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -349px 0px; }
#navblog { width: 80px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -438px 0px;}
#navcontact {  width: 102px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -518px 00px; }

#navhome:hover { background-position: 0px -50px; }
#navservices:hover { background-position: -90px -50px;}
#navcompany:hover { background-position: -219px -50px;}
#navstore:hover { background-position: -349px -50px; }
#navblog:hover { background-position: -438px -50px;}
#navcontact:hover { background-position: -518px -50px; }

#navservicesCurrent { width: 129px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -90px -100px;}
#navcompanyCurrent { width: 130px;  height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -219px -100px;}
#navstoreCurrent { width: 89px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -349px -100px; }
#navblogCurrent { width: 80px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -438px -100px;}
#navcontactCurrent { width: 102px; height:50px; background: url('../images/ctNavi.jpg') no-repeat; background-position: -518px -100px; }

#navservicesCurrent:hover { background-position: -90px -50px;}
#navcompanyCurrent:hover { background-position: -219px -50px;}
#navstoreCurrent:hover { background-position: -349px -50px; }
#navblogCurrent:hover { background-position: -438px -50px;}
#navcontactCurrent:hover { background-position: -518px -50px; }
/*
=================================== Horizontal Navigation ================================*/
#home {
	width:940px;
	height: 448px;
	background-image:url(../images/ctHome.png);
	margin-bottom: 10px;
}
#homeTop {
	text-align:left;
	font-size: 15px;
	line-height: 1.6;
	color: #000;
	text-decoration: none;
}
#homeTopIn {
	margin-right: 30px;
	margin-top: 88px;
	margin-left: 60px;
}
#homeTopLeft { height:448px;}
#homeLeftIn {
	margin-top: 240px;
	padding-right: 260px;
	width: 270px;
	margin-left: 0px;
	text-align: justify;
	line-height: 1.6;
	padding-left: 10px;
}
#homeSlider {
	height: 345px;
	background-image: url(../images/manSlideBg.jpg);
	background-repeat: no-repeat;
}
#homeSliderBottom {
	height: 50px;

}
#indexPort {
	height: 100px;
	width: 280px;
	margin-bottom: 10px;
}
#servicePort {
	height: 80px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}
#portfolioSliderTop {
	height: 10px;
}
#portfolioSlider {
	height: 150px;
	background-image: url(../images/portfolioSliderBg.png);
	margin-bottom: 20px;
}

#servicesHeader {
	background-image: url(../images/servicesHeader.png);
	height: 95px;
	background-repeat: no-repeat;
	background-position: top left;
	}
#serviceBody {
	height: 150px;
	margin-bottom: 15px;
	background-image:url(../images/serviceBody.png);
	text-align: left;

}
#serviceBody1 {
	float:left;
	padding: 25px 20px 0px 170px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #666;
	letter-spacing: 1px;
}
#serviceBody2 {
	padding: 20px 30px 0px 0px;
	color: #666;
	line-height: 1.5;
	text-align: justify;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
}
#companyHeader {
	background-image: url(../images/companyHeader.png);
	height: 95px;
	background-repeat: no-repeat;
	background-position: top left;
	}
#storeHeader {
	background-image: url(../images/storeHeader.png);
	height: 95px;
	background-repeat: no-repeat;
	background-position: top left;
	}
#blogHeader {
	background-image: url(../images/blogHeader.png);
	height: 95px;
	background-repeat: no-repeat;
	background-position: top left;
	}
#contactHeader {
	background-image: url(../images/contactHeader.png);
	height: 95px;
	background-repeat: no-repeat;
	background-position: top left;
	}
#graphicDesign {
	height: 43px;
	background-image: url(../images/serviceSubHeader.png);
	text-align: right;
	padding-right: 20px;
	margin-right: 0px;
	width: 200px;
	padding-top: 11px;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 1px;
	}
	#webDesign {
	height: 54px;
	background-image: url(../images/webHeader.png);
	}
	#eCommDesign {
	height: 54px;
	background-image: url(../images/eComHeader.png);
	}
	#pcDesign {
	height: 54px;
	background-image: url(../images/pcHeader.png);
	}
#gdBody {
	height: auto;
	background-image:url(../images/serviceMid.png);
	text-align: left;
}
#gdFooter {
	background-image:url(../images/serviceFooter.png);
	height: 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#serviceMain {
	height: auto;
	margin-left: 18px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}
.portfilioLinks a { color:#C00; text-decoration:underline;}
.portfilioLinks a:hover { color: #999; text-decoration:underline;}

#companyBody {
	height: 220px;
	margin-bottom: 15px;
	background-image:url(../images/companyBody1.png)
}
#kristinSeese { background-image:url(../images/kristinSeese.png); height:220px; margin-bottom:15px; background-repeat:no-repeat;}
#danDuarte { background-image:url(../images/danDuarte.png); height:220px; margin-bottom:15px; background-repeat:no-repeat;}
#daveAndris { background-image:url(../images/daveAndris.png); height:220px; margin-bottom:15px; background-repeat:no-repeat;}
#companyDT {
	width:435px;
	margin-left:480px;
	text-align: left;
	padding-right: 15px;
	padding-top: 10px;
}
#guestLeft { margin-left:220px; margin-right:15px; margin-top:15px;}
#guestRight { margin-left:200px; margin-right:25px; margin-top:15px;}
#contactMain {
	background-image:url(../images/contactPage.png);
	background-repeat:no-repeat;
	height: 404px;
	margin-bottom: 10px;
}
#contactLeft {
	height: 404px;
}
#contactForm {
	height: 404px;
}
.nameInput {
	height: 30px; width: 255px; float:left; margin-top: 27px; margin-left: 13px; margin-bottom: 0px; margin-right:0px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; 
	background-image: url(../images/transparent.gif) ; font-weight:bold; font-size:18px; border:none; font-family:"Arial Black", Gadget, sans-serif; color:#666;
}
.emailInput {
	height: 30px; width: 255px; float:left; margin-top: 28px; margin-left: 13px; margin-bottom: 0px; margin-right:0px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; 
	background-image: url(../images/transparent.gif) ; font-weight:bold; font-size:18px; border:none; font-family:"Arial Black", Gadget, sans-serif; color:#666;
}
.phoneInput {
	height: 30px; width: 255px; float:left; margin-top: 27px; margin-left: 13px; margin-bottom: 0px; margin-right:0px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; 
	background-image: url(../images/transparent.gif) ; font-weight:bold; font-size:18px; border:none; font-family:"Arial Black", Gadget, sans-serif; color:#666;
}
.messageInput {
	height: 115px; width: 255px; float:left; margin-top: 35px; margin-left: 13px; margin-bottom: 0px; margin-right:0px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; 
	background-image: url(../images/transparent.gif) ; font-weight:bold; font-size:18px; border:none; font-family:"Arial Black", Gadget, sans-serif; color: #666;
}
.submitButton { float:left; border: none; margin-left: 10px; margin-top: 10px; background-image:url('../images/submitup.jpg') no-repeat;
}
#contacBar {
	height: 54px;
	background-image:url(../images/contactBar.png);
	margin-bottom: 10px;
	text-align: left;
}
#contacBar2 {
	height: 54px;
	background-image:url(../images/contactBar2.png);
	margin-bottom: 10px;
	text-align: left;
}
#contactBarSub {
	margin-left: 50px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	font-weight: bold;
}
#contactBarSub2 {
	margin-left: 60px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	font-weight: bold;
}
#footer {
	height: 340px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	position: relative;
}
#footerContainer {
	width: 100%;
	height: 359px;
	background-image: url(../images/footerbg.png);
	padding-top: 10px;
}
#footerLinks {
	text-align:right;
	padding-top: 165px;
}
#footerLink {
	color: #CCC;
}
#footerLink a  {
	color: #CCC;
}
#footerLink a:hover {
	color: #C00;
}
#footerLeft {
	height:300px;
}
#footerBottom {
	height:35px;
	width:100%;
	background-color: #900;
	background-image: url(../images/footerBottombg.png);
	text-align: center;
	padding-top: 15px;
	color: #FFF;
	font-size: 10px;
}
#hire {
	background-image: url(../images/hireBG.png);
	height:309px;
	margin-bottom: 15px;
}
#hire2 {
	background-image: url(../images/hireBG2.png);
	height:220px;
	margin-bottom: 15px;
}
#hireA {
	margin-left:10px;
	margin-top:15px;
	margin-right: 10px;
}
#homeBottomLeft {
	height:309px;
	background-image: url(../images/homeBottomLeft.png);
}
#quote { margin:10px;}
#underQuote { margin-left:77px; margin-top:20px;}
#quoteTop { margin-left:652px; margin-top:13px;}
.red { color:#C00;}