@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, td, th, form, span,fieldset,input,textarea {margin: 0px;padding: 0px;}
body{background:#333 url(../images/subfooter-bg.gif) center repeat-y;}
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; color:#CCC;}
h1 {font-size:26px; color:#FF0; padding-bottom:0; padding-bottom:.5em;}
h2 {font-size:22px; font-weight:normal; padding-bottom:.8em;margin-top:1.2em;}
h3 {font-size:18px; font-weight:normal; padding-bottom:.8em;margin-top:1.2em;}
h4 {font-size:14px; padding-bottom:.4em;margin-top:1.2em;}
p, ul {padding-bottom:1em; color:#CCC; font:normal 12px/18px Arial, Helvetica, sans-serif;}
ul {list-style-type:none;}
a {color:#FF0; text-decoration:underline;font:normal 12px/18px Arial, Helvetica, sans-serif;}
a:hover {color:#FFF;}
img {border:none;}
table {margin: 0 0 1em 0; border: solid 1px #666;}
table th, table td {padding:5px 4px;border-bottom: solid 1px #252525; font-family:Arial, Helvetica, sans-serif;}
table th {background-color: #666;text-align:left; font-size:13px; font-weight:bold;}
table td {color:#CCC; font-size:12px;}
pre {color:#CCC;}


.wrapper {margin:0 auto; width:1000px;}
#header{background:#FAFAFA url(../images/header-bg.jpg) top center no-repeat; height:129px;}
#header .wrapper {position:relative;}
#header #logo{position:absolute; top:25px; left:5px;}
#header #contact{position:absolute; top:50px; left:450px;}

#topnav {height:49px; background-color:#FFF;}
#topnav ul {padding-top:8px;}
#topnav li, #topnav li a {float:left; display:block; height:32px;}
#topnav li a {background-image:url(../images/topnav.gif); padding:32px 0 0 0; overflow:hidden;
height:0px!important;
height: /**/:32px;
}
#topnav li#tp_home, #topnav li#tp_home a {width:64px;}
#topnav li#tp_home a{background-position:0 0;}
#topnav li#tp_home a.selected{background-position:0 -100px;}
#topnav li#tp_home a:hover{background-position:0 -50px;}

#topnav li#tp_portfolio, #topnav li#tp_portfolio a {width:98px;}
#topnav li#tp_portfolio a{background-position:-64px 0px;}
#topnav li#tp_portfolio a.selected{background-position:-64px -100px;}
#topnav li#tp_portfolio a:hover {background-position:-64px -50px;}

#topnav li#tp_web-development, #topnav li#tp_web-development a {width:153px;}
#topnav li#tp_web-development a{background-position:-162px 0px;}
#topnav li#tp_web-development a.selected{background-position:-162px -100px;}
#topnav li#tp_web-development a:hover {background-position:-162px -50px;}

#topnav li#tp_web-design, #topnav li#tp_web-design a {width:109px;}
#topnav li#tp_web-design a{background-position:-315px 0px;}
#topnav li#tp_web-design a.selected{background-position:-315px -100px;}
#topnav li#tp_web-design a:hover {background-position:-315px -50px;}

#topnav li#tp_logo-design, #topnav li#tp_logo-design a {width:118px;}
#topnav li#tp_logo-design a{background-position:-424px 0px;}
#topnav li#tp_logo-design a.selected{background-position:-424px -100px;}
#topnav li#tp_logo-design a:hover {background-position:-424px -50px;}

#topnav li#tp_domain-hosting, #topnav li#tp_domain-hosting a {width:160px;}
#topnav li#tp_domain-hosting a{background-position:-542px 0px;}
#topnav li#tp_domain-hosting a.selected{background-position:-542px -100px;}
#topnav li#tp_domain-hosting a:hover {background-position:-542px -50px;}

#topnav li#tp_about, #topnav li#tp_about a {width:89px;}
#topnav li#tp_about a{background-position:-702px 0px;}
#topnav li#tp_about a.selected{background-position:-702px -100px;}
#topnav li#tp_about a:hover {background-position:-702px -50px;}

#topnav li#tp_contact, #topnav li#tp_contact a {width:106px;}
#topnav li#tp_contact a{background-position:-791px 0px;}
#topnav li#tp_contact a.selected{background-position:-791px -100px;}
#topnav li#tp_contact a:hover {background-position:-791px -50px;}


#subheader {height:165px; background:#FAFAFA url(../images/subheader-bg.jpg) top center no-repeat;}
#subheader ul {padding-top:10px;}
#subheader li, #subheader li a {float:left; height:143px;}
#subheader li a {background-position:0 0; background-repeat:no-repeat; display:block; padding:165px 0 0 0;overflow:hidden;
height: 0px !important;
height /**/:165px; /* for IE5/Win only */
}
#sh_web-design a{width:249px; background-image:url(../images/subheader/web-design.gif);}
#sh_web-development a{width:252px; background-image:url(../images/subheader/web-development.gif);}
#sh_logo-design a{width:233px; background-image:url(../images/subheader/logo-design.gif);}
#sh_domain-hosting a{width:234px; background-image:url(../images/subheader/domain-hosting.gif);}

#main {background:#090909 url(../images/main-bg.jpg) top center no-repeat;  padding:1em 0;}
#main ul {margin:0 0 1em 1em;}
#main ul li {background:url(../images/icons/ulist.gif) no-repeat 0 5px; padding:0 0 .5em 1em;}
#main ul#breadcrumb {margin:0 0 1em 0!important;}
#main ul#breadcrumb li {display:inline;font-size:11px; background:none; padding-left:0;}
#main ul#breadcrumb a {font-weight: bold; color:#CCC; margin-right:5px;}

#content {float:left; width:700px; padding-right:10px;}
#right-content{float:right; width:280px; display:block;}
#right-content .bx-01 {background-color:#121212; padding:10px 10px 0 10px; }
.leftclm {float:left; width:480px; margin-right:40px;}
.rightclm {float:left; width:480px;}


#subfooter {background:#1d1d1d url(../images/subfooter-bg.gif) top center repeat-y; padding:1em 0;}
#subfooter h2 {font: bold 14px/18px Arial, Helvetica, sans-serif; color:#FFF;}
#subfooter p {font: normal 12px/18px Arial, Helvetica, sans-serif;}
/* slide styles */
.stepcarousel{position: relative; overflow: scroll; width: 888px; height: 210px; margin: 0 auto;margin-top:1em;}
.stepcarousel .belt{position: absolute; left: 0;top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; padding: 0 10px 0 10px; width: 202px; }
.stepcarousel .panel a {float:left; width:202px; display:block; text-decoration:none;}

#footer {background:#1d1d1d url(../images/footer-bg.jpg) top center no-repeat; color:#999; padding:1em 0 2em 0; text-align:center; font:normal 11px/16px Arial, Helvetica, sans-serif;}
#footer a:link, #footer a:active, #footer a:visited {font-weight:bold; text-decoration:underline; color:#999}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*--forms--*/
legend {font:bold 13px Arial, Helvetica, sans-serif; color:#999;}
fieldset {border:solid 1px #232323;margin-bottom:1em; padding:10px;}
label {font:normal 12px Arial, Helvetica, sans-serif; padding:8px; color:#F9F9F9; display:block; padding-top:3px;}
label span{font-size:13px; width:190px; display:block; float:left; margin-right:5px; text-align:right;}
label em{color:#999;}
.require em {color:#F30; font:normal 13px Verdana, Geneva, sans-serif;}
textarea {width:100%;}
input[type=text], textarea, select {border:solid 1px #494949; background-color:#161616; color:#FFF; padding:3px 2px; font:normal 12px/18px Arial, Helvetica, sans-serif;}
div.frm-rcontent {display:block; margin-left:205px; padding:2px 5px .5em 0; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#999;}
div.frm-rcontent2 {display:block; margin-left:215px;}
#error_box {border:solid 1px #282828; background-color:#151515; padding:10px; margin-bottom:1em;}
#error_box p {color:#F00; font-size:13px;}
#error_box ul li {color:#F30; list-style-type:square;}
#error_box ul {padding-bottom:0;margin-bottom:0;}

/*-- style classes --*/
p.d13 {font-size:13px;}
table th.center, table td.center {text-align:center;}
td.hl {background-color:#282828;}
.strike {text-decoration: line-through;}
#main p.dname18 {font:normal 18px/24px Arial, Helvetica, sans-serif;}
.gren {color:#0C0!important;}
.org {color:#F30!important;}
a.urllnk {text-decoration:none; display:block; padding-left:10px; background:url(../images/urllnk_ulist.gif) no-repeat 2px 7px; margin-top:4px;}