@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {background:url(../images/bg.jpg);}

#topbg {background:url(../images/top_bg.jpg) repeat-x top; height:272px;}

#container {margin: 0 auto; padding:0; width:1000px;}

#TopBanner {background:url(../images/top_banner.jpg) no-repeat; height:270px;}

#navbar {height:27px; padding-top:243px; float:left; width:710px;}

#NavText li{display:inline; float:left;}
#NavText a {text-decoration:none;}

#Adslist li{display:inline; float:left;}

#tvMain {float:right; width:275px; height:177px; margin-top:90px;}
#tv {background:url(../images/tv.png); float:right; width:245px; height:177px; margin-top:90px;}

#SideBar {background:url(../images/sidebar.jpg); width:232px; height:598px; margin-top:1px; float:left;}

#Rcontent {width:768px; height:598px; float:left;}
#Pcontent {width:670px; height:370px; margin-left:70px; margin-top:90px; float:left;}
#Acontent {width:670px; height:370px; margin-left:50px; margin-top:50px; float:left;}
#Formcontent {width:600px; margin-left:90px; margin-top:80px; float:left;}
#PKGcontent {width:745px; margin-left:50px; margin-top:40px; float:left;}
#PKGcontent li{color:#2c4e09; font-weight:bold; font-size:14px; text-indent:15px;}
#PKGcontent ul {list-style:inside;}

#BLine {background:url(../images/BLine.jpg) repeat-x; height:5px;}

#footer {height:30px;}

#creative {background:url(../images/creativity.jpg); width:674px; height:50px; margin-top:30px; margin-left:70px;}

#hpPKG {margin-left:120px; margin-top:30px;}

#rw {width:253px; float:left; margin-left:30px; font-family:"Times New Roman", Times, serif; color:#5d321f; font-weight:bold; margin-top:40px;}

#whu {width:384px; float:left; margin-left:50px;}

#portfolio {background:url(../images/portfolio_sign2.jpg); width:230px; height:549px; margin-top:2px; float:left;}
#about {background:url(../images/about_side.jpg); width:232px; height:598px; margin-top:1px; float:left;}
#Wside {background:url(../images/hire_us_side.jpg); width:276px; height:508px; margin-top:2px; float:left;}
#pkgSide {background:url(../images/packages_side.jpg); width:203px; height:473px; float:left; margin-top:2px;}
#CSide {background:url(../images/contact_side.jpg); width:232px; height:433px; float:left; margin-top:1px;}

/* Portfolio Block */
.port-back { height: 300px; width: 620px; background: #2e4c0c; position: relative;}
#portfolio-cycle img { border: none; }
.stepcarousel { position: relative; overflow: scroll; width: 610px; height: 290px; left: 5px; top: 5px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 610px; }

/* Modal */
body.modal { background: none; }
.modal-frame { width: 760px; padding: 20px; background: url(../images/dev/modal_bg.gif) left top repeat-x; }
.modal-frame2 { width: 825px; padding: 20px; background: url(../images/dev/modal_bg.gif) left top repeat-x; }
.modal-left { width: 300px; float: left; }
.modal-right { width: 450px; float: right; font-weight:bold; }
.clear-left { clear: left; }
.modal-list { margin: 15px 0 0 0; background: url(../images/dev/work-inlcuded.png) left top no-repeat; padding: 30px 0 0 0; }
.modal-list ul { list-style-type: none; width: 225px; float: left; padding-bottom: 20px; }
.modal-list li { padding-left: 25px; background: url(../images/dev/tick.png) left 3px no-repeat; }
.modal-url { background: url(../images/dev/url.png) left top no-repeat; padding: 20px 0 0 0;}

.clear {clear:both;}

* :focus { outline: 0; }

.fl{float:left; width:214px;}
.flml45 {float:left; margin-left:45px; width:214px;}