﻿/* CSS Document */

body{
	color: #000000;
	background-color: #FFFFFF;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .05em;
	background-image: url(../images/index_01.jpg);
	background-repeat: repeat-x;
}

img{
	border:0px;
}

.no_show{
	display:none;
}

.clr{
	clear:both;
}

p{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.blue_text{
	color:#336699;
	background-color:inherit;
}

a{
	color:#336699;
	background-color:inherit;
	text-decoration:underline;
}

a:hover{
	color:#538ac2;
	background-color:inherit;
	text-decoration:none;
}

.error{
	font-weight:bold;
	color:#FF0000;
	background-color:inherit;
}

#wrapper{
	width:811px;
	margin:0px auto;
	margin-top:0px;
}

#top{
	width:811px;
	height:7px;
	background-image: url(../images/index_02.jpg);
	background-repeat: no-repeat;
}
* html #top{
	margin-bottom:-7px;
}
/* Navigation */
#nav {
	width: 811px;
	height: 39px;
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
}
#nav li a {
	display: block;
	background: url(../images/nav_bg.gif) no-repeat;
	height: 39px;
	text-indent: -9999px;
	color: #000;
}
#nav li.link_about a {
	background-position: 0 0;
	width: 109px;
}
#nav li.link_about a:hover, #nav li.link_about a.active {
	background-position: 0 -39px;
	width: 109px;
}
#nav li.link_new a {
	background-position: -109px 0;
	width: 68px;
}
#nav li.link_new a:hover, #nav li.link_new a.active {
	background-position: -109px -39px;
	width: 68px;
}


#nav li.link_services a {
	background-position: -177px 0;
	width: 103px;
}
#nav li.link_services a:hover, #nav li.link_services a.active {
	background-position: -177px -39px;
	width: 103px;
}
#nav li.link_portfolio a {
	background-position: -276px 0;
	width: 100px;
}
#nav li.link_portfolio a:hover, #nav li.link_portfolio a.active {
	background-position: -276px -39px;
	width: 100px;
}
#nav li.link_testimonials a {
	background-position: -376px 0;
	width: 140px;
}
#nav li.link_testimonials a:hover, #nav li.link_testimonials a.active {
	background-position: -376px -39px;
	width: 140px;
}
#nav li.link_faq a {
	background-position: -516px 0;
	width: 75px;
}
#nav li.link_faq a:hover, #nav li.link_faq a.active {
	background-position: -516px -39px;
	width: 75px;
}
#nav li.link_blog a {
	background-position: -591px 0;
	width: 70px;
}
#nav li.link_blog a:hover, #nav li.link_blog a.active {
	background-position: -591px -39px;
	width: 70px;
}
#nav li.link_contact a {
	background-position: -661px 0;
	width: 124px;
}
#nav li.link_contact a:hover, #nav li.link_contact a.active {
	background-position: -661px -39px;
	width: 124px;
}


#top2{
	height:92px;
	width:811px;
}

#top2_left{
	width:483px;
	height:92px;
	background-image: url(../images/index_11.jpg);
	background-repeat: no-repeat;
	float:left;
}

#top2_right{
	width:328px;
	height:92px;
	background-image: url(../images/index_12.jpg);
	background-repeat: no-repeat;
	float:left;
}

#top2_text{
	text-align:right;
	padding-top:55px;
	padding-right:19px;
}

.support_link{
	font-weight:bold;
	text-indent: -9999px;
	background:url(../images/support_bg.jpg) top left;
	padding-left:20px;
	width: 251px;
	height:31px;
	display:block;
	background-color:inherit;
	font-size: 12px;
}
.email_link{
	font-weight:bold;
	background-image:url(../images/email.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:20px;
	color:#999999;
	background-color:inherit;
	font-size: 12px;
}

.email_link:hover{
	color:#666666;
	background-color:inherit;
	text-decoration:none;
}


#index_featured{
	height:298px;
	width:811px;
}

#index_featured2{
	height:284px;
	width:796px;
	float:left;
	margin-top: 2px;
	padding: 9px 0 0 8px;
	background: url(../images/flash_frame.gif) no-repeat top left;
}



#index_featured_left{
	width:483px;
	height:298px;
	background-image: url(../images/index_13.jpg);
	background-repeat: no-repeat;
	float:left;
}

#index_featured_left img{
	padding-top:23px;
	padding-left:12px;
}

#index_featured_right{
	width:328px;
	height:298px;
	background-image: url(../images/index_14.jpg);
	background-repeat: no-repeat;
	float:left;
}

#index_featured_text{
	padding-top:25px;
	padding-right:15px;
	text-align:right;
}

.more_link{
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:15px;
	color:#333333;
	background-color:inherit;
	font-size: 12px;
}

.more_link:hover{
	color:#666666;
	background-color:inherit;
	text-decoration:none;
}

#featured_thumbs{
	padding-top:5px;
}

.thumb{
	background-image:url(../images/featured_back.jpg);
	background-repeat: no-repeat;
	width:107px;
	height:72px;
	float:left;
	text-align:center;
	padding-top:8px;
}

#index_test{
	height:191px;
	width:811px;
}

#index_test_left{
	width:477px;
	height:191px;
	float:left;
}

#index_test_left_top{
	width:477px;
	height:79px;
	background-image: url(../images/index_15.jpg);
	background-repeat: no-repeat;
}

#index_test_left_bottom{
	width:457px;
	height:112px;
	border-top:1px solid #cccccc;
	margin-left:5px;
	padding:10px;
	font-size:10px;
	color:#666666;
}

#index_test_right{
	width:334px;
	height:191px;
	float:left;
}

#index_test_right_top{
	width:334px;
	height:54px;
	background-image: url(../images/index_16.jpg);
	background-repeat: no-repeat;
}

#index_test_right_top_text{
	padding-top:20px;
	padding-right:15px;
	text-align:right;
}

#index_test_right_middle{
	width:334px;
	height:126px;
	background-image: url(../images/index_17.jpg);
	background-repeat: no-repeat;
	font-size:10px;
}

#index_test_right_bottom{
	width:334px;
	height:11px;
	background-image: url(../images/index_19.jpg);
	background-repeat: no-repeat;
}

#what{
	height:106px;
	width:811px;
	background-image: url(../images/index_20.jpg);
	background-repeat: no-repeat;
	padding-top:30px;
	padding-left:20px;
}

#what ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#what li{
	color:#003366;
	font-weight:bold;
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:15px;
	margin-top:10px;
	border-bottom:1px solid #dedbbe;
}

#what1{
	width:223px;
	float:left;
	padding-right:15px;
}

#what2{
	width:305px;
	float:left;
	padding-right:15px;
}
#what3{
	width:212px;
	float:left;
}

#test_message{
	padding:20px 20px 0px 20px;
	height:80px;
}

#test_person{
	font-weight:bold;
	text-align:right;
	padding-right:20px;
}

#test_company{
	text-align:right;
	padding-right:20px;
}

#footer{
	width:802px;
	height:50px;
	background-repeat: no-repeat;
	background-position:right top;
	border-top: 1px solid #cccccc;
	font-size:10px;
	color:#666666;
	float:left;
	margin-top: 15px;
	margin-left: 4px;
	letter-spacing: normal;
}

#footer_left{
    width:53%;
    float:left;
    padding:10px 0px 0px 6px;
}

#footer_right{
    width:271px;
    float:right;
}

#footer_right_text{
	padding-top:30px;
	text-align:right;
	padding-right:5px;
}

#main_content{
	width:802px;
	min-height:616px;
	padding-top:10px;
}

.service_title{
	font-weight:bold;
	color:#336699;
	background-color:inherit;
}

.service_body{
	padding:3px 20px 10px 20px;
}

.dots{
	background-image:url(../images/dots.gif);
	background-repeat:repeat-x;
	background-position:center;
	height:3px;
	padding:5px 0px 5px 0px;
}

#portfolio_imgs{
	width:802px;
	height:300px;
	overflow:auto;
	scrollbar-3dlight-color:#aeac94;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color: #c0bea6;
	scrollbar-darkshadow-color:#aeac94;
	scrollbar-face-color:#d0ceb9;
	scrollbar-shadow-color:#aeac94;
	background-color:#f7f6ec;
	color:#000000;
}

.portfolio{
	width:166px;
	height:140px;
	background-image:url(../images/portfolio_back.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	margin:5px 15px 0px 15px;
}

.portfolio img{
	padding-top:9px;
	padding-bottom:5px;
}

.portfolio a{
	color:#666666;
	background-color:inherit;
}

.portfolio a:hover{
	color:#999999;
	background-color:inherit;
	text-decoration:none;
}

#portfolio_txt{
	width:811px;
}


#faq{
	list-style:none;
	margin:10px 0 15px 0;
	padding:0px;
	float:left;
}
#faq ul.faq_col_1{
	list-style:none;
	margin:0px;
	padding:0px;
	float: left;
	width: 385px;
}
#faq ul.faq_col_2{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width: 415px;
}

#faq li{
	color:#666666;
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-top:10px;
}

#faq li a{
	color:#666666;
	text-decoration:none;
}

#faq li a:hover{
	color:#999999;
	text-decoration:underline;
}


.faq_answer {
	margin-top: 15px;
	font-size:12px;
	line-height:16px;
}
.faq_answer p {
	padding: 0 15px 0 15px;
	color: #666;
	margin: 0 0 15px 0;
}
.faq_answer a {
	padding: 0 15px 0 15px;
	color: #6699cc;
	margin: 5px 0 15px 0;
	float: right;
}


#testimonial0{
	background-image:url(../images/testimonials1_back.jpg);
	background-repeat:no-repeat;
	width:802px;
	height:118px;
}

#testimonial1{
	background-image:url(../images/testimonials2_back.jpg);
	background-repeat:no-repeat;
	width:802px;
	height:109px;
}
#testimonial2{
	background-image:url(../images/testimonials3_back.jpg);
	background-repeat:no-repeat;
	width:802px;
	height:118px;
}

#testimonial3{
	background-image:url(../images/testimonials4_back.jpg);
	background-repeat:no-repeat;
	width:802px;
	height:118px;
}

.testimonial_text{
	padding:15px 20px 0px 20px;
}

.testimonial_left{
	width:600px;
	float:left;
	padding-top:5px;
}

.testimonial_right{
	width:125px;
	float:right;
	text-align:right;
	padding-top:5px;
}

#pages{
	float:right;
}


/* -----------------------------------------
	Whats New Page
 ----------------------------------------- */
 
 .entry {float:left; width: 792px; border-bottom: 1px solid #d1d1d1; margin-bottom: 23px; padding-bottom: 1px; }
 .no_border { border-bottom: none; }
 .entry img {float:left; }
 .entry_content { float:left; width: 526px; margin-left: 13px; padding-top: 9px; }
 .entry_content p { color: #797979; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
 .entry_content .header { border-bottom: 1px solid #c4c4c4; width: 526px; float: left; padding: 0 0 3px 0; margin-bottom: 23px;}
 .entry_content .header a.visit_demo {	background:url(../images/arrows.gif) no-repeat; background-position: 0 3px; padding-left: 13px;
 color: #000; text-transform: uppercase; font-size:12px; float:right; text-decoration:underline;}
 .entry_content .header a.visit_demo strong { font-size: 18px; color: #990000; }
 
 .entry_content .header .slider_header { text-indent: -9999px; display:block; background: url(../images/slider_header.gif) no-repeat top left; width: 343px; height:16px; float: left; } .entry_content .header .drag_drop_header { text-indent: -9999px; display:block; background: url(../images/drag_drop_header.gif) no-repeat top left; width: 271px; height:19px; float: left; } .entry_content .header .engrave_header { text-indent: -9999px; display:block; background: url(../images/engrave_header.gif) no-repeat top left; width: 167px; height:18px; float: left; }
 
 /* -----------------------------------------
	Resources Page
 ----------------------------------------- */
 .resource_links { margin-bottom: 10px; }
 .resource_links dt { margin: 8px 0 0 0; } 
 .resource_links dd { margin: 3px 0 0 0; border-bottom: 1px dotted #ccc; padding-bottom: 8px; }
 
#demo_flash { margin: 0 0 0 20px; padding: 10px 0 0 7px; background: url(../images/demo_bg.gif) no-repeat top left; z-index:0; position:relative; width: 755px; height:562px;}
.no_link { width: 212px; height: 60px; cursor: default; z-index: 999; position:absolute; top: 650px; left: 895px; background: none; display:block; }
.no_link_engrave { width: 212px; height: 60px; cursor: default; z-index: 9999; position:absolute; top: 650px; left: 895px; background: none; display:block; }
#demo_flash object { 	z-index:0;position:relative; margin-top: -50px; }

#about_demo  {  }
#about_demo p { font-size: 12px; line-height: 1.3em; letter-spacing:normal;  }
#about_demo h1 { font-size: 18px;  letter-spacing:normal; color: #333; text-transform: uppercase; }
:focus{ -moz-outline-style: none;}

 /* -----------------------------------------
	CPR FAQ Page
 ----------------------------------------- */
 
#cpr_mast { width: 811px; padding: 0 0 15px 0; float:left; background: url(../images/dots.gif) repeat-x bottom left; }
#cpr_mast img { float:left; margin-right: 15px; }
#cpr_mast p { float:left; width: 355px; text-align:justify; padding: 23px 0 0 0;color: #666; letter-spacing:normal;line-height: 1.5em; font-size: 12px; }
#cpr_mast a.signup_btn { float:left; display:block; margin-top: 16px; width: 248px; height: 24px; text-indent: -9999px; background: url(../images/cpr_signup_btn.png) no-repeat top left; }
#cpr_mast a.signup_btn:hover { background-position: 0 -24px;}


#cpr_faq_list { width: 100%; float:left; padding: 18px 0 0 0; color: #666; font-size: 12px; background: url(../images/border.gif) no-repeat bottom left;}
#cpr_faq_list ul.first  { margin: 0; padding: 0 0 20px 0; width: 430px; float:left; overflow:hidden;  }
#cpr_faq_list ul.second  { margin: 0; padding: 0 0 20px 0; width: 360px; float:left; overflow:hidden;  }
#cpr_faq_list ul li { width: 400px !important; float:left !important; list-style:none; padding-left: 15px; background: url(../images/arrows.gif) no-repeat 0 8px; letter-spacing: normal;}
#cpr_faq_list ul li a { color: #666; text-decoration:underline; padding: 5px 0 5px 0; display:block; }
#cpr_faq_list ul li a:hover { color: #000; text-decoration:underline; }


.faq_entry { float:left; width: 811px; padding: 15px 0 40px 0;  background: url(../images/dots.gif) repeat-x bottom left; position: relative; }
.faq_entry p { letter-spacing: normal; text-align:justify; font-size:12px; }
.border { background: url(../images/border.gif) no-repeat bottom left !important; margin-bottom: 25px;}
.faq_entry h1 { color: #336699; font-size: 12px; font-weight:bold; letter-spacing: normal; margin: 0 0 10px 0; }

.faq_entry ul {  margin: 0; padding:0; }
.faq_entry ul li {  float:left !important; letter-spacing:normal; list-style:none; padding: 10px 0 0 15px; background: url(../images/arrows.gif) no-repeat 0 12px; }

.img_container { float:left; margin-right: 15px; width: 190px; }
.img_container img { float:left; margin-bottom: 5px; }

.faq_item_container { float: left; width: 595px; overflow:hidden; color: #666; }
.faq_item_container li { float:left; width: 595px; font-size: 12px; }


.faq_item_container_long { float: left; width: 811px; color: #666;  }
.faq_item_container_long li { float:left; width: 800px;font-size: 12px; }
.faq_item_container_long ul { float:left; width: 800px; }

.faq_item_links {  position:absolute; bottom: 15px; right: -40px; width: 250px !important;}
.faq_item_links li { float: left; width: auto !important;  list-style: none; background: none !important;  }
.faq_item_links .div { background: url(../images/div.gif) no-repeat top right;  }
.faq_item_links a { color: #336699; text-decoration:underline;  padding: 0 15px 0 0px; }
.faq_item_links a:hover { color: #003366;text-decoration:underline;  }