* { margin:0; padding:0;}
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5em; color:#121111;}
input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.wrapper { width:100%; overflow:hidden; float:right; color:#FFFFFF; font-weight:bolder;}
p { margin-bottom:24px;}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
#search-form { float:right; padding:26px 52px 0 0; color:#545454; font-size:.86em; width:294px;}
#search-form fieldset { border:none; }
#search-form input.text {  border:none; background:none; width:130px; margin-right:10px; padding:2px 5px 3px 5px; color:#545454; background:url(images/input-bg.gif) no-repeat right top;}
#search-form input.submit { background:url(images/submit-bg.gif) left top repeat-x; width:66px; height:20px; color:#fff; cursor:pointer; border:none;}
#search-form select { width:61px; height:20px; margin-right:15px; background:url(images/select-bg.gif) left top repeat-x; border:1px solid #dadada; color:#545454;}
/*==================list====================*/
ul { list-style:none;}
dl { margin-bottom:-24px;}
dl dt { font-weight:bold; color:#ff0000;}
dl dd { padding-bottom:24px;}
.list1 li { background:url(images/bull1.gif) no-repeat left 8px; padding:0 0 0 18px;}
.list1 li.last { background:none; padding:6px 0 0 18px;}
.list2 li { width:100%; overflow:hidden;}
.list2 li span { float:left; width:303px;}
.contacts { margin-bottom:0;}
.contacts dt { font-weight:bold; float:left; width:100px; color:#121111;}
.contacts dd { overflow:hidden; height:1%;}
/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}
.p1 { margin-bottom:12px;}
.p2 { margin-bottom:24px;}
.p3 { margin-bottom:36px;}
/*==================txt, links, lines, titles====================*/
a {color:#121111; text-decoration:none; outline:none;}
a:hover{ color:#FF0000; text-decoration:underline;}
h2 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:2.14em; line-height:1.1em; font-weight:normal; color:#545454; letter-spacing:-1px; margin-bottom:18px;}
h2 span { color:#ff0000;}
h3 { font-size:1.5em; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#545454; font-weight:normal; line-height:1.1em;}
/*header*/
#header .row-1 { height:145px;}
#header .row-1 .logo { padding:15px 0 0 45px; float:left;}
#header .row-1 .font { padding:30px 35px 0 0; float:right;}
#header .row-2 { height:53px;}
#header .nav { width:90%; overflow:hidden; margin:0 25px 0 25px;} 
#header .nav li { display:inline;}
#header .nav li a { display:block; float:left; background:url(images/nav-bg1.gif) left top repeat-x; font-size:.86em; text-transform:uppercase; text-decoration:none; height:43px; line-height:43px; color:#545454; position:relative;}
#header .nav li a em { font-style:normal; display:block; float:left;}
#header .nav li a b { display:block; float:left; background:url(images/divider.gif) no-repeat right top; font-weight:normal; padding:0 45px 0 45px; cursor:pointer; }
#header .nav li a:hover { background:url(images/nav-bg3.gif) left top repeat-x; color:#fff;}
#header .nav li a:hover b { background:none;}
#header .nav li a.current { background:url(images/nav-bg3.gif) left top repeat-x; color:#fff;}
#header .nav li a.current b { background:none;}
#header .nav li a.first b { background:url(images/nav-left.gif) no-repeat left top; padding-left:44px; }
#header .nav li a.first em { background:url(images/divider.gif) no-repeat right top;}
#header .nav li a.first:hover em { background:none;}
#header .nav li a.first:hover b { background:url(images/nav-left2.gif) no-repeat left top; padding-left:44px;}
#header .nav li a.first-current {background:url(images/nav-bg3.gif) left top repeat-x; color:#fff;}
#header .nav li a.first-current em { background:none;}
#header .nav li a.first-current b { background:url(images/nav-left2.gif) no-repeat left top !important; padding-left:44px;}
#header .nav li a.last b { background:url(images/nav-right.gif) no-repeat right top; padding-right:44px;}
#header .nav li a.last:hover b {background:url(images/nav-right2.gif) no-repeat right top;}
#header .nav li a.last-current {background:url(images/nav-bg3.gif) left top repeat-x; color:#fff;}
#header .nav li a.last-current b {background:url(images/nav-right2.gif) no-repeat right top !important; padding-right:44px;}
.main-box { background:url(images/home-box.png) no-repeat left top; height:270px; width:948; position:relative; margin:0 0 0 25px;}
.main-box .inner { padding:43px 0 0 50px;}
.main-box ul { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:1.29em; padding:14px 0 0 0;}
.main-box ul li { background:url(images/bull.gif) no-repeat left 8px; padding:0 0 0 19px; position:relative;}
.main-box ul li a { color:#fff; text-decoration:none;}
.main-box ul li a:hover { text-decoration:underline;}
.main-box .extra-banner { position:absolute; left:310px; top:100px; width:120px; text-align:center;}
.main-box .extra-banner img { margin-bottom:22px;}
.main-box .extra-banner a { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:1.29em; color:#ff0000; text-transform:uppercase;}
/*content*/
#content { margin:30px 20px 00px 25px;}
#content2 { margin: -240px 35px 24px 35px}
#content .indent { padding:24px 20px 0px 20px; height:auto;}
.banners { width:100%; overflow:hidden; padding:12px 0 0 0;}
.banners li { float:left; margin-right:10px;}
.banners li.last { margin-right:0;}
.awards { width:100%; overflow:hidden;}
.awards li { float:left; border-right:1px solid #e3e3e3; padding:0 20px;}
.awards li.last { padding-right:0; border:none;}
.box { background:url(images/box-bg.gif) left bottom repeat-x #fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:20px 30px 15px 30px;}
#boxxed {width:auto; height:auto;}
table { border:1px solid #dadada; width:100%;  border-collapse:collapse;}
table td { border:none;}
table td.cell-1 { width:230px; text-align:right;}
table td.cell-2 { text-align:center;}
table td.cell-3 { text-align:center;}
table td.cell-4 { text-align:center;}
table td.cell-5 { text-align:center;}
table td.tright {text-align:right;}
table thead td { background:#ebebeb; font-weight:bold; padding:7px 10px 7px 10px; border:1px solid #dadada;}
table tbody td {padding:6px 10px 0 10px; text-align:center; border:1px solid #dadada; border-top:none;}
table tbody td.last { padding-bottom:5px;}
#quote {height: auto; width:auto;}
#quote table{border:0px; padding-top:5px; width:auto; height:auto; background:#FFFFFF;}
#quote table thead td, #quote table tbody td {border:0px; padding-left:0px; padding-right:2px; padding-top:10px;}
/*footer*/
#footer {color:#292929; height:125px; margin: 0 0 0 30px;}
#footer .contain {height:125px; width:auto; float:left; padding: 0 31px 0 31px; border: 1px solid #CCCCCC; background:#EEEEEE;}
#footer .contain ul { margin: 0; padding: 0; list-style: none; width: 150px; }
#footer .contain { text-align:left; padding-bottom:14px;}
#footer .contain li a, #footer .contain li a:visited {color:#292929; text-decoration:none;}
#footer .contain li a:hover, #footer .contain li a:hover {color:#000000; text-decoration:underline;}
/*=========Design Boxs==============*/
.web-box {background:url(images/web2.png) no-repeat left top; height:83px; position:relative; margin-bottom:10px;}
.graphic-box {background:url(images/graphicdesign.png) no-repeat left top; height:83px; position:relative; margin-bottom:10px;}
.banners-box {background:url(images/banners.png) no-repeat left top; height:83px; position:relative; margin-bottom:10px;}
.date {float:left; margin-top: -10px; margin-bottom:10px; font-size:10px; color:#000000; width:100%;}
.date a, .date a:visited {color:#0000FF; text-decoration:none;}
.date a:hover {color:#0000FF; text-decoration:underline;}
/*=========Box Section Code============*/
#section {width:auto; height:auto; border-bottom: 2px dashed #CCCCCC; margin: 0 0 20px 0;}
#section img {float:left; padding: 5px 10px 5px 10px;}
#info {display:block; width:150px; height:43px; float:right; margin:0 30px 0 30px;background:url(images/moreinfo.png) no-repeat 0 0;}
#info:hover{background-position:0 -43px;}
#order {display:block; width:90px; height:43px; margin:0px;background:url(images/order.png) no-repeat 0 0;}
#order:hover{background-position:0 -43px;}
#process {width:180px; margin-left:6px; margin-right: 3px; margin-bottom:10px; height:auto; float:left; border-left:1px dashed #999999; min-height:250px;}
/*=============Order Form=================*/
.red {color:#F00;}
.mini {font-size:5px; margin:0; padding:0;}
#orderform {padding:0px; margin: 0px;}
#style7 {font-size: 2px; padding:0 0 -12px 0; margin:0 0 -12px 0;}
#portfolio {width:270px; padding:10px; height:auto; float:left; border:1px dotted #999999; min-height:400px; text-align:center;}
#port_bpx{width:950px; height:auto;}
/*=============Portfolio=================*/
#boxtwo{height:250px; width:250px; background:#0F0;}
/*==================Service Boxes====================*/
#service {width: 440px; height:auto; float:left;}
#service2 {width: 440px; height:auto; float:left; margin:0 0 0 25px;}
#service3 {width: 440px; height:auto; float:left; margin:25px 0 0 0;}
#service4 {width: 440px; height:auto; float:left; margin:25px 0 0 25px;}
#service-top {width: 440px; height: 44px; background: url(images/top.png);}
#service-middle {width: 428px; height: auto; border-left: 1px solid #F00; border-right:1px solid #F00; padding: 3px 5px 0 5px;}
#service-bottom {width: 440px; height:10px; background:url(images/bottom.png);}
#service-text h1 {font: bold 200%/100% "Lucida Grande", Arial, sans-serif; position: relative; margin: 0; color: #FFF; letter-spacing: -1px; padding: 5px 0 0 10px;}
#service-middle ul li { background:url(images/bull3.png) no-repeat left 9px; padding:0 0 0 12px; position:relative; margin: -3px 0 0 0;}
img.servicebox {float:right; margin-top:auto; margin-bottom:auto;}
.greenfont {color:#00ff00; font-weight:bold;}
/*==================Slideshow====================*/
#featured{ width:680px; padding-right:250px; position:relative; border:5px ridge #020cad; height:250px; background:#fff; margin: 5px 0 0 30px;}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:680px; list-style:none; padding:0; margin:0; width:250px; }
#featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px;  font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; padding:2px; border:1px solid #eee;}
#featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; }
#featured li.ui-tabs-nav-item a{ display:block; height:60px; color:#333;  background:#fff; line-height:20px;}
#featured li.ui-tabs-nav-item a:hover{background:#f2f2f2; }
#featured li.ui-tabs-selected{ background:url('images/selected-item.gif') top left no-repeat;  }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ccc; }
#featured .ui-tabs-panel{ width:680px; height:250px; background:#999; position:relative;}
#featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; background: url('images/transparent-bg.png'); }
#featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0;overflow:hidden; }
#featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }
#featured .bg1 {background:url(images/slider/blue1.jpg);}
#featured .bg2 {background:url(images/slider/red1.gif);}
#featured .bg3 {background:url(images/slider/blue2.jpg);}
#featured .bg4 {background:url(images/slider/red2.jpg);}