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

h1,h2,h3,p,ul,li,blockquote,img,a,a:hover{margin:0;padding:0;font-weight:normal;list-style-type:none;color:#FFFFFF;text-decoration:none;}
a{color:#FF9900}
a:hover{text-decoration:underline}

body{margin:0;background:#000000;font:15px Arial, Helvetica, sans-serif;color:#FFFFFF;}
#wrapper{width:900px;margin:0 auto;border-top:5px solid #660000}

/* header */
#header{margin-top:5px;}
#logo {background:url(images/logo.jpg) no-repeat;width:auto;height:49px;}
#banner {background:url(images/banner.jpg) no-repeat;width:auto;height:209px;margin-bottom:15px;}
#companyname{float:left;margin:50px 50px 0;}

/*page content*/
#page_content{min-height:400px;margin-bottom:20px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#page_content h2{font:bold 24px Helvetica, Arial, sans-serif;color:#009900}
#page_content h3{font:bold 18px Helvetica, Arial, sans-serif;color:#CCCCCC}
#page_content blockquote{color:#FF0000;font:bold 24px Helvetica, Arial, sans-serif;text-align:center;margin-bottom:15px}
#page_content p{margin-bottom:15px;}
#page_content ul li a{color:#FF9900;text-decoration:none;}
#page_content ul li a:hover{text-decoration:underline}

#nav-service{height:70px;width:695px;margin:0 auto;padding:10px 0}
#nav-service li{float:left;margin:0 5px}
#nav-service li a{background:url(images/service_button.jpg) no-repeat;width:219px;height:70px;display:block;outline:none}
#nav-service li a:hover{text-decoration:none !important}
#nav-service li a.webdesign{background-position:0 0}
#nav-service li a.identity{background-position:0 -140px}
#nav-service li a.advertising{background-position:0 -70px}
#services{margin-top:0px;}

#small-link{margin-top:5px;font-size:11px;}

/* footer */
#footer {background:url(images/footer.jpg) no-repeat;width:900px;height:81px;text-align:center;clear:both;padding-top:10px}
hr{border:1px dotted #FFFFFF;width:900px;height:1px;margin-top:15px;}

/* menu */
#navmenu-main li{float:right;margin-top:25px;}
#navmenu-main li a{margin:0 5px;text-decoration:none;color:#FF6600;}
#navmenu-main li a:hover{border-bottom:3px solid #660000;color:#FFFFFF;}

#navmenu li{margin-bottom:7px;}
#navmenu li a{width:301px; height:53px;background:url(images/buttons.jpg);outline:none;}
#navmenu li a.news{background-position:0 -69px;width:301px;height:53px;display:block;}
#navmenu li a:hover.news {background-position:-307px -69px;}
#navmenu li a.service{background-position:0 0;width:301px;height:53px;display:block;}
#navmenu li a:hover.service{background-position:-307px 0px;}
#navmenu li a.portfolio{background-position:0 -141px;width:301px;height:53px;display:block;}
#navmenu li a:hover.portfolio{background-position:-307px -141px;}
#navmenu .lastlink{margin-bottom:0;}

/*#navmenu-footer {margin:30px 0 0 300px;float:left;}*/
#navmenu-footer {margin:0 auto;height:25px;text-align:center;width:330px;}
#navmenu-footer li{float:left;}
#navmenu-footer li a{color:#00CC00;text-decoration:none;font-size:12px;margin:0 5px;}

/* side */
#side{float:left;}
#side .side-main{width:322px;margin-bottom:10px}
#side .side-back{background:url(images/side-bck.jpg) repeat-y;padding:0 9px;}
#side .side-back h2{margin-bottom:10px;font-size:18px;color:#999999;font-weight:normal}
#side .side-back p{font-style:italic;font-size:18px;margin:0}
#side .side-back span {float:right;font-style:normal;font-size:14px;color:#999999;}
#side img {border:none;margin:0}

/* feature */
#feature-main{float:right;width:554px;margin-bottom:10px;}
#feature-main img{border:none}
#feature-body{background:url(images/feature-bck.jpg) repeat-y;padding:0 10px;}
#feature-site{width:350px;height:215px;text-align:center;margin:0 auto 20px;clear:}/*width:433px*/
#feature-site img{height:215px;border:none;}

#site-list{height:110px;}

#feature-project-thumbnail {margin:0 auto;width:510px;height:100px;}
#feature-project-thumbnail li{float:left;}
#feature-project-thumbnail a{outline:none;}
#feature-project-thumbnail img{border:none;}

/* login */
#login{margin:0 auto;width:405px;height:110px;padding-bottom:15px;}
#login label{float:left;width:150px;line-height:25px;}
#login input[type='text'], input[type='password']{width:250px;height:25px;margin-bottom:5px;}
#login input[type='submit']{float:right;margin-top:25px;}
#login br{clear:left;}
#login h1{margin-bottom:20px;}

/*feedback*/
#feedback{width:425px;margin:0 auto;}
#feedback label{float:left;width:150px;line-height:20px;}
#feedback input[type='text']{float:left;width:250px;height:20px;margin-bottom:5px;}
#feedback input[type='submit']{float:right;margin-top:15px;}
#feedback blockquote{font-size:22px;font-style:italic;}
#feedback h1{font-size:18px;}
#feedback h2{margin-top:50px;}

h2{font-size:17px;color:#666666;}

.logolink{width:165px;height:49px;display:block;float:left;outline:none;}

#loginlink {text-align:right;font-size:12px;}
#loginlink a{color:#FFFFFF;text-decoration:none;}

#project-list .portfolio{float:left; padding:10px 20px 0px;background:#5f5f5f url(images/projectlist_bk.jpg) repeat-x bottom;margin:15px 20px;border:1px solid  #666666;}

#project-list .screenshot{width:355px;text-align:center;}
#project-list .screenshot a{}
#project-list .screenshot img{border:none;}
.about-project{text-align:left;margin:10px 0 10px 8px;}
/*#project-list .about-project{float:right;width:375px;min-height:225px;padding-top:15px;}
#project-list p{color:#999999;}
*/

/* #grid{border:1px solid #999999;} */
#grid tr td{border:1px solid #999999;}

#contactus{width:320px;margin:50px auto 0;color:#CCCCCC;}
#contactus h1{margin:10px 0;font:40px Geneva, Arial, Helvetica, sans-serif;}
#contactus h2{margin:10px 0;font:20px Geneva, Arial, Helvetica, sans-serif;font-weight:normal;}
#contactus span{padding-left:30px;height:25px;display:block;line-height:25px;color:#666666;}
#contactus #addr{background:url(images/addr.jpg) no-repeat left top;}
#contactus #tel{background:url(images/phone.jpg) no-repeat left top;}
#contactus #email{background:url(images/email.jpg) no-repeat left top;}
#contactus a{color:#666666;text-decoration:none;}
#contactus a:hover{color:#FFFFFF;text-decoration:underline;}

/* formcontrol*/
.text{width:350px;}
.formcontrol li{padding:2px;}
.formcontrol li span{width:100px;display:inline-block;color:#666666}