@charset "utf-8";
/* CSS Document
Project : Creative Mind Works
Date: 17 Dec 2008
 */
/*----------------------Global Styles----------------------*/
body {
	background:#0f2b5d url(../images/full-bg.jpg) repeat-x center 79% fixed;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
}
h1, h2, h3, h4, h5, p, ul {
	margin:0;
	padding:0;
	list-style:none;
}
h1 {
	font-size:1.9em;
}
h2 {
	color:#f99120;
	font-weight:bold;
	font-size:35px;
	padding-bottom:10px;
}
h3 {
	font-size:1.3em;
}
p, ul {
	line-height:1.4em;
	text-align:justify;
}
a {
	color:#7d8ba6;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
img {
	border:none;
}
.clear {
	clear:both;
}
.flt-right {
	float:right;
}
.flt-left {
	float:left;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-just {
	text-align: justify;
}
.valign {
	vertical-align:middle;
}
.brd-bott {
	border-bottom:1px solid #8092b1;
}
/*----------------------Layout Styles----------------------*/

#main {
	width:100%;
	overflow:hidden;
}
/*----------------------Header Styles----------------------*/

#top-div {
	background:url(../images/top-bg.jpg) repeat-x top left;
	height:205px;
}
#header {
	background:#ff8500;
	height:173px;
}
#header-top {
	width:1263px;
	overflow:hidden;
}
.img-port {
	float:left;
	margin-left:175px;
}
.logo {
	float:left;
	padding-top:20px;
}
.img-pull {
	float:right;
	margin-right:45px;
}
/*----------------------Navigation Styles----------------------*/
#navi {
	clear:both;
	width:975px;
	margin:0 auto;
}
#navi li {
	float:left;
}
#navi li a:hover, #navi li a.selected {
	background-position:0 -60px;
}
#cmw a {
	background:url(../images/btn_cmw.jpg) no-repeat top left;
	height:60px;
	width:101px;
	display:block;
}
#services a {
	background:url(../images/btn_services.jpg) no-repeat top left;
	height:60px;
	width:171px;
	display:block;
}
#portfolio a {
	background:url(../images/btn_portfolio.jpg) no-repeat top left;
	height:60px;
	width:173px;
	display:block;
}
#solutions a {
	background:url(../images/btn_solutions.jpg) no-repeat top left;
	height:60px;
	width:181px;
	display:block;
}
#cmw-blog a {
	background:url(../images/btn_cmwblog.jpg) no-repeat top left;
	height:60px;
	width:185px;
	display:block;
}
#contact a {
	background:url(../images/btn_contact.jpg) no-repeat top left;
	height:60px;
	width:164px;
	display:block;
}
#navi span {
	display:none;
}
/*----------------------Main Contener----------------------*/

#contener {
	/*background: url(../images/content-bg1.jpg) repeat-x top left #214278;*/
	margin:0 auto;
	width:975px;
}

.cont-center {
	/*background: url(../images/content-bg1.jpg) repeat-x top left #214278;*/
	margin:0 auto;
	width:975px;
}
#content {
	width:975px;
	margin:0 auto;
}
.cont-image {
	background:url(../images/img_tv.png) no-repeat;
	margin-top:30px;
	margin-left:50px;
	padding-bottom:50px;
	border-bottom:#8092b1 1px solid;
}
.cont-image p {
	padding-top:210px;
	width:460px;
}
.cont-image h1 {
	display:none;
}
/*----------------------Home Page Forms----------------------*/


#three-form {
	margin:0 auto;
	width:975px;
	padding: 15px 20px 15px 50px;
}
.frm1 {
	background:url(../images/img_1.png) no-repeat;
	height:192px;
	width:286px;
	float:left;
	padding-right:30px;
}
.frm1 img {
	margin-left:120px;
	margin-top:110px;
}
.frm2 {
	background:url(../images/img_2.png) no-repeat;
	height:276px;
	float:left;
	width:313px;
}
.frm2 img {
	margin-left:140px;
	margin-top:110px;
}
.frm3 {
	background:url(../images/form-bg.png) repeat-x top left;
	height:183px;
	float:left;
	width:260px;
}
.frm3 img {
	padding-top:10px;
	padding-left:20px;
	padding-bottom:5px;
}
.frm3 form {
	margin:0;
	padding:0;
	margin-left:30px;
}
.frm3 label {
	color:#f99120;
	text-transform:uppercase;
	font-size:12px;
}
.frm3 input {
	background:url(../images/input-bg.png) repeat-x top left;
	height:20px;
	border:none;
	margin-top:2px;
	padding-top:2px;
	padding-left:2px;
	width:190px;
}
.frm3 a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
	margin-right:38px;
	font-size:14px;
	margin-top:5px;
}
.frm3 a:hover {
	color:#f99120;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
/*----------------------Hide Div----------------------*/
.hide-div {
	height:290px;
	visibility:hidden;
}
/*----------------------Portafolio CSS----------------------*/

.portafolio-image {
	background:url(../images/mouse.png) no-repeat top left;
	margin-top:40px;
	margin-left:50px;
	padding-bottom:30px;
	border-bottom:#8092b1 1px solid;
	overflow:hidden;
}
.portafolio-image p {
	padding-top:160px;
	width:700px;
}
.portafolio-image h1 {
	display:none;
}
.main-link-cont {
	overflow: hidden;
	clear:both;
}
.link-div {
	width:230px;
	float:left;
}
.link-div h2 {
	color:#f99120;
	font-weight:bold;
	font-size:35px;
	padding-bottom:5px;
}
.link-div li {
	color:#738099;
	line-height:1.5em;
}
.link-div:hover a {
	color:#FFFFFF;
}
.link-div li a {
	color:#75849f;
}
.link-div li a:hover {
	color:#f99120;
}
/*----selected---*/
.link-div-sel {
	width:230px;
	float:left;
}
.link-div-sel li a {
	color:#fff;
}
.link-div-sel li a:hover {
	color:#f99120;
}
/*----------*/
.image-link {
	margin-left:50px;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:#8092b1 1px solid;
	float:left;
	width:95%;
}
.image-bor {
}
.image-bor img {
	border:#FFFFFF 5px solid;
	margin:7px;
	background:#000000;
}
.image-bor a img {
	/* for IE */
  filter:alpha(opacity=75);
	/* CSS3 standard */
  opacity:0.75;
}
.image-bor a:hover img {
	/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity:1;
}
.top-link {
	margin-top:60px;
	color:#738099;
}
.top-link a {
	color:#7d8ba6;
}
.top-link a:hover {
	color:#abd5ff;
}
/*-------SLIDER--------*/
 #landing-slideshow {
	margin:1px 0 0 0;
	float:right;
	width:646px;
	height:353px;
}
#slideshow-nav {
	position:absolute;
	right:26px;
	top:0px;
	border-left:1px solid #fff;
}
#slideshow-nav a {
	color:#fff;
	width:16px;
	line-height:17px;
	border:1px solid #fff;
	background:#e6e6e6;
	display:block;
	float:left;
	text-align:center;
	font-size:10px;
	margin:0 0 0 -1px;
	color:#666;
	outline:none;
}
#slideshow-nav a:hover {
	background:#fff;
}
#slideshow-nav a.active {
	background:#fff;
}
#landing-slideshow #slideshow-inner {
	overflow:hidden;
	width:646px;
	height:353px;
	position:relative;
	margin:0px 0 0 1px;
}
#landing-slideshow #slideshow-inner #slidr {
	position:absolute;
	width:1000px;
	margin:5px 0 0 0;
}
#landing-slideshow #slideshow-inner #slidr .slidr-inner {
	float:left;
	width:646px;
	height:353px;
}
#landing-slideshow h3 {
	font-size:16px;
	color:#0089bf;
	margin:12px 0 3px 18px;
}
#landing-slideshow p {
	margin:0 0 0 18px;
	font-size:12px;
}
#landing-slideshow #slideshow-image-border {
	border:1px solid #fff;
	width:646px;
	height:353px;
	position:absolute;
}
/*-----------ABOUT US------------*/

.abt-image {
	background:url(../images/abt-img.png) no-repeat top left;
	margin-top:40px;
	margin-left:50px;
	padding-bottom:30px;
	padding-top:10px;
	border-bottom:#8092b1 1px solid;
	overflow:hidden;
	margin-bottom:10px;
}
.abt-image p {
	padding-top:160px;
	width:550px;
}
.abt-image h1 {
	display:none;
}
.abt-cont {
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:#8092b1 1px solid;
	float:left;
	width:95%;
}
.abt-txt {
	float:left;
	width:72%;
}
.bullets {
	margin-left:18px;
	list-style:disc;
	line-height:22px;
}
.bullets li {
	padding-left:10px;
}
#team-member {
	overflow:hidden;
	padding-bottom:15px;
}
#team-member li {
	float:left;
	margin-right:18px;
}
/*----------SERVICES-----------*/	

.serv-image {
	background:url(../images/services-img.png) no-repeat top left;
	margin-top:40px;
	margin-left:50px;
	padding-bottom:30px;
	padding-top:10px;
	border-bottom:#8092b1 1px solid;
	overflow:hidden;
	margin-bottom:10px;
}
.serv-image p {
	padding-top:160px;
	width:450px;
}
/*----------SOLUTIONS-----------*/	

.sol-image {
	background:url(../images/sol-img.png) no-repeat top left;
	margin-top:10px;
	margin-left:50px;
	padding-bottom:30px;
	padding-top:10px;
	border-bottom:#8092b1 1px solid;
	overflow:hidden;
	margin-bottom:10px;
}
.sol-image p {
	padding-top:160px;
	width:450px;
}
.sol-link-cont {
	width:95%;
	margin-left:52px;
	clear:both;
	overflow:hidden;
	border-bottom:#8092b1 1px solid;
	padding-bottom:30px;
}
.sol-link-div {
	width:230px;
	float:left;
	margin-right:60px;
}
.sol-link-div-sel {
	width:230px;
	float:left;
	margin-right:60px;
}
.sol-link-div-sel li a {
	color:#fff;
}
.sol-link-div-sel li a:hover {
	color:#f99120;
}
.sol-link-div:hover a {
	/*color:#75849f;*/
	color:#fff;
	cursor: pointer;
}
.sol-link-div h2 {
	color:#f99120;
	font-weight:bold;
	font-size:35px;
	padding-bottom:5px;
}
.sol-link-div li {
	color:#738099;
	line-height:1.5em;
}
.sol-link-div li a {
	color:#75849f;
}
.sol-link-div li a:hover {
	color:#f99120;
}
.sol-cont {
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:#8092b1 1px solid;
	float:left;
	width:95%;
}
.sol-div {
	width:200px;
	float: left;
	margin-right:25px;
}
.sol-div p {
	width:170px;
	margin-left:10px;
	text-align:left;
}
.sol-data {
	overflow:hidden;
	margin-left:55px;
	border-bottom:#8092b1 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sol-txt {
	float:left;
	width:420px;
}
.sol-txt h2 {
	font-size:32px;
	margin-bottom:15px;
}
.sol-txt p {
	margin-bottom:40px;
	padding-top:5px;
}
.sol-img-div {
	width:460px;
	float:right;
}
.sol-img-div img {
	margin-bottom:20px;
}
.org-txt {
	color:#f99120;
}
/*------------PRODUCT PAGE-------*/

.product-div {
	margin-left:55px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:#8092b1 1px solid;
}
.pro-data {
	margin-top:20px;
	width:98%;
	overflow:hidden;
	margin-bottom:60px;
}
.pro1 {
	float:left;
	width:400px;
}
.pro1 h3 {
	padding-bottom:10px;
}
.pro2 {
	float:left;
	width:200px;
	margin-top:70px;
	margin-left:40px;
}
.pro3 {
	float:right;
	text-align:center;
}
/*----------------------CONTACT PAGE----------------------*/
.contact-image {
	background:url(../images/contact-img.png) no-repeat top left;
	margin-top:30px;
	margin-left:50px;
	padding-bottom:30px;
	padding-top:240px;
	overflow:hidden;
	margin-bottom:10px;
}
.contact-image form {
	margin:0;
	padding:0;
}
.cont-bg {
	background:url(../images/cont-bg.png) repeat top left;
	width:650px;
	padding:30px;
	padding-bottom:0;
	overflow:hidden;
}
.cont-frm label {
	text-transform:uppercase;
	color:#f99120;
}
.cont-frm input {
	padding:3px;
	font-size:14px;
	color:#333333;
	margin-bottom:13px;
	margin-top:4px;
}
.cont-frm textarea {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin-bottom:10px;
	margin-top:2px;
	width:330px;
}
.cont-frm {
	float:left;
	margin:0;
	padding:0;
	width:380px;
}
input.submit-butt {
	background:url(../images/but-bg.png) no-repeat top left;
	width:81px;
	height:37px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
}
input.submit-butt:hover {
	color:#f99120;
}
.address {
	float:right;
	width:250px;
}
.address p {
	text-align:right;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li {
	display:block;
	float:left;
	margin-right:2px;
}
#gen-tab a {
	background:url(../images/contact-tabs.jpg) no-repeat top left;
	width:91px;
	height:28px;
	display:block;
	background-position:0% 100%;
}
#gen-tab a:hover, #gen-tab a.selected {
	background-position:0% 0%;
}
#sale-tab a {
	background:url(../images/contact-tabs.jpg) no-repeat top left;
	width:91px;
	height:28px;
	display:block;
	background-position:50% 100%;
}
#sale-tab a:hover, #sale-tab a.selected {
	background-position:50% 0%;
}
#job-tab a {
	background:url(../images/contact-tabs.jpg) no-repeat top left;
	width:91px;
	height:28px;
	display:block;
	background-position:100% 100%;
}
#job-tab a:hover, #job-tab a.selected {
	background-position:100% 0%;
}
.tabcontent {
	clear:both;
	display:none;
}
.errorTextMessage {
	background:#eebdbd;
	color:#993300;
	padding:1px;
	border:1px solid #993300;
	width:90%;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.showmessage {
	background:#dafb82;
	border:1px solid #97ce40;
	padding:1px;
	width:90%;
	color:#2f710b;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
/*----------------------Footer Div----------------------*/

#footer {
	clear:both;
	margin:0 auto;
	width:1254px;
}
#footer p {
	text-align:center;
}
#footer ul {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#footer li {
	display:inline;
	padding-left:8px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	padding-right:8px;
}
#footer a:hover {
	color:#a0a0a0;
	text-decoration:none;
}
.copyright {
	text-align:center;
	font-size:12px;
	color:#fff;
	padding-top:8px;
}
/*---------------------------------*/

/*--------------------------------------*/
/* Here's our default note styles. */
.notedefault {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0em;
	width: 10em;
	padding: 0px;
	color: white;
}
.notedefault p {
	font-size:12px;
	text-align:left;
}
.notenested {
	width: 8em;
	padding: 3px;
	border: 1px solid #963;
	background-color: #C96;
	color: white;
}
/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
	margin-left: 0px;
	margin-top: 15px;
 *margin-top: 70px;
}
/***--------------------*/
.thumbnails {
	width:92%;
	margin-left:18px;
	overflow:hidden;
}
.thumbnails li {
	display:block;
	float:left;
	margin-right:12px;
}
.thumbnails img {
	border:2px solid #CCCCCC;
}
/*------article---*/

.cont-article {
	padding:10px;
}
.cont-article h3 {
	font-size:25px;
	padding-bottom:10px;
}
.cont-article p {
	margin-bottom:10px;
}
.border-bg {
	background:#ccc;
	height:1px;
}

/*-----------------------------*/

.clientstabs {
	padding: 5px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font-size:21px;
	font-weight:bold;
	list-style-type: none;
	text-align: left;
	overflow:hidden;
	background:#f0950f;
}
.clientstabs li {
	display:block;
	float:left;
	margin-right:45px;
	margin-left:20px;
}
.clientstabs li.last{
	margin-right:0;
}
.clientstabs li a{
	color:#feb953;
}

.clientstabs li a:hover, .clientstabs li a.selected{
	color:#fff;
}

.clientstabcontent {
	clear:both;
	display:none;
	font-size:14px;
	margin-top:10px;
	margin-left:20px;
	overflow:hidden;
}

.clientstabcontent ul{
	float:left;
	margin-right:88px;
	
}
.clientstabcontent ul.last{
	margin-right:0;
}
.clientstabcontent li a{
	color:#fff;
}

.clientstabcontent li a:hover{
	color:#7d8ba6;
}

.title-text{
	background:#f0950f;
	padding:8px 5px 8px 15px;
	text-transform:uppercase;
}
.title-text h1{
	font-size:22px;
}