@charset "UTF-8";

/* CSS Document */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.67em; font-weight:bold; color:#fff; background:#232323; }

p { line-height:22px; }

h1 { color:#ec8500; text-transform:uppercase; font-size:1.4em; font-weight:lighter; padding:0; margin:0; }

.h1-under { color:#afafaf; font-size:0.8em; }

h2, h3 { font-size:1.3em; }

a:link, a:visited { color:#CCC; text-decoration:underline; }

a:hover { color:#999; text-decoration:none; }

img { border:0; margin:0; padding:0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Design div id tags */
#topbar { margin:0 auto; width:1000px; height:26px; }

#headcontain { margin:0 auto; width:1000px; height:336px; }

#headright { float:right; width:600px; height:336px; padding-right:50px; }

.numbers { float:right; width:600px; height:34px; padding:10px 0 20px; }

.flash { float:right; width:600px; height:227px; background-color:#ec8500; }

#headleft { float:left; width:300px; height:336px; padding-left:50px; }

.logo { float:left; width:260px; height:120px; padding:7px 0 8px 0; }

.offers { float:left; width:273px; height:114px; background:url(images/webdesign-offers.jpg); margin:0 0 15px 0; }

.social { float:left; width:273px; height:53px; background:url(images/social-icons.jpg); }

#contain { width:100%; height:auto; overflow:hidden; background:#ec8500; border-bottom:1px solid #ebc089; border-top:1px solid #ebc089; }

#main { margin:0 auto; width:900px; height:auto; overflow:hidden; }

.tabscroll { float:left; width:900px; height:186px; padding-top:10px; }

.mainright { float:right; width:581px; height:auto; overflow:hidden; background-color:#343434; border-radius:10px; margin:10px 0; padding:10px; }

.mainwhole { float:right; width:880px; height:auto; overflow:hidden; background-color:#343434; border-radius:10px; margin:10px 0; padding:10px; }

.mainright ol { color:#afafaf; }

.mainleftcontain { float:left; width:274px; height:auto; overflow:hidden; padding-top:5px; }

.mainleftcontain ol { padding-left:18px; }

.mainleft { float:left; width:254px; height:auto; overflow:hidden; background-color:#343434; border-radius:10px; margin:6px 0; padding:10px; }

.mainleft ol { line-height:24px; }

.mainleftwhite { float:left; width:254px; height:auto; overflow:hidden; background-color:#FFF; border-radius:10px; margin:6px 0; padding:10px; color:#333; }

.portfoliobox { float:left; width:900px; height:195px; background:url(images/portfolio-home-bg.gif); margin:10px 0; }

.contactus { float:left; width:260px; height:150px; margin:20px 0 0 5px; background-image:url(images/smallenq-bg.gif); }

.portfolio { float:right; width:593px; height:180px; padding:15px 0 0 7px; }

.webbuilder { float:left; width:420px; height:auto; overflow:hidden; padding:0 0 5px 0; margin:5px 10px; background-color:#000; }

.webbuilder p { font-size:1em; color:#C60; padding:0; margin:0; text-align:center; }

.white { color:#FFF; }

.clear { clear:both; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Top Nav*/
#topnav { float:right; width:338px; height:27px; }

#nav { width:338px; height:27px; background:url(images/top-nav.jpg); margin:0; padding:0; position:relative; }

#nav li { margin:0; padding:0; list-style:none; position:absolute; top:0; }

#nav li, #nav a { height:27px; display:block; }

#panel1b { left:0; width:65px; }

#panel1bpage { left:0; width:65px; background: transparent url(images/top-nav.jpg) 0 -27px no-repeat; }

#panel2b { left:65px; width:102px; }

#panel2bpage { left:65px; width:102px; background: transparent url(images/top-nav.jpg) -65px -27px no-repeat; }

#panel3b { left:167px; width:67px; }

#panel3bpage { left:167px; width:67px; background: transparent url(images/top-nav.jpg) -167px -27px no-repeat; }

#panel4b { left:235px; width:103px; }

#panel4bpage { left:235px; width:103px; background: transparent url(images/top-nav.jpg) -235px -27px no-repeat; }

#panel1b a:hover { background: transparent url(images/top-nav.jpg) 0 -27px no-repeat; }

#panel2b a:hover { background: transparent url(images/top-nav.jpg) -65px -27px no-repeat; }

#panel3b a:hover { background: transparent url(images/top-nav.jpg) -167px -27px no-repeat; }

#panel4b a:hover { background: transparent url(images/top-nav.jpg) -235px -27px no-repeat; }

.none { display:none; }

/*Main Nav*/
#navigation { width:100%; height:27px; background:url(images/nav-bg.jpg) repeat-x; }

#mainnav { margin:0 auto; width:900px; height:27px; }

#mnav { width:900px; height:27px; background:url(images/main-nav.jpg); margin:0; padding:0; position:relative; }

#mnav li { margin:0; padding:0; list-style:none; position:absolute; top:0; }

#mnav li, #mnav a { height:27px; display:block; }

#mpanel1b { left:0; width:158px; }

#mpanel1bpage { left:0; width:158px; background: transparent url(images/main-nav.jpg) 0 -27px no-repeat; }

#mpanel2b { left:158px; width:78px; }

#mpanel2bpage { left:158px; width:78px; background: transparent url(images/main-nav.jpg) -158px -27px no-repeat; }

#mpanel3b { left:236px; width:143px; }

#mpanel3bpage { left:236px; width:143px; background: transparent url(images/main-nav.jpg) -236px -27px no-repeat; }

#mpanel4b { left:379px; width:222px; }

#mpanel4bpage { left:379px; width:222px; background: transparent url(images/main-nav.jpg) -379px -27px no-repeat; }

#mpanel5b { left:601px; width:184px; }

#mpanel5bpage { left:601px; width:184px; background: transparent url(images/main-nav.jpg) -601px -27px no-repeat; }

#mpanel6b { left:785px; width:115px; }

#mpanel6bpage { left:785px; width:115px; background: transparent url(images/main-nav.jpg) -785px -27px no-repeat; }

#mpanel1b a:hover { background: transparent url(images/main-nav.jpg) 0 -27px no-repeat; }

#mpanel2b a:hover { background: transparent url(images/main-nav.jpg) -158px -27px no-repeat; }

#mpanel3b a:hover { background: transparent url(images/main-nav.jpg) -236px -27px no-repeat; }

#mpanel4b a:hover { background: transparent url(images/main-nav.jpg) -379px -27px no-repeat; }

#mpanel5b a:hover { background: transparent url(images/main-nav.jpg) -601px -27px no-repeat; }

#mpanel6b a:hover { background: transparent url(images/main-nav.jpg) -785px -27px no-repeat; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Footer*/
#footercontain { margin:0 auto; width:1000px; height:auto; overflow:hidden; background:url(images/footer-bg.gif) top no-repeat; }

.footerright { float:right; width:275px; height:auto; overflow:hidden; padding-right:50px; }

.footerleft { float:left; width:600px; height:auto; overflow:hidden; padding-left:50px; }

.footerleft ul { list-style:none; margin:0 20px 0 0; padding:10px; line-height:20px; float:left; background:#333; width:135px; }

.basefooter { text-align:center; width:100%; padding:5px 0; color:#999; font-size:0.7em; }

.basefooter ul { display:block; list-style:none; }

.basefooter li { display:inline; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*text styles */
.intro { font-size:1.1em; }

.sidehead { text-transform:uppercase; font-size:1.2em; font-weight:lighter; padding:0; margin:0; }

.footerheader { color:#ec8500; text-transform:uppercase; font-weight:bold; }

.footerheaderwhite { color:#fff; text-transform:uppercase; font-weight:bold; }

.footerp { color:#CCC; font-size:1em; font-weight:bold; margin:0; }

.orangeheader { color:#ec8500; font-size:1.4em; text-transform:uppercase; font-weight:lighter; margin:0; padding:0; }

.punder { padding-top:0; margin-top:0; }

.ptop { padding-bottom:0; margin-bottom:0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Small form*/
.formsmall { margin:53px 0; }

.forminput { width:238px; background-color:#ec8500; margin:0 0 17px 10px; border-color:#ec8500; color:#fff; font-size:0.8em; }

.smallsubmit { float:right; border:none; background-color:transparent; padding:0; color:#333; font-size:1.3em; font-weight:bold; width:190px; height:30px; text-align:right; }

/*Main form */
label { display:block; margin-top:8px; width:100%; background-repeat:no-repeat; }

.labelbuilder { display:block; margin-top:8px; width:100%; background-repeat:no-repeat; color:#FFF; }

input { background-color:#fff; border:1px #000 solid; padding:2px; color:#ccc; width:216px; }

.inputradio { background-color:#000; border:none; padding:0; width:auto; }

textarea { background-color:#CCC; border:1px #000 solid; padding:2px; color:#ccc; height:45px; width:280px; }

.rssform { background-color:#CCC; border:1px #000 solid; padding:2px; color:#ccc; height:65px; width:575px; }

.blogsubmit { color:#000; background-color:#666; width:581px; padding:2px; border:1px #000 solid; }

.blogsubmit:hover { color:#FFF; }

label { color:#333; cursor:pointer; padding-left:2px; line-height:16px; }

#right-right { width:145px; float:right; padding:10px 15px 0 25px; margin:5px 10px 10px 0; border:1px solid #999 }

#contact { width:370px; float:left; }

#contact table { margin:10px 20px 10px 20px; }

#contact p { margin:3px 0 3px 0; padding:0; }

.formstyle, .formfield { width:208px; background-color: #FFF; padding:3px; margin-bottom:3px; border: 1px solid #b6b6b6; color: #6b6b6b; font-family: Arial; }

.formstyle { width: 216px; }

/*Text inputs*/
.smalltext { font-size:0.7em; }

.margin { margin:10px 0 0 0; width:183px; }

.textinput, .textinputHovered { border:1px #FFF solid; }

.textinputHovered { border:1px #FFF solid; }

.secure { float:left; width:155px; height:42px; margin:0; padding:0; }

.secureimg { float:left; margin:0 10px 0 0; padding:0; }

.clear { clear:both; padding:5px 0; }

.clear a { color:#000; font-weight:bold; font-size:0.9em; }

/*Button*/
.buttonSubmit { width:285px; height:25px; color:#fff; font-weight:bold; margin:0 0 10px 0; padding:2px; background-color:#233953; cursor:pointer; border:1px #fff solid; }

.buttonSubmit Hovered { color:#069; }

/************************************************
	      JCAROUSEL LITE		
************************************************/
#tabs { height:186px; background:url(images/scroll-bg.gif); border-top:none; }

#list { height:186px; width:900px; margin:0 auto; }

.slider, slider2 { float:left; left: -5000px; position:relative; visibility:hidden; }

.slider ul { height:186px; width:600px; }

.slider ul li { padding:0 2px; }

.slider ul li img { cursor:pointer; height:165px; width:146px; margin:16px 2px 0 2px; border:none; }

.prev { cursor:pointer; float:left; padding:78px 34px 0 6px; }

.next { cursor:pointer; float:right; padding:78px 6px 54px 2px; }

/************************************************
	      CAPTIFY CAPTION		
************************************************/
.caption-top, .caption-bottom { background: #000000; color: #ffffff; cursor:default; padding:2px; font-size:11px; text-align:center; }

.caption-top { border-width:0px; }

.caption-bottom { border-width:0px; }

.caption a, .caption a { background:#000; border:none; text-decoration:none; padding:2px; }

.caption a:hover, .caption a:hover { background:#202020; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

div#slide-holder{
z-index:40;
width:600px;
height:227px;
position:absolute;
}
div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:600px;
height:227px;
overflow:hidden;
position:absolute;
}
div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:600px;
height:46px;
display:none;
position:absolute;
background:url(images/slide-bg.png) 0 0;
}
div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;} 


/*---------Gallery-----------*/

.text-top { width:333px; float:left; }

.gallery-single, .gallery-single-mid { width:180px; overflow:hidden; float:left; }

.gallery-single-mid { margin:0 5px; }

.gallery-list, .gallery-list-testimonial { height:72px; width:185px; background:url(images/list-bg.gif) no-repeat; margin:1px 0 0 0; padding:0 5px; }

.gallery-list-testimonial { background:url(images/list-bg2.gif); }

.gallery-list li, .gallery-list-testimonial li, .gallery-single li { list-style:url(images/list-item.gif); font-size:0.9em; line-height:14px; color:#666; }

.gallery-list ul, .gallery-list-testimonial ul, .gallery-single ul { margin:0; }

.gallery-single p { padding:0; margin:6px 0 0 0; }

.gallery-single h2 { margin:6px 0 0 0; }

.gallery-list p, .gallery-list-testimonial p { margin:3px 0; padding:0; color:#666; font-weight:bold; }

.gallery-row { clear:both; height:240px; margin-top:15px; overflow:hidden; }

.wp-white-box, .gallery, .gallery-bar { width:551px; background-color:#FFF; padding:15px; border:1px solid #999; overflow:hidden; }

.gallery { margin:0 0 25px 0; clear:both }

.gallery-bar, .gallery-bar-bot { height:33px; padding:3px 0 0 0; border:none; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; }

.gallery-bar-bot { margin:15px 0 0 0; }

.gallery-bar p, .gallery-bar-bot p { padding:0; margin:0; text-align:center; color:#666; }

.gallery-bar a, .gallery-bar-bot a { text-decoration:underline; padding:0 2px; }

/*Wordpress Styles */

.post { padding:5px 0 10px 0; border-bottom: #000 dashed 1px; clear:both; overflow:hidden; }

.frontpostdate { padding:8px 0; margin:15px 5px; float: left; background-image: url(images/calendar.jpg); width: 50px; height: 34px; }

.frontpostcontent a { font-size: 0.9em; }

.frontpostcontent { float:left; width: 433px; color:#F00; border-bottom:1px dotted #333; }

.frontpostcontenttitle { width:225px; float:left; padding-top:10px; }

.day, .month { font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; font-weight: bold; text-align: center; }

.day { font-style:italic; font-size:1.6em; }

.month { font-size:1em; }

.wp-mid-right { width:508px; float:right; }

.content { overflow:hidden; }

.content p, .wpdate p { font-size:1em; color:#CCC; }

.content li { font-size:0.9em; color:#C60; line-height:21px; }

.smalllink { font-size:1em; clear:both }

.thispost { color:#999; font-size:0.9em; clear:both; }

.columntext { clear:both; color: #666; line-height: 21px; }

.wp-right { margin:0; padding:0; overflow:hidden; }

.wp-right a { color:#C60; }

.wp-right p { line-height:16px; padding:0; margin:0; }

.wp-right li { list-style:none; }

.wp-right ul { margin:0; padding:0 10px; }

.wp-right h3 { color: #FFF; width:423px; background-color:#333; padding:5px; margin:0; font-weight: normal; }