@charset "utf-8";
/* CSS Document */
body {
	background-color:#fff;
}
::selection {background-color:#800029;color:#fff;}

::-moz-selection {background-color:#800029;color:#fff;}

.wrapper {margin:0 auto;width:800px;}

#header {width:800px;height:300px;margin:0 auto;}

.left {float:left;}

#header ul.socialmedia {display:block;padding:4px 0 0px 5px;}

#header ul.socialmedia li {display:inline-block;float:left;}

#header ul.socialmedia li a.icon {display:block;width:32px;height:32px;background:url(../images/social-media.gif) no-repeat;text-indent:-9999px;}

#header ul.socialmedia li a.tweet {background-position:8px -2px;}

#header ul.socialmedia li a.tweet:hover {background-position:-30px -1px;}

#header ul.socialmedia li a.facebook {background-position:8px -34px;}

#header ul.socialmedia li a.facebook:hover {background-position:-30px -34px;}

#header ul.socialmedia li a.flickr {background-position:5px -67px;}

#header ul.socialmedia li a.flickr:hover {background-position:-30px -67px;}

#header ul.socialmedia li a.digg {background-position:5px -100px;}

#header ul.socialmedia li a.digg:hover {background-position:-30px -100px;}

#header ul.socialmedia li a.youtube {background-position:5px -133px;}

#header ul.socialmedia li a.youtube:hover {background-position:-30px -133px;}

#header ul.socialmedia li a.skype {background-position:5px -166px;}

#header ul.socialmedia li a.skype:hover {background-position:-30px -166px;}

#header ul.socialmedia li a.gtalk {background-position:5px -199px;}

#header ul.socialmedia li a.gtalk:hover {background-position:-30px -199px;}

#header ul.socialmedia li a.rss {background-position:5px -232px;}

#header ul.socialmedia li a.rss:hover {background-position:-30px -232px;}

#header img.logo{display:block;font-size:0;line-height:0;margin-top:145px;}

.twitter {width: 166px;height: 200px;font:normal 11px/14px Arial, Helvetica, sans-serif;background: url(../images/tweetbox.gif) no-repeat ;margin-bottom:-67px;float: right;color: #FBDBE6;padding:85px 20px 0 84px;}

.twitter ul {min-height:137px;overflow:hidden;}

.twitter ul li {background-color:#cb5b78;padding: 10px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;-ms-filter:alpha(opacity=90); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;margin-bottom:10px;}

.twitter ul li.nodis {display:none;}

.twitter ul li a {font: italic 10px/18px Georgia, Times, Serif;color: #fff;}

.twitter ul li a:hover { text-decoration:underline; }

.twitter ul li span {font: 11px/18px Helvetica, Arial, Sans-Serif; color: #fff;}

.twitter ul li span a {font: 11px/18px Helvetica, Arial, Sans-Serif;color:#F4D7E2;}

.twitter a.follow {display:block;background-color:#B83A5C;color:#fff;font-weight:bold;text-align:center;padding:5px;border-radius: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

.twitter a.follow:hover {background-color: #A23352;}

#main {width:100%;color:#F8C7D7;font: bold 12px/18px Arial, Helvetica, sans-serif;height:285px;margin-top:-97px;background-color:#c54869;background-image: url(../images/left-design.jpg);background-repeat: no-repeat;background-position: left top;padding:35px 0 5px 0;}

#about,#services,#portfolio,#contact {display:none;}

.highlight {color:#fff;}

h1,h2 {display:block;background:url(../images/head.gif) no-repeat;height:35px;text-indent:-9999px;}
h1.home {background-position:0 0;}
h2.provide {background-position:0 -35px;}
h1.about {background-position:0 -68px;}
h2.ourteam {background-position:0 -104px;}
h1.services {background-position:0 -35px;}
h1.works {background-position:0 -136px;}
h1.contact {background-position:0 -174px;}

#main p {display:block;padding: 5px 5px 0 5px;text-align: justify;margin-bottom:12px;}

#main p.inner {font: bold 11px/18px Arial, Helvetica, sans-serif;}

#main ul.services {display:block;padding: 5px 0 0 0;}
#main ul.services li {display:inline;float:left;margin-right:130px;}
#main ul.services li a {display:block;width:100px;height:111px;background-image: url(../images/services.gif);background-repeat: no-repeat;text-indent: -9999px;}
#main ul.services li a.webdesign {background-position:100 0;}
#main ul.services li a.graphics {background-position:-100px 0;}
#main ul.services li a.flashdesign {background-position:-200px 0;}
#main ul.services li a.cmsdesign {background-position:-300px 0;}
#main ul.services li.nomargin {margin:0;}

#services ul.provides {display:block;padding: 5px 5px 0 5px;width:600px;}
#services ul.provides li {display:block;float:left;width:280px;margin-right:20px;margin-bottom:15px;}
#services ul.provides li.nomarg {margin-bottom:0px;}
#services ul.provides li h3 {color:#fff;}
#services ul.provides li p {font:normal 11px/18px Arial, Helvetica, sans-serif;padding:0;display:block;width:240px;}
#portfolio ul.work {display:block;padding: 5px 5px 0 5px;width:600px;margin-top:5px;}
#portfolio ul.work li {display:inline;float:left;margin:5px 35px 35px 0;}
#portfolio ul.work li a {display:block;width:100px;height:60px;border:solid 7px #A23352;-moz-border-radius:7px;-webkit-border-radius:7px;}

#preview{position:absolute;border:1px solid #96304B;background:#A23352;padding:5px;display:none;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;font:bold 11px/18px Arial, Helvetica, sans-serif;}
#preview img {margin-bottom:5px;}

#contact p {margin-bottom:8px;padding-bottom:15px;}

#contact form {
	width:600px;
}
#contact form input, textarea {color:#800029;width:40%;float:left;margin-right:12px;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #B83A5C;}
#contact form textarea {width:85%;margin-top:8px;margin-bottom:10px;}
#contact form input:focus, textarea:focus, select:focus, #contact form input:focus, textarea:focus, select:focus {color:#4D4D4D;border-color: #903;}
#contact form input[type=submit], #contact form input.submit {width:auto;margin-right:75px;border:1px solid #903;color:#fff;float:right;font-weight:bold;
cursor:pointer;padding:8px;background-color: #AA3555;}

#contact form input[type=submit]:hover, #signup input[type=submit]:focus, #contact form input.submit:hover, #contact form input.submit:focus {color:#fff;
background-color: #903;}

#bottom {
	width:100%;
	height:65px;
/* 	background-image: url(../images/letfbot-design.jpg);
	background-repeat: no-repeat;
	background-position: left top; */
}
#bottom ul.nav {display:block;padding-left:5px;}
#bottom ul.nav li {margin-right:20px;float:left;overflow:hidden;display:inline;}
#bottom ul.nav li a.home{background-image: url(../images/nav-home.gif);background-repeat: no-repeat;width: 70px;height: 31px;display: block;text-indent:-9999px;}
#bottom ul.nav li a.about{background-image: url(../images/nav-about.gif);background-repeat: no-repeat;width: 70px;height: 31px;display: block;text-indent:-9999px;}
#bottom ul.nav li a.ser{background-image: url(../images/nav-ser.gif);background-repeat: no-repeat;width: 83px;height: 31px;display: block;text-indent:-9999px;}
#bottom ul.nav li a.portfolio{background-image: url(../images/nav-portfolio.gif);background-repeat: no-repeat;width: 97px;height: 31px;display: block;
text-indent:-9999px;}
#bottom ul.nav li a.contact{background-image: url(../images/nav-contact.gif);background-repeat: no-repeat;width: 88px;height: 31px;display: block;text-indent:-9999px;}
#bottom ul.nav li a:hover {
	background-position: 0px -31px;
}
#bottom ul.nav li a.selected {
	background-position: 0px -31px;
}

#bottom span.copyright {float:right;width:240px;text-align:right;display:inline;padding-top:2px;font:bold 11px/18px Arial, Helvetica, sans-serif;color:#C54869;}

.rightdesign {background: url(../images/right-design.png) no-repeat;width: 177px;height: 139px;position: absolute;top: 390px;right: 0px;}
/* .rightdesignbot {background: url(../images/rightbot-design.jpg) no-repeat;height: 154px;width: 135px;position: absolute;top: 528px;right: 0px;}
#note {width:600px;margin-bottom:3px;} */

.notification_error{height: auto;width: 90%;padding: 4px;text-align: left;color:#fff;font-size:11px;font-weight:normal;margin-top:-25px;}
.notification_ok {border: 1px solid #903;height: auto;color:#fff;width: 90%;padding: 8px;margin-top:10px;background-color:#B63A5C;text-align: center;-moz-border-radius: 5px;-webkit-border-radius:5px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.nojs {display:block;text-align:center;margin-top:15px;padding:8px;font:bold 11px Arial, Helvetica, sans-serif;}
.nojs a {color:#B63A5C;}

.msg {color:#727272;font-weight:normal;}