@import "colors.css!";

body, html{ height: 100%; }
body{ margin:0; padding:0; background:#fff; font-family:Arial; font-size:12px; }



img{ border:0; }
a{ color:#da2e35;}
a:hover{ text-decoration:none; }

a.back{ display:block; margin-bottom:15px; width:1%; white-space:nowrap; margin-left:0px; background:url(../img/arrow_left.gif) no-repeat left center; padding-left:22px; }
h1, h2, h3, h4{ padding:0; margin:0 0 5px 0; }
h3{ font-size:16px; font-weight:bold; }
.sep{ border-top:2px solid #EBEBEB; line-height:0; margin: 10px 0; }
.hsep{ width:100%; line-height:0; font-size:0px; height:0px; clear:both; }
.mb{ margin-bottom: 15px; }
.l-float{ float:left; padding:0; margin-right:15px; }
.r-float{ float:right; padding:0; }
.p10{ padding-top:10px; }
.p20{ padding-top:20px; }


.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.container{ width:expression(document.body.clientWidth < 995 ? "995px":"auto"); min-width:999px; min-height: 100%; height: auto !important; height: 100%; }


/* Header */
#header{ width:100%; height:110px; background-color:#f3f3f3; background:url(../i/bg_header.gif);  }
.logotype{ float:left; padding:42px 60px;}
.logotype img{ width:167px; height:25px; background-color:#F00; }

/* Main menu */
.menu{ float:left; padding: 44px 0 0 60px; text-align:center; }
.menu a{ color:#121212; margin-right:25px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; }
.menu a:hover, .menu a.act{ color:#be272e; text-decoration:none; }


#middle{ overflow:auto; padding-bottom: 121px; }

*html #middle, *html #header .cont, *html #footer{ width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 999 ? "999px":(document.documentElement.clientWidth > 1255 ? "1255px":"auto") ):(document.body.clientWidth < 999 ? "999px":(document.body.clientWidth > 1255 ? "1255px":"auto"))); }
#middle, #header .cont, #footer{ min-width:999px; max-width:1255px; margin:0 auto;  }


/* PROJECT - Project navigation */
.p-nav{ width: 100%; padding: 0;  margin:15px 0 0 0; }
.p-nav-l{ float: left;	padding: 0 1px; width:37px; background: url(../i/bg_p-nav.gif) no-repeat left; text-align:center; }
.p-nav-r{ float: right; padding: 0 1px; width:37px; background: url(../i/bg_p-nav.gif) no-repeat right; text-align:center; }
.p-nav-l a, #p-nav-r a{ }
.p-nav-cont{ margin: 0 60px 0 60px; padding:0; }
.p-nav-cont h1{ margin:0; padding:6px 0 0 0; font-size:20px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; font-weight:normal; }
.p-nav-cont .date{ padding-top:7px; float:left; height:30px; margin-right:15px; color: #666; }
.p-nav-cont .url{ float:left; padding:7px 0 0 20px; height:30px;  }
.p-nav-cont .url a{ background: url(../i/i_blank.gif) no-repeat right center; padding:0 15px 0 0; }

/* Content */
.content{ margin: 30px 60px 0px 60px; }
.allwidth{ width:100%; }
.frame{ border:1px solid #F3F3F3; padding:20px; margin:30px 60px 50px 60px; }
.frame-s3{ border:1px solid #F3F3F3; padding:20px; margin:30px 60px 0px 60px; } 
.frame-f{ border:1px solid #F3F3F3; padding:20px; margin:30px 60px 50px 60px; }
.p-pic{ width:720px; text-align:center; margin:0 auto 50px auto; }
.p-pic-desc{ margin-top:5px; margin-left:50%; text-align:left; font-style: italic; color:#666; }



/* INDEX - Six last projects at index page */
.index-prlist{ width:100%; height:400px; overflow:hidden; margin: 30px 0 0 0; }
.index-pr-one{ width:33.333%; _width:33.3%; height:200px;background: no-repeat center center; float:left;  position:relative; }
.index-pr-one a{ display:block; height:200px; text-decoration:none; } 
.index-pr-one i{ display:block; position:absolute; font-style:normal; bottom:0; left:10px; padding:3px 7px; font-size:12px; margin:10px 0; }


/* INDEX - Link to portfolio page */
.more-pr{ text-align:right; margin:5px 0 20px 0; }
.more-pr a{ font-size:11px; }
.more-pr a:hover{ text-decoration:none; color:#c7292f; }



/* PORTFOLIO - Portfolio List */
.pr-list{ margin: 25px 0 30px 0;}
.pr-one{ width:33.333%; _width:33.3%; margin:0 0px 35px;  float:left; }
.pr-preview{ height:130px; background: no-repeat center center; }
.pr-preview a{ display:block; height:130px; }
.pr-one a{ display:block; color:#333; text-decoration:underline; }
.pr-one a:hover{ color:#da2e35; text-decoration:none; } 
.pr-one i{ display:block; font-style:normal; font-size:11px; padding-top:5px; }
.pr-your .pr-preview{ height:130px; background: url(../i/blank.gif) repeat center center; }
.pr-your a{ display:block; color:#da2e35; font-weight:bold; text-decoration:underline; }
.pr-your a:hover{ color:#da2e35; text-decoration:none; }

/* INDEX - Contacts block */
.left-col{ width:25%; float:left; }
.right-col{ width:66.66%; float:right;  }
.right-col p{ margin:0; padding:0;}
.contacts .phone{ font-size:18px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; }
.contacts i{ font-size:11px; color:#999; font-style:normal; }
.contacts i a{ color:#999; }
.contacts .hello{ color:#da2e35; font-size:18px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; font-weight:normal; }
.contacts .login{ color:#da2e35; font-size:18px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; font-weight:normal; }


/* Text page */
.text{ margin:30px 60px; text-align:left; }


/* PORTFOLIO - Projects filter */
.submenu{ margin: 20px 60px 0; }
.submenu a{ color: #999; font-size:17px; margin-right:15px; font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; }
.submenu a.act{ font-size:18px; text-decoration:none; color:#be272e; }

/* Projects */
.projects{ margin:20px 46px 0 46px; }
.project{ float:left; width:244px; padding:10px; background:#F6f6f6; margin: 0 13px 28px 13px; }
.project img{ width:244px; height:150px; }
.project p{ font-size:10px; margin:7px 0 0 0; padding:0; height:39px; overflow:hidden; color:#666; }
.project h3{ font-size:12px; font-weight:bold; margin:10px 0 0 0; padding:0; }
.project h3 a{ color:#333; text-decoration:none; }
.your h3 a, .your p{ color:#be272e; }


/* CanDo */
.cando{ margin:40px 40px; }
.cando td{ vertical-align:top; width:33%;  }
.cando .one{ padding:0 20px; margin: 0 0 40px 0; }
.cando h2{ font-size:18px;  font-style: italic; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; }

/* Area */
.area{ float:left; width:33%; height:200px; padding:0; background:#CFF; margin-bottom:20px;}



/* Order the project */
.callas{ margin: 0px 60px 0 60px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background: url(../i/bg_call.jpg) center no-repeat #dadada; padding:20px; }
.callas p{ font-size:18px;  margin:0; color:#be272e; }
.callas a{ color:#be272e; }
.callas a:hover{ text-decoration:none; }
.callas i{ font-size:18px;  }

/* PROJECT - More projects */
.more-projects{ margin: 15px 60px; }
.more-projects h2{ font-size:18px;  font-style: italic; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; }
.more-projects ul{ margin: 10px 0; padding:0; }
.more-projects li{ list-style:none; margin:4px 0; padding-left:17px; background:url(../i/li-line.gif) left center no-repeat; }
.more-projects a{ }


/* PROJECT - Developers */
.developers{ background:#e7e7e7 url(../i/bg_dev.gif) top left no-repeat; margin:35px 60px 0 60px; }
.developers h4{ float:left; display: block; font-size:17px; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;  margin-right:40px; padding:30px 23px 30px 23px; }
.developers .one{ float:left; color:#000; font-size:11px; margin-right:30px; padding-top:38px; }
.developers .one i{ color:#666; font-size:10px; font-style:normal; }
.developers .one a{ color:#000; }



/* Footer */
#footer{ font-size:11px; margin-top:-87px; position: relative; height: 86px; clear:both; }
#footer .cont{ margin:0 60px; border-top:1px #CCC dotted; }
#footer .copyright{ float:left; padding-top:37px; color:#999; }
#footer .social{ float:right; padding-top:37px; }
#footer .social a{ padding-left:15px; color:#999; margin-left:20px;  }
#footer .social a.twitter{ background:url(../i/twitter.gif) no-repeat left center; }
#footer .social a.lj{ background: url(../i/userinfo.gif) no-repeat left center; padding-left:20px; }



.feedback{ width:835px; margin: 0 auto; }
.feedback h2.title{ color:#da2e35; margin-bottom:20px }
.feedback label{ width:219px; padding-left:5px; display:block; }
.feedback label.fch{  padding-bottom:9px; }
.feedback label span{ color:#F00; }
.feedback input{ -moz-border-radius:3px 3px 3px 3px; border:1px solid #DDDDDD; font-size:14px; margin:3px 0 20px 0; padding:8px; width:229px; background:#F5F5F5; }
.feedback textarea{ -moz-border-radius:3px 3px 3px 3px; border:1px solid #DDDDDD; font-size:14px; margin:3px 0 20px 0; padding:8px; width:827px; height:95px; padding:8px; background:#F5F5F5; }
.feedback button, .feedback input.button{ -moz-border-radius:3px 3px 3px 3px; border:1px solid #DDDDDD; font-size:14px; padding:8px; white-space:nowrap;  text-shadow:#FFF 1px 1px; cursor:pointer; background:#F3F3F3; margin-right:15px; width:auto; margin:20px 0 0; }
.frame-f .feedback input.button{ margin:0; }
.frame-s3 .feedback textarea{ margin-bottom:0; }

.message{ text-align: justify; margin: 0 0 30px; font-size:18px; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; }

.feedback p{ margin:0 0 20px; }
.feedback h2{ margin: 0 0 15px; font-size:18px; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:normal; }
.feedback .next{ text-align:right; }
.feedback .next button{ margin:0; }

.checkbox, .radio {
	width: 35px;
	height: 35px;
	margin: 0 5px 10px 0;
	display: block;
	clear: left;
	float: left;
}
.checkbox{background: url(../i/checkbox.gif) no-repeat;}
.radio{background: url(../i/radio.gif) no-repeat;}

.feedback input.styled{ width:35px; margin:0; border:0; }