/* Main CSS  */
/* Created by nahlaMedia */
/* Copyright 2010 nahlaMedia. All Rights Reserved */
/* http://www.nahlamedia.com — Updated April 2010 */

.sampler, div#top-nav{font-family: Calibri, arial, verdana;font-size: 1.1em;color: #000000;}
.sampler ul li{ color:#336690;border-left:0px dotted rgb(215,215,234);padding-left:5px;list-style-position: outside;list-style-type:disc;
}
body {background-image: url(../images/bkg_sm.png);background-repeat: repeat-x; background-position:top left; background-color:rgba(235,235,233,0.05) !important;width:100%;margin:0;padding:0;}
.frontpage-ad {margin-top:10px;}
h1 {border-bottom: 0px dotted #cccccc; font-size: 129%; font-weight:bolder; color:#336690;}
h2, h3 {font-size: 110%; font-weight:bolder;color:#99CC00;}
a:link, a {color: #336699; font-weight: bold; text-decoration: none;}
a:hover {background-color:#336699; color:#ffffff;}

/* Body Container */
div#bwrap {margin-left: auto; margin-right: auto; width: 935px;margin-top:-3px;background:rgba(235,235,237,0.1);overflow:hidden; border-left:13px solid rgba(235,235,233,0.05);border-right:13px solid rgba(235,235,233,0.05);padding-left:15px;} 

/* Top Navigation Layout */
#top, #midp, #ft{overflow:hidden; padding-bottom:5px; margin-top:5px;}
#top-nav { border: 0px solid #e0e1ef;border-bottom: 0px solid rgb(235,235,230); padding:25px; padding-bottom:35px; margin-bottom:0px; }
div#top-nav {width:925px; overflow:hidden; margin-left:auto; margin-right:auto;}
.top-left a {background-color:#f5f5ff;}
div#top-wrap {padding:5px;margin-left: auto; margin-right: auto;  width: 925px;overflow:hidden;border:0px solid #ccc; }
#top-lft {width: 250px; float:left; margin-right: -250px » ; border: 0px solid #cccccc;}
#top-mid {width: 250px; float:left;}
#top-rgt {width: 650px; float:left;text-align:right; margin-top:15px;}

.top-lft h3 a:hover{color:#ffffff;background-color:#ffffff;text-decoration: none;}
div.top-lft a:hover{color:#ffffff;text-decoration:none;}
.top-lft a:link, .top-left a{color:#ffffff;background-color:#ffffff;}

/* Mid Body Layout */
#smap-left {width:220px; float:left; margin-right: -220px » ;border-right:0px dotted #cccccc; padding-right:20px;overflow:hidden;}
div#sitemap ul, div#sitemap li{border-bottom:1px dotted #cccccc;border-left:0px solid #fff;margin-left:0px;list-style-position: outside;list-style-type: none; padding:10px; display:block; font-size:90%;}
div#sitemap p{padding-left:20px; margin-bottom:-10px;font-size:110%;}
#website-design-top {margin:0 0 -10px 0;}
#website-design-top h1 {font-size:28px; margin:0 0 -10px 80px;}
#website-design-top h2 {font-size:24px; margin:3px 0 -10px 190px;color:#999999;}
.front-page, .boxy { display:block;text-align:left; height:250px;width:575px; padding-top:0px; margin-right:-53px; margin-bottom:0px;margin-top:-15px;background-color:rgba(225,225,235,0.00); text-shadow: 0px 0px 0px #000;background-image: url(../images/bottom-shadows3.png);background-repeat: repeat-x; background-position: bottom left;}
div#nm-unit-mid {padding:0px;}
#nm-unit-mid {width:225px; float:left;margin-top:17px; margin-left:0px;padding:0px; overflow:hidden; border:1px solid rgb(235,235,237);}
#nm-unit-mid ul li {border-left:0px solid #fff;margin-left:-20px;list-style-position: outside;list-style-type: none; padding:0; text-indent:-3px;border-bottom:0px dotted #ccc; display:block; font-size:95%;}
#nm-unit-left{width:655px; float:left; margin-right: -655px » ;border-right:0px dotted #cccccc; padding-right:0px;overflow:hidden;padding-bottom:25px;}
#nm-unit-left ul li{color:rgb(77,77,77);border-bottom:1px dotted #cccccc; list-style-position: outside;padding:5px;list-style-type:disc;list-style-image:url(../images/green-check.png);font-size:89%;width:90%;}
div.front-page h3{background-image: url(../images/top-shadows3.png);background-repeat:no-repeat; padding:7px 0px 5px 77px; font-weight:bolder;color: #336699;height:39px; }
#front-page ul li {border:0px solid #ffffff;list-style-position: outside; padding:0 0 0 15px; margin-left:19px;list-style-type:circle;margin-top:0px;color:#336690;font-style:italic;background:none;}
.nm-unit-front {color: #99cc00; width:655px;padding-top:25px;margin-left:-25px; letter-spacing:3px;}
div.nm-unit-front h3{padding:5px 0px 3px 29px; font-weight:bolder;color: #336699; font-size: 275%; }
#midpro {overflow:hidden; padding:10px;}
div#midpro ul li {margin-left:-30px; padding:5px; margin-top:-10px;list-style: square inside;font-size:90%;}
div#midpro h4 {font-style:italic; margin:0;color:#3366cc; font-size:90%; text-align:center;}
div#midpro h3 {margin:0; color:#900000;font-weight:bolder;border-bottom:2px solid rgb(152,213,0);text-align:center; padding:5px 0px 5px 0px;}
#nm-unit-pleft{width:255px; float:left; margin-right: -255px » ;margin-top:17px;margin-left:0px;padding:0px;border:2px solid rgb(177,177,177); padding-right:1px;overflow:hidden;background:rgb(255,255,253);-moz-border-radius: .51em/.51em;}
#nm-unit-pmid {width:255px; float:left;margin-top:17px;margin-left:5px;padding:0px; overflow:hidden; /*border:5px solid rgb(235,235,220);*/background:rgb(255,255,253);border:2px solid rgb(177,177,177);-moz-border-radius: .51em/.51em;}
.readmore{display:none;margin-bottom:15px;}
div#nm-unit-pmid a { text-decoration:none; border-bottom:2px dotted #ccc;}

#nm-unit-mid-box-web-design {width:275px; float:left;margin-top:0px;padding-bottom:19px; overflow:hidden;background-image: url(../images/bottom-shadows2.png); background-repeat:no-repeat; background-position:bottom left;}

.nm-gnweb, .nm-blit, .nm-grp {width:100%;float:left;clear:both; margin-top:-22px;}
#nm-gnweb {background:rgb(150,150,150);} #nm-blit {background:rgb(50,50,50);} #nm-grp {background:rgb(77,77,77);}
.nm-gbg {margin:15px auto 0px auto; width:925px; font-family:Trebuchet MS;font-size:115%;}

/* Right Side Navigation Layout */
div#nm-unit-mid-box h3{font-size:110%;font-weight:bolder;color:#99cc00;border-bottom:5px solid #ccc;margin:0 15px 5px -25px;padding-bottom:5px;}
#nm-unit-right {width:225px; float:left;padding-left:0px;padding-top:0px; overflow:hidden;}
#nm-unit-mid-box {border:0px solid #ccc;width:235px; float:left;margin-top:0px;padding-bottom:19px; padding-left:-10px; overflow:hidden;background-image: url(../images/bottom-shadows.png); background-repeat:no-repeat; background-position:bottom left;}
#left-box-w{width:550px;border:1px solid green;margin-top:20px;height:220px;font-size:120%;}
.left-box-in{width:145px;float:left;margin-right:-145px » ;padding:5px;margin-top:20px;background:rgb(233,23,23);border:3px solid rgb(222,22,22);font-size:120%;}
.left-box-min{float:left;width:145px;padding:5px;margin-top:20px;background:rgb(233,23,23);border:3px solid rgb(222,22,22);font-size:120%;}
div.left-box-in a:link, .left-box-in a:link, div#left-box-w a{background:rgb(235,232,231); color:#0066FF;text-decoration:none;}
div.left-box-in a:hover{background:rgb(23,23,23);color:#666666;}
.boxy  { float: left; width: 195px; margin: 0% 2% 50px 0%; text-align:center; }
	.boxy h3 a, .boxy p { font-size: 1.45em;  background:rgb(77,77,77); color: #ffffff; border-top:2px solid rgb(78,78,78); display: block; padding: 3px 5px; clear: both; margin: 0 0 20px 0; }	
	.boxy h3 a:hover, .boxy p a:hover { background: #336699; color: #fff; }
	.boxy p { margin: 10px 0 0 0; }
.nm-services {float:left;width:90%;margin-bottom:15px;} .nm-services h2 a{font-size:.98em;border-bottom:1px solid #ccc;}
.nm-services h3 a{font-size:.98em; width:295px;background:rgba(235,235,235,0.3);border:1px solid rgb(235,235,235);color:rgba(77,77,77);display:block;padding:2px 5px;clear:both;margin:17px 0 5% 17px;}
.nm-services h3 a:hover{background:#336699;color:#ffffff;}
.nm-services p{margin:12px 0 0 0;}
.nm-services ul li {border-bottom:1px dotted #cccccc;padding:5px; list-style-position: outside;list-style-type:disc;list-style-image:url(../images/green-check.png); color:rgb(77,77,77);margin-left:-15px;font-size:89%;}
.sx{font-family:"Brush Script Std", Garamond;font-style:italic;}
.cmake {width:100%;background:rgb(70,70,70);float:left;clear:both; height:295px;margin-top:-18px;} .cbake {margin:25px auto 0px auto; width:925px; font-family:Trebuchet MS;font-size:115%;}
.nm-co-page-lft{width:49%;float:left;/*margin-right:-49% »;*/border-right:0px dotted #cccccc;padding-right:15px;padding-top:5px;margin:0px 45px 15px 0; }
.nm-co-page-rgt {width:41%;float:left;border-left:0px solid #ccc;padding:5px;margin:0px 0px 15px 0;}
.nm-co-page-lft h3, .nm-co-page-rgt h3{margin:0;}

/* Footer Layout */
#footer-nav{clear:both;float:left;width:100%;border-top:5px solid rgba(235,235,237,0.92);background:rgba(235,235,237,0.90); background-color:rgb(233,233,234);  }
.footer {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 11px;color: #000000;padding: 25px;background:url(../images/nm-lognb.png) center right; background-repeat:no-repeat;}
.footer li{border-left:0px solid #ffffff;padding-left:2px;list-style-position: inside;list-style-type: none;}
.footer h4{font-size:13px;margin:0;padding:0;color:#666666;}
div.footer, div#footer {margin-left: auto; margin-right: auto; width: 925px;background-color: rgba(235,235,237,0.72);overflow:hidden;}
/*div#footer-nav { background-image: url(../images/footer-bk.jpg);background-repeat: repeat-x; overflow:hidden;}*/
#ft{width:925px;margin:0 auto 0 auto;overflow:hidden;}
#ft-left{width:230px; float:left; margin-right: -230px » ;border-right:0px dotted #cccccc; padding-right:0px;overflow:hidden; margin-left:-25px;} #ft-mid{width:250px;float:left;}
.styc {color: #999999;padding-left:5px; font-variant:small-caps;text-shadow: 0px 1px 0px rgb(255,255,255);background:rgb(232,232,230);}.styh {color: #ff0000;font-size:16px; font-style:italic;font-family:vivaldi;font-weight:bolder;text-shadow: 0px 1px 0px rgb(255,255,255);} #bottom{text-align:right;margin-top:95px;}
.error404{font-size:120%; color:#cc3300;margin-top:25px;}

/* Buttons */
.add-service {text-align:right;margin-top:35px;font-weight:bolder; color:#900000;}
div.add-service{float:right;width:135px;  /*background-color:rgb(152,233,0);*/ border:0px solid rgb(152,213,0); margin-bottom:10px;margin-top:-5px; margin-right:10px;padding:3px; vertical-align:bottom; text-align:right;}
div.add-service form {border:2px solid #cccccc;width:88px; vertical-align:top; float:right;height:27px; margin-left:5px; background:#336699;}
.add {text-align:right;padding:3px 3px 3px 0px;font-weight:bolder; color:#336699;}
div.add{float:right; /*border:2px solid rgb(152,213,0);*/ margin-bottom:10px;margin-top:-25px; margin-right:15px;}
div.add a:hover{background-color:rgb(152,213,0); padding:2px;border:3px solid #ccc;}
div.add a:link, .add a {background-color:#336699;color:#f0f0f0;text-decoration:none;padding:2px;border:3px solid #ccc;}
.smaller {font-size: 21px; color:#99cc00;}
.price-large-s, .price-large-d { font-size:175%; font-weight:bolder; text-align:right;margin-right:22px; margin-top:-68px;}
div.price-large-s {color:#FF0000;} div.price-large-d {color:#99CC00;}
.submit-form {font-family: "Myriad Pro", verdana, arial;font-size: 14px;color: #ffffff;background-color: #006699;border: 1px solid #cccccc;}
.forms {font-family: "Myriad Pro", verdana, arial;font-size: 16px; margin:3px;}
.submit-success {margin-top:25px; color:#99cc33; font-size:120%;}
.submit-error {margin-top:25px; color:#ff0000; font-size:120%;}
.c_box {font-family: Calibri, arial, verdana;font-size: 85%;}
.c-box ul, li { list-style-type:lower-roman; list-style-position:outside;}
.c-box h1, h2, h3 {color:#336699;}