/* Keep This Section on All Style Sheets just adjust as needed
----------------------------------------------------------------------------*/
#servHd {
   width:1000px;
   height:96px;
   float:left;
   background-image:url(../images/services-bg.gif);
   overflow:hidden;
}

#conHdTxt {
   width:970px;
   float:left;
   text-align:right;
   margin-top:24px;
   color:#fff;
   font-size:13px;
   font-family:Helvetica, Arial;
}
#conHdTxt p {margin-bottom:6px; margin-top:0px;}
#conHdTxt a {color:#6b7791; text-decoration:none; padding-right:8px; background:transparent url(../images/blue_arrow.gif) no-repeat right 5px;}
#conHdTxt a:hover {color:#6b7791; text-decoration:underline; padding-right:8px; background:transparent url(../images/blue_arrow.gif) no-repeat right 5px;}

#conBtm {
   width:979px;
   float:left;
   margin-top:15px;
   margin-left:8px;
   border-bottom:26px solid #fff;
}

#conBtmLeft {
   width:684px;
   float:left;
   margin-top:28px;
   margin-left:31px;
   background:#fff url(../images/in_note_bg.gif) no-repeat top left;
}

#inNoteBox {
   width:684px;
   float:left;
   margin-top:60px;
}

#inNoteL {
   width:330px;
   float:left;
}

#inNoteR {
   width:330px;
   float:left;
   margin-left:24px;
}

#recentWork {
	width:244px;
	float:left;
	margin:0 0 0 18px;
	padding:50px 0 0 0; 
	background:#fff url(../images/recent_work_bg2.gif) no-repeat left -13px;
}

.recentPics {
   width:234px;
   float:left;
   margin:10px 0 0 0;
   font-size:10px;
   color:#510052;
   font-family:arial;
   text-align:right;
}
.recentPics p {margin-top:0px; margin-bottom:5px;}
.recentPics a {color:#510052; text-decoration:none;margin:0 6px 0 0;}
.recentPics a:hover {color:#510052; text-decoration:underline;}
.recentPics img {display:block;overflow:hidden;height:140px;width:224px;border:5px solid #510052}
.hd_num {font-size:16px; font-weight:bold; color:#6b7791; font-family:Helvetica, Arial;}
.con_sub {font-size:22px; font-family:Verdana; color:#578f34;}
.pic_bord {border:5px solid #510052; margin-bottom:3px;}

/* Services
----------------------------------------------------------------------------*/
#servTopBox {
   width:965px;
   float:left;
   margin-left:16px;
}

/* Website Design
----------------------------------------------------------------------------*/
#servTopL {
   width:383px;
   float:left;
   margin-top:30px;
   background:#fff url(../images/serv-website.gif) no-repeat top left;
}

#servWebTop {
   width:371px;
   float:left;
   margin-top:214px;
   margin-left:12px;
}
#servWebTop h1 {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:12px; text-indent:5px;}
#servWebTop ul {list-style-type:none; padding:0px; margin:0px;}
#servWebTop li {display:inline;}
#servWebTop a {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:12px; text-indent:5px;text-decoration:none;}
#servWebTop a:hover {text-decoration:underline;}

#box1 {
   width:158px;
   float:left;
   font-size:11px;
   color:#191919;
   font-family:Verdana;
   line-height:17px;
}
#box1 h2 {height:25px; font-size:13px; color:#333; font-family:Helvetica, Arial; background:transparent url(../images/01.gif) no-repeat left; padding-top:6px; margin-top:0px; margin-bottom:0px; font-weight:normal; text-indent:39px;}
#box1 p {margin:0 0 0 8px;}

#box2 {
   width:170px;
   float:left;
   margin-left:43px;
   margin-top:18px;
   font-size:11px;
   color:#191919;
   font-family:Verdana;
   line-height:17px;
}
#box2 h2 {height:25px; font-size:13px; color:#333; font-family:Helvetica, Arial; background:transparent url(../images/02.gif) no-repeat left; padding-top:6px; margin-top:0px; margin-bottom:0px; font-weight:normal; text-indent:39px;}
#box2 p {margin:0 0 0 8px;}

#servWebBtm {
   width:371px;
   float:left;
   margin-top:10px;
   margin-left:12px;
   font-size:11px;
   color:#191919;
   font-family:Verdana;
   line-height:17px;
}
#servWebBtm h3 {height:25px; font-size:13px; color:#333; font-family:Helvetica, Arial; background:transparent url(../images/03.gif) no-repeat left; padding-top:6px; margin-top:0px; margin-bottom:0px; font-weight:normal; text-indent:39px;}
#servWebBtm p {margin:0 0 0 8px;}

#servWebBtns {
   width:296px;
   float:left;
   margin-top:18px;
   margin-left:75px;
}
#servWebBtns ul {list-style-type:none; padding:0px; margin:0px;}
#servWebBtns li {display:inline;}

#btn1 {
   width:207px;
   height:32px;
   margin-top:7px;
   float:left;
   background:#fff url(../images/or.gif) no-repeat right;
}

#btn2 {
   width:88px;
   float:left;
}

/* Hosting
----------------------------------------------------------------------------*/
#servTopM {
   width:339px;
   float:left;
   background:#fff url(../images/serv-hosting.gif) no-repeat top left;
}

#servHostTop {
   width:240px;
   float:left;
   margin-top:162px;
   margin-left:82px;
   font-size:11px;
   color:#191919;
   font-family:Verdana;
   line-height:17px;
}
#servHostTop h4 {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:14px;}
#servHostTop a {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:14px; text-decoration:none;}
#servHostTop a:hover {text-decoration:underline;}
#servHostTop p {margin-top:0px; margin-bottom:14px;}

#monkeyBox {
   width:339px;
   height:171px;
   float:left;
   background:#fff url(../images/monkey-bg.gif) no-repeat top left;
   overflow:hidden;
}

#monkTxt {
   width:101px;
   float:left;
   margin-top:50px;
   margin-left:86px;
   font-size:12px;
   color:#8d6e03;
   font-family:"Trebuchet MS";
   line-height:14px;
}

#monkBtn {
   width:133px;
   float:left;
   text-align:right;
}

/* Email Services
----------------------------------------------------------------------------*/
#servTopR {
   width:243px;
   float:left;
   background:#fff url(../images/serv-email.gif) no-repeat top left;
}

#servEmailTop {
   width:243px;
   float:left;
   margin-top:190px;
}
#servEmailTop h4 {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:34px; text-indent:16px;}
#servEmailTop a {font-size:14px; color:#333; font-family:Verdana; margin-top:0px; margin-bottom:34px; text-indent:16px; text-decoration:none;}
#servEmailTop a:hover {text-decoration:underline;}
#servEmailTop h5 {margin-left:8px; height:14px; font-weight:normal; font-size:12px; color:#191919; font-family:Verdana; margin-top:0px; margin-bottom:7px; text-indent:19px; background:#fff url(../images/orange-check.gif) no-repeat left;}

#servEmailBtm {
   width:207px;
   float:left;
   margin-top:14px;
   margin-left:18px;
   font-size:11px;
   color:#191919;
   font-family:Verdana;
   line-height:17px;
}
#servEmailBtm p {margin-top:0px; margin-bottom:0px;}

/* Services Middle
----------------------------------------------------------------------------*/
#servMid {
   width:960px;
   float:left;
   margin-left:19px;
}

.servMidBox {
   width:960px;
   float:left;
}

.servBoxTop {
   width:960px;
   height:13px;
   float:left;
   background-image:url(../images/serv_box_bg.gif);
   overflow:hidden;
}

.servBoxMid {
   width:960px;
   float:left;
   background-color:#eeede8;
   color:#2e1700;
   font-family:Verdana;
   line-height:18px;
}
.servBoxMid h4 {color:#271300; font-size:13px; margin-top:34px; margin-bottom:8px; background:transparent url(../images/brown_check.gif) no-repeat left; text-indent:17px; font-family:Verdana;}
.servBoxMid p {margin-top:0px; margin-bottom:3px;}
.servBoxMid a {color:#5f045f; text-decoration:none; font-size:11px; padding-right:8px; background:transparent url(../images/purp_arrow2.gif) no-repeat right 4px;}
.servBoxMid a:hover {color:#5f045f; text-decoration:underline; font-size:11px; padding-right:8px; background:transparent url(../images/purp_arrow2.gif) no-repeat right 4px;}

.servBoxMid2 {
   width:960px;
   float:left;
   background-color:#eeede8;
   color:#2e1700;
   font-family:Verdana;
   line-height:18px;
}
.servBoxMid2 h5 {color:#333; font-size:14px; margin-top:0px; margin-bottom:0px; line-height:15px; font-family:Verdana;}
.servBoxMid2 p {margin-top:8px; margin-bottom:0px;}
.servBoxMid2 a {color:#5f045f; text-decoration:none; font-size:11px; padding-right:8px; background:transparent url(../images/purp_arrow2.gif) no-repeat right 4px;}
.servBoxMid2 a:hover {color:#5f045f; text-decoration:underline; font-size:11px; padding-right:8px; background:transparent url(../images/purp_arrow2.gif) no-repeat right 4px;}

#servMidL {
   width:270px;
   float:left;
   margin-left:25px;
   background:#eeede8 url(../images/geeky_things.gif) no-repeat;
}

#servMidL2 {
   width:211px;
   float:left;
   margin-left:14px;
}

.servMidM {
   width:270px;
   float:left;
   margin-left:48px;
}

#servMidM2 {
   width:208px;
   float:left;
   margin-left:26px;
}
#servMidM2 ul {list-style-type:none; padding:0px; margin:6px 0 10px 0;}
#servMidM2 li {margin-bottom:4px; display:block; background-color:#fafaf9; padding:2px 0 2px 2px; font-family:Helvetica, Arial;}

#servMidMR {
   width:212px;
   float:left;
   margin-left:35px;
}

#servMidR {
   width:212px;
   float:left;
   margin-left:26px;
}

.servBoxBtm {
   width:960px;
   height:12px;
   float:left;
   background-image:url(../images/serv_box_btm_bg.gif);
   overflow:hidden;
}

#geekStuff {
   width:960px;
   height:58px;
   float:right;
   margin-top:23px;
   background:#fff url(../images/geek_stuff.gif) no-repeat top right;
   overflow:hidden;
}

.serv_sub {font-size:13px;}