@charset "utf-8";
/*
EviliMedia.com CSS Document
Created: Saturday March 28th, 2009
*/
body{background: #ffffff url(../images/background_strip.gif) top center repeat-x;margin:0 auto;padding:0;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#header{width:850px;height:150px;margin:0 auto;}
#header .head_part1{height:40px;width:850px;}
#header .phone{float:right;width:400px;text-align:right;color:#c3c3c3;font-weight:bold;line-height:35px;}
#header .liveSupport{float:left;width:400px;text-align:left;padding-top:4px;}
#header .head_part2{height:104px;width:850px;}
#header .logo{width:284px;height:106px;float:left;text-align:center;font-size:11px;}
#header .menu{height:106px;width:560px;float:right;}
#header .menuItem{width:102px;height:106px;float:right;text-align:center;margin-left:3px;}
#header .logo a{text-decoration:none;color:#b0b0b0;}
#header .menuItem a{text-decoration:none;color:#4a5357;}
#header .menuItem a:hover{text-decoration:underline;color:#e60000;}
#header .logoLink{line-height:171px;display:block;width:284px;height:106px;background:url(../images/evilimedia_logo.gif) top center no-repeat;}
#header .menu1{line-height:180px;display:block;width:102px;height:106px;background:url(../images/menu_home.gif) top center no-repeat;}
#header .menu2{line-height:180px;display:block;width:102px;height:106px;background:url(../images/menu_about_us.gif) top center no-repeat;}
#header .menu3{line-height:180px;display:block;width:102px;height:106px;background:url(../images/menu_services.gif) top center no-repeat;}
#header .menu4{line-height:180px;display:block;width:102px;height:106px;background:url(../images/menu_portfolio.gif) top center no-repeat;}
#header .menu5{line-height:180px;display:block;width:102px;height:106px;background:url(../images/menu_contact.gif) top center no-repeat;}
#sub_header{background-color:#f4f4f4;width:850px;height:150px;margin:0 auto;}
#content{width:840px;margin:0 auto;background:#fbfbfb url(../images/content_background.gif) top center repeat-x;margin-top:4px;border:1px solid #e2e2e2;padding:4px 5px;}
#content h3{color:#434549;border-bottom:1px dotted #C2C8D1;}
#footer{width:850px;margin:0 auto;margin-top:6px;text-align:center;color:#9e9e9e;margin-top:10px;}

#web-projects{width:650px;margin:0 auto;overflow:hidden;}
#web-projects .websites{float:left;width:300px;padding:4px;border:1px solid #f4f4f4;margin:4px;text-align:center;font-weight:400;}
#web-projects .websites image{border:1px solid #CCC;}

#web-projects2 {width:530px;margin:0 auto;overflow:hidden;}
#web-projects2 .print{float:left;width:500px;padding:4px;border:1px solid #f4f4f4;margin:4px;text-align:center;font-weight:400;}
#web-projects2 .print image{border:1px solid #CCC;}
#web-projects2 .print-bizcard{float:left;width:255px;padding:2px;border:1px solid #f4f4f4;margin:2px;text-align:center;font-weight:400;}
#web-projects2 .print-bizcard image{border:1px solid #CCC;}
.plan_web{border-left:1px solid #CCC;padding:6px;border-bottom:1px dotted #CCC;margin-bottom:8px;}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

* html .threepxfix{
margin-left: 3px;
}