@charset "UTF-8";
/* CSS Document */
html {color:#000;background: url(../_img/layout/designplus_background.jpg) no-repeat #E4E4E4 top center  !important;}
body {background-color: transparent}
header {color:#000000;}
.nav{width:77%; float:left; margin-left:10px;min-width:400px;}
.subnav {margin:25px 0px 0px 0px; padding:0px;}
.subnav li {list-style:none; display:inline;}
.subnav li a{display:block; float:left; margin:0px 0px 0px 15px; color:#666; text-decoration:none; font-size:.95em;}

ul#portfolio-filter {margin-left:10px;}
ul#portfolio-filter li{ display: inline; margin-bottom:0px; margin-left:0px; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-size:
.9em;  text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin:0px; padding: 0; list-style: none; }
ul#portfolio-list li{display: block; float: left; overflow: hidden;  }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }
#logo {float:left; width:19%}
#contentwrapper {margin:20px 0 0 5px; color:#666;}
#content {width:78%; float:left;}
.boxgrid, .designplus_services_image img{-moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;}
.boxgrid img {display: none;}
/*#grid-content {max-width:760px;}*/
#brand {position: absolute; float:left; width:215px; }
.connect {color:#c8136e; margin-bottom:10px; font-size:1.1em;}
#adds {height:150px; margin:15px 0px 0px 12px;}
#twitter_div {background: url(../_img/layout/background_square.png) repeat; width:190px; padding:10px;}
#twitter_div ul {list-style:none;}
#twitter_div li {margin-left:0px; color:#FFF;}
#twitter_div a {color:#c8136e;}
.sidebar-title {color:#c8136e; margin:10px 0px; font-size:1.1em; font-weight:normal;}
.telephone {text-shadow:0 1px 0 #FFFFFF; font-size:1.6em; margin-left:27px; color:#666; font-style:normal;}
footer { position: absolute; text-shadow:0 1px 0 #FFFFFF; color:#000;  margin: 25px 0px 0px 25px; padding-top:10px; width:760px; text-align:left; font-size:.9em; height:50px; background:url(../_img/layout/big_bar.png) no-repeat left top; }
footer a{text-shadow:0 1px 0 #FFF; text-decoration:none; color:#c8136e;}
.divider {background: url(../_img/layout/bar.png) no-repeat  scroll center bottom transparent !important; height:4px; margin-top:10px;}
.project_loader {display:none; margin-left:10px;}
.project_loader  div {z-index:1000;}
.project_info h5 {margin-bottom:10px;}
.project_info {height:100px; width:690px; background:url(../_img/layout/background_square.png) repeat;  padding:10px 0px 0px 10px; color:#c8136e;}
.project_info div .projecturl {position:absolute; margin:1px 0px 0px 490px; color:#c8136e; text-decoration:none; z-index:1500}
.box {width:100%;}
.back_buttom {margin-left:490px; text-decoration:none;}
.box span {color:#FFF;}
.size {width:485px; margin-bottom:3px;}

#portfolio-list li {margin-left:0px !important;}
#comments{width:50%; margin:15px 0px 0px 10px;}
#comments a {width:50%; color:#c8136e;}
#comments h3 {color:#7f7f7f;}
/*general styles starts*/
a {color:#FFF;}

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
	 estilos del menu
*/
.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group {zoom: 1; } /* IE7 */
#example-one {margin: 0 auto; list-style: none; position: relative; }
#example-one li {display:inline; margin-left:0px; }
#example-one li a {color:#333;display: block; float: left; padding: 60px 15px 10px 15px; text-decoration: none; font-weight:bold }
#example-one li a:hover {color:white; }
#magic-line {position:absolute; bottom: -2px; left: 0; height: 2px; background: #c8136e; }
.current_page_item a {color: white !important; background-color:#B3B3B3 }
/*sliding boxes*/
h3 {margin: 10px 10px 0 10px; color:#FFF; letter-spacing:.1px;}
.boxgrid {width: 230px; height: 160px; margin:10px; float:left; background:#C8136E; overflow: hidden; position: relative; z-index:5;}
.boxgrid a:hover{color:#000;}
.sombra {background: no-repeat url(../_img/layout/sombra.png) bottom ; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p { color:#FFF; padding: 0 10px; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif;}
.boxgrid p span, .boxgrid p a {position:absolute; z-index:-1; bottom:15px; margin-left:130px; text-decoration:none; font-size:.9em; cursor:pointer;}
.boxcaption { float: left; position: absolute;background: #000;height: 100px;width: 100%;opacity: .8;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 260;left: 0;}
.caption .boxcaption {top: 220;left: 0;}
/*sliding boxes*/
/*general styles ends*/
/*services styles*/
#services .services {width:90%; margin-left:15px;}
#services .designplus_services_image {float:left; width:20%; min-width:240px}
#services .designplus_services_description{float:left; width:62%}

/*contact styles*/
form {margin: 0 22px 22px 22px; padding: 0px 15px;}
form div { margin-bottom: 10px; }
form label { color:#666666; display: block; font-size: 1em; margin-bottom: 5px; cursor: pointer;}
form input { width: 80%; padding: 3px;}
form textarea {width: 80%; padding: 5px; height:140px;}
form p {float: left; padding-right: 10px; margin-bottom: 0; color: #555555; font-size: 1.3em;}
form p input { width: auto; }
form .clear { clear: both; margin: 0;}
form .submit { text-align: right; margin-bottom: 0; margin-right:130px;}
form .submit input { width: auto; cursor: pointer;}
.ketchup-error-container-alt { margin: 10px; width: 510px; display: none;}
.ketchup-error-container-alt li { background: #f04d5b; color: black; padding: 3px 10px 3px 10px; font-size: 11px; margin-bottom: 3px; boder-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}