@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}

/*	Main Layout Styles 
	===================================================================== */

body {
	background: #fff;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#bg-wrapper {
	width: 100%;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 984px;
}
#content-box {
	background: url(../images/bg-content.jpg) repeat-y;
	clear: both;
}
#header {
	height: 223px;
}
#footer {
	background: #004987 url(../images/bg-footer.jpg) no-repeat;
	height: 140px;
	padding: 60px 0px 0px 10px;
}
.left-home {
	float: left;
	width: 482px;
}
.clear {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
.right-home {
	float: right;
	width: 480px;
}

/*	Home Page Styles
	===================================================================== */
.hm-feature {
	background: url(../images/home-img/bg-feature-home.jpg) no-repeat;
	height: 244px;
}
#content-home {
	width: 100%;
}
.hm-services {
	background: url(../images/home-img/hm-srvc-box-bg.jpg) repeat-y;
	width: 100%;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.hm-services h1 {
	text-indent: -5000px;
	font-size: 15px;
}
.hm-services h1.hmgraphic {
	background: url(../images/home-img/hm-srvc-graphic-h1.jpg) no-repeat;
	height: 54px;
	width: 100%;
}
.hm-services h1.hmweb {
	background: url(../images/home-img/hm-srvc-web-h1.jpg) no-repeat;
	height: 54px;
	width: 100%;
}
.hm-services h1.hmphoto {
	background: url(../images/home-img/hm-srvc-photo-h1.jpg) no-repeat;
	height: 54px;
	width: 100%;
}
.hm-services .hm-feature-content {
	background: url(../images/home-img/hm-srvc-box-ftr.jpg) no-repeat bottom;
	padding: 10px 10px 18px 26px;
	display: block;
}
.hm-services .hm-feature-content img.icon {
	float: left;
	margin: 0px 10px 0px 0px;
	display: block;
}
.hm-services .hm-feature-content img.btn {
	clear: both;
	display: block;
	text-align: right;
	width: 111px;
	margin-left: 330px;
}

/*	Logo & main Navigation Styles
	===================================================================== */
#logo {
	height: 150px;
	width: 300px;
	background: url(../images/cavd-logo.jpg) repeat;
}
#navigation {
	/*margin: 0px 159px;*/
	height: 62px;
	display:none;
}
#navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation li{
	display:block;
	float:left;
	height:62px;
}
#navigation li a:hover, #navigation li a#current {
	background-position:0 -62px;
	display:block;
}
#navigation li a, li #navigation a:visited{
	text-align: center;
	display:block;
}
#navigation a.home {
	color: #004987;
	height:62px;
	width:129px;
}
#navigation a.about {
	color: #004987;
	height:62px;
	width:129px;
}
#navigation a.services {
	color: #004987;
	height:62px;
	width:129px;
}
#navigation a.portfolio {
	color: #004987;
	height:62px;
	width:129px;
}
#navigation a.contact {
	color: #004987;
	height:62px;
	width:129px;
}

/*	Inside Pages Styles 
	===================================================================== */

.bg-insidepg {
	background: #014E8C url(../images/bg-insidepg.jpg) repeat-x;
}
.bg-homepg {
	background: #014e8c url(../images/home-img/bg-pgbar-home.jpg) repeat-x;
}
#content-insidepg {
	width: 100%;
	min-height: 500px;
}
.left-insidepg {
	float: left;
	width: 700px;
}
.right-insidepg {
	float: right;
	width: 253px;
}
.page-rcol {
	background: url(../images/sidebox-img/sidebox-bg.jpg) repeat-y;
	width: 253px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.page-rcol h1, .page-rcol h2, .page-rcol h3 {
	font-size: 15px;
	width: 253px;
}
.page-rcol .page-r-content {
	background: url(../images/sidebox-img/sidebox-ftr.jpg) no-repeat left bottom;
	padding: 10px 12px 18px 15px;
	display: block;
}
.page-rcol  h3.services-menu {
	background: url(../images/sidebox-img/sidbox-h3-services.jpg) no-repeat;
	height: 54px;
	width: 100%;
}
.page-rcol  h3.about-menu {
	color: #004987;
	height: 54px;
	width: 100%;
}

#feature-box {
	width: 100%;
	color: #FFF;
	padding: 15px 0px 0px;
}
.pg-feature {
	background: url(../images/bg-insidepg-feature-main.jpg) no-repeat;
	height: 177px;
}
#content-box #feature-box h1 {
	font-size: 20px;
}

/*	Feature Heading Styles 
	===================================================================== */
#feature-box #services-h1, #feature-box #portfolio-h1, #feature-box #about-h1, #feature-box #contact-h1 {
	color: #004987;
	height: 49px;
	width: 100%;
	background-color:#CCC;
}


/*	Portfolio Page Styles
	===================================================================== */
.portfolio-content {
	margin: 0px 40px;
	/*background: #004E8F;*/
	color: #FFF;
	padding: 0px 0px 20px;
}
.feature-port-main-box {
	margin: 0px 30px;
}
.feature-port-main-bg-graphic, .feature-port-main-bg-web, .feature-port-main-bg-photo {
	background: url(../images/portfolio-img/portfolio-main-btn-bg.jpg) no-repeat center top;
	width: 300px;
	float: left;
	padding: 0px;
}
.feature-port-main-bg-graphic, .feature-port-main-bg-web {
	margin: 0px 10px 0px 0px;
}
.feature-port-main-graphic {
	background: url(../images/portfolio-img/port-bgbtn-h2-graphic-design.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-web {
	background: url(../images/portfolio-img/port-bgbtn-h2-web-dev.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-photo {
	background: url(../images/portfolio-img/port-bgbtn-h2-photography.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-graphic img, .feature-port-main-web img, .feature-port-main-photo img {
	border-width: 0px;
	border-style: none;
}

/*	Portfolio Web Projects Styles
	===================================================================== */

.webproject {
	background: #004E8F url(../images/portfolio-img/web-img/web-bg-blue.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.web-desc {
	float: right;
	width: 300px;
}
.web-desc-cont {
	padding: 28px 0px 0px 20px;
	height: 140px;
}
.webproject .web-img {
	float: left;
}
.webproject .web-btn {
	height: 33px;
}
.webproject h3 {
	font-size: 16px;
	margin: 0px 0px 5px;
	font-weight: bold;
}
.webproject h4 {
	font-size: 14px;
	color: #FC0;
	line-height: 20px;
	font-weight: normal;
}

/*	Portfolio Print & Photo Projects Styles
	===================================================================== */

.print-brochures {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-brochures.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-logo {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-logo.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-folders {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-folders.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-multimedia {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-media.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-postcards {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-postcards.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-tradeshow {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-show.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.print-posters {
	background: #004E8F url(../images/portfolio-img/print-img/print-bg-posters.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-architectural {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-architectural.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-products {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-products.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-fashions {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-fashion.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-portrait {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-portrait.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-finearts {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-fine-arts.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}
.photo-editorials {
	background: #004E8F url(../images/portfolio-img/photo-img/photo-bg-editorials.jpg) no-repeat right top;
	padding: 20px 20px 0px;
	height: 220px;
}

.print-desc, .photo-desc {
	float: right;
	width: 300px;
	padding: 164px 0px 0px;
}
.print-img, .photo-img {
	float: left;
}
.print-btn, .photo-btn {
	/*text-align: right;*/
	height: 33px;
}

/*	Footer Content Styles
	===================================================================== */

.ftr-content-left {
	margin: 0px;
	float: left;
	width: 560px;
	font-size: 12px;
	color: #FFF;
	display: none;
}
.ftr-content-left-ABC-col {
	float: left;
	margin: 0px 13px 0px 0px;
}
.ftr-content-left ul {
	margin: 0px;
	list-style-type: none;
}
.ftr-content-left li {
	display: block;
	width: 170px;
}
.ftr-content-left li li {
	padding-left: 10px;
	width: 160px;
}
.ftr-content-left a, .ftr-content-left a:visited {
	padding: 5px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	margin: 0px;
}
.ftr-content-left a:hover {
	background: #FC0;
	color: #333;
	display: block;
}

.ftr-content-right {
	float: left;
	width: 156px;
	padding: 0px 0px 0px 20px;
}
.ftr-content-right p {
	font-size: 11px;
	color: #FFF;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
.ftr-content-right a, .ftr-content-right a:visited {
	color: #FC0;
}
.ftr-content-right a:hover {
	color: #FC0;
	text-decoration: underline;
}

/*	Portfolio Main Button Projects Styles
	===================================================================== */
	
.feature-port-main-graphic-on {
	background: url(../images/portfolio-img/port-bgbtn-h2-graphic-design-on.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-web-on {
	background: url(../images/portfolio-img/port-bgbtn-h2-web-dev-on.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-photo-on {
	background: url(../images/portfolio-img/port-bgbtn-h2-photography-on.jpg) no-repeat center top;
	padding: 53px 0px 10px;
	text-align: center;
}
.feature-port-main-graphic-on img, .feature-port-main-web-on img, .feature-port-main-photo-on img {
	border-width: 0px;
	border-style: none;
}
.portfolio-content-nav {
	margin: 0px 40px;
	/*background: #004E8F;*/
	color: #FFF;
	padding: 0px 0px 20px;
	display:block;
	height:21px;
}



#feature-box #404error-h1 {
	background: url(../images/h1-img/pages-h1-error-404.jpg) no-repeat;
	text-indent: -5000px;
	height: 49px;
	width: 700px;
}

/*	Portfolio Button Style
	========================================*/

.visit_btn, .view_btn, .view_btn2 {
	float: right;
	width: 149px;
}
.visit_btn a, .visit_btn a:visited {
	background: url(../images/portfolio-img/btn-img/btn-visit-site.jpg) repeat scroll 0% 0%;
	display: block;
	height: 33px;
	text-indent: -10000px;
}
.view_btn a, .view_btn a:visited {
	background: url(../images/portfolio-img/btn-img/btn-view-screen.jpg) repeat scroll 0% 0%;
	display: block;
	height: 33px;
	text-indent: -10000px;
}
.view_btn2 a, .view_btn2 a:visited {
	background: url(../images/portfolio-img/btn-img/btn-view-projects.jpg) repeat scroll 0% 0%;
	display: block;
	height: 33px;
	text-indent: -10000px;
}
.visit_btn a:hover, .view_btn a:hover, .view_btn2 a:hover {
	background-position: 0 100%;
}

/*Sub Menu Style
================================================================*/

.submenu {
	/*width: 212px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 16px;*/
	display:none;
}
.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.submenu li {
	height:30px;
}
.submenu li a:link, #submenu li a:visited  {
	display: block;
	padding: 5px 5px 5px 26px;
	color: #004987;
	text-decoration: none;
	background: url(../images/sidebox-img/submenu-btn.png) repeat scroll 0% 0%;
	height:20px;
}
.submenu li a:hover {
	color: #004987;
	background-position:  0 100%;
}


/*	About Pages Styles
	=============================================================*/

h2.about-cavd, h2.choose-cavd, h2.tech-supported, h2.testimonials, h2.clients {
	color: #004987;
	line-height: 28px;
}

.left-content {
	margin: 0px 0px 0px 40px;
}
.linebreak {
	height: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 0px 0px 2px 0px;
	margin-bottom: 10px;
}

#feature-box #services-h1 {
	/*background: url(../images/h1-img/pages-h1-services.jpg) no-repeat;*/
	text-indent: 40px;
	height: 153px;
	width: 960px;
}
#feature-box #portfolio-h1 {
	/*background: url(../images/h1-img/pages-h1-portfolio.jpg) no-repeat;*/
	text-indent: 40px;
	height: 49px;
	width: 380px;
}
#feature-box #about-h1 {
	/*background: url(../images/h1-img/pages-h1-profile.jpg) no-repeat;*/
	text-indent: 40px;
	height: 49px;
	width: 380px;
	/*float:left;*/
}