/* CSS Document */

body{
padding:0px;
margin:0px;
background:#800210 url(../img/top-bg.jpg) repeat-x left top;
}
.clr{
clear:both;
}
a{
color:#e32b40;
text-decoration:none;
}
a:hover{
color:#CCCCCC;
text-decoration:underline;
}

/******** Container Start Here ********/
#container{
padding:0px;
margin:0 auto;
width:800px;
}
/******** Header Start Here ********/
#header{
padding:0px;
margin:0px;
}
#topbar{
background:url(../img/top-bg-m.jpg) no-repeat left top;
height:21px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#topbar h1{
padding:5px 0 0 0;
margin:0px;
width:300px;
float:left;
font-size:10px;
font-weight:normal;
}
#topbar h2{
padding:5px 0 0 0;
margin:0px;
width:300px;
float:right;
font-size:10px;
font-weight:normal;
}

.crazyart{
padding:15px 0 0 0;
margin:0px;
width:200px;
float:left;
}
.menu{
padding:85px 0 0 0;
margin:0px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
}
.menu h1{
padding:0px;
margin:0px;
font-size:18px;
font-weight:normal;
}
.menu h1 a{
padding:0 0 0 30px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}
.menu h1 a:hover{
color:#ebd004;
text-decoration:underline;
}
.menu h1 .active{
color:#ebd004;
text-decoration:underline;
}
/******** Header End Here ********/
/******** Content Start Here ********/
#content{
padding:15px 0 0 0;
margin:0px;
}
#content .toppart{
padding:0 0 5px 0;
margin:0px;
background:url(../img/banner-top.jpg) no-repeat left top;
height:13px;
}
#content .midpart{
padding:0px;
margin:0px;
background:url(../img/your-web-partner.jpg) no-repeat left top;
height:305px;
}
#content .midpart h1{
padding:185px 0 0 0;
margin:0px;
width:465px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#CCCCCC;
font-weight:normal;
}
/******** Content End Here ********/
/******** Page Start Here ********/
#page{
padding:25px 0 0 0;
margin:0px;
background:url(../img/main-mid-bk.jpg) no-repeat left top;
}
#page h1{
padding:0px;
margin:0 0 10px 0;
font-size:20px;
color:#FFFFFF;
font-weight:normal;
}
#left_side{
padding:0px;
margin:0px;
float:left;
width:310px;
}
#left_side .project{
padding:20px 20px 20px 23px;
margin:0px;
background: url(../img/por-bg.gif) no-repeat left top;
}
#left_side h2{
padding:0px;
margin:0px;
float:left;
width:180px;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#left_side h2 p{
padding:5px 0 0 0;
margin:0px;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}
#left_side h2 a{
padding:5px 0 0 0;
color:#FFFFFF;
text-decoration:none;
}
#left_side h2 a:hover{
color:#ebd004;
text-decoration:underline;
}
#left_side h3{
padding:13px 20px 0 0;
margin:0px;
float:right;
width:90px;
font-size:12px;
color:#ebd004;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#left_side h3 a{
color:#ebd004;
text-decoration:none;
}
#left_side h3 a:hover{
color:#ebd004;
text-decoration:underline;
}
#mid_side{
padding:15px;
margin:0px;
width:220px;
float:left;
}
#mid_side h1{
padding:30px 0 0 0;
margin:0px;
color:#ebd004;
font-size:20px;
font-style:italic;
}
#mid_side h2{
padding:10px 0 0 0;
margin:0px;
color:#FFF;
font-size:14px;
font-style:italic;
}
#right_side{
padding:15px;
margin:0px;
float:right;
width:175px;
background:url(../img/tag-bk.gif) no-repeat left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ebd004;
line-height:21px;
}
#right_side a{
color:#ebd004;
text-decoration:none;
}
.textfiled{
margin:0 0 10px 0;
padding:8px;
background:url(../img/your-name-bk.gif) no-repeat left top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
width:337px;
border:none;
color:#FFFFFF;
}
.textfiled1{
margin:0 0 10px 0;
padding:8px;
background:url(../img/coment-bk.gif) no-repeat left top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
width:337px;
height:55px;
border:none;
color:#FFFFFF;
}
.but_sub{
padding:0 0 0 260px;
}
.but_submit{
margin:0 0 10px 0;
padding:5px 0;
background:url(../img/but-submit.gif) no-repeat left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:77px;
border:none;
color:#1d1d1d;
text-align:center;
}

/****** About Us Page Start Here ******/
.about_ban{
background:url(../img/crazyart-about.jpg) no-repeat left top;
height:208px;
}
.about{
padding:0px;
margin:0px;
}
.about h1{
padding:0px;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#FFFFFF;
}
.about p{
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#c5aaaa;
line-height:16px;
}
/***** Footer Start Here *****/
#footer{
background:#3e0000 url(../img/bottom-bg.jpg) repeat-x left top;
}
#footer .copyright{
padding:20px 0 30px 0;
margin:30px auto 0 auto;
width:800px;
background:url(../img/bottom-bg-m.jpg) no-repeat left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer .copyright h3{
padding:0 0 0 0;
margin:0px;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
}
#footer .copyright h1{
padding:30px 0 0 0;
margin:0px;
font-size:8px;
font-weight:normal;
color:#000;
text-align:center;
}
#footer .copyright h2{
padding:5px 0 0 0;
margin:0px;
font-size:10px;
font-weight:normal;
color:#e32b40;
}
#footer .copyright h2 a{
color:#e32b40;
text-decoration:none;
}
#footer .copyright h2 a:hover{
color:#e32b40;
text-decoration:underline;
}