/*Stylesheet created by Yohannes A.*/

/* --------------------------------- General Settings ------------------- */
* {
	margin:0;
	padding:0;
	}
html {
	font-size:100%;
	}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
	}
.clear {
	clear:both;
	}
body {
	padding:0;
	margin:0 auto;
	background:#fff url('../images/yansweb-body-bg.jpg') repeat-x 0 160px;
	font:62.5%/1.5 Verdana, Georgia, Arial, Helvetica, sans-serif;
	color:#204c7b;
}
/*---------------------------------- start header -----------------------*/
#headerContainer {
	width:100%;
	margin:0 auto;
	background:#f9f9f9;
}
#header {
	position:relative;
	width:950px;
	height:160px;
	margin:0 auto;
	color:#FFF;
	background:#f9f9f9;
	border-top:5px solid #80997f;
}
#header img {
	position:absolute; top:0px; left:10px;
}
#header a img {
	border:0;
}
#header h1 {
	position:absolute;
	top:6px;
	left:16px; /*was 30 */
	font:bold 1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#80997f;
	letter-spacing:.16em;
	border-bottom:1px dashed #DDD;
}
#subHeader {
	width:940px;
	height:36px;
	margin:0 auto;
	background:#FFF url('../images/new-below-menu.gif') no-repeat 0 0;
	border-bottom:1px dashed #ddd;
}
#menu {
	width:950px;
	height:40px;
	position:absolute;
	top:118px;
	left:0;
}
#menu ul{
	width:884px;
	height:45px;
	background:#fff url('../images/new-menu-bg-curved.gif') no-repeat 0 0;
	margin:0 auto;
	padding-left:56px;
}
#menu ul li{
	float:left;
}
#menu ul li a {
	display:block;
	padding:0px 16px 0px 16px;
	margin:10px 2px 0 0;
	font:bold 1.2em/2.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#078877;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	letter-spacing:.12em;
	border-bottom:0px dashed #9bc723;
	background:#f2f2f2;
}
#menu ul li a:hover{
	background:#330A0A;
	padding:0px 16px;
	border-bottom:0px solid #FFF;
	color:#ECE8C3;
	text-decoration:none;
}
#menu ul li.selected {
	float:left;
	font:bold 1.2em/2.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ECE8C3;
	background-color:#330A0A;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 16px;
	margin-right:3px;
	margin-top:1px;
	border-bottom:3px solid #FFF;
	letter-spacing:.12em;
}
#header #headerText {
	position: absolute;
	top:35px;
	left:280px;
	color:#330A0A;
	padding:0 20px 5px 20px;
	border:1px dashed #ddd;
}
#headerText h1 {
	position:absolute;
	top:0;
	left:20px;
	font:bold 1.6em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:0;
	letter-spacing:normal;
	color:#7a9908;
}
#header #headerText p {
	padding-top:30px;
	font:1.4em/1.4em  "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*------------------------------------------------header end--------------------*/

/*--------------------------------- start body -------------------------*/
#content{
	width:940px;
	margin:0 auto;
	padding:0;
}
#content #leftPanel {
	width:545px;
	padding:15px 34px 5px 10px;
	float:left;
	background:#fff;
}
#leftPanel h1 {
	margin:0 0 0 0;
	padding:8px 0 8px 50px;
	font:bold 1.8em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#298DDE;
	background:#fff url('../images/check.gif') no-repeat 0px 40%;
}
/*special*/
#leftPanel h2.replaceH1 {
	margin:0 0 0 0;
	padding:8px 0 8px 50px;
	font:bold 1.8em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#298DDE;
	background:#fff url('../images/check.gif') no-repeat 0px 40%;
}
#mContact #leftPanel h1 {
	background:#fff url('../images/contact-info.gif') no-repeat 0px 40%;
}
#leftPanel h1 .subH1 {
	font: .7em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
#leftPanel h2.replaceH1 .subH1{
	font: .7em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
#leftPanel h2 {
	padding-left:20px;
	font-size:1.3em;
	color:#7a9908;
	margin:15px 0 10px 5px;
	background:url('../images/arrow-contract.gif') no-repeat 2px 60%;
}
#leftPanel p {
	font-size:1.2em;
	line-height:1.5em;
	margin-top:10px;
	padding:10px 15px;
	border:1px solid #f9f9f9;
	border-left:0;
	border-right:0;
}
#leftPanel p a, ul a {
	padding: 4px 2px 2px 2px;
	text-decoration: none;
	color: #987711;
	border-bottom: 1px dashed #000;
}
#leftPanel p a:hover, #leftPanel ul a:hover {
	border-bottom:0px;
	background:#edf1ea;
	color:#000;
}
#leftPanel ul.wideList {
	width:100%;
	font-size:1.1em;
}
#leftPanel ul.wideList li {
	background:#f7f7f3 url("../images/sml-arrow-1.gif") no-repeat 2px 50%;
	padding:5px 10px 5px 18px;
	margin:5px 0 0 0px;
	border-left:1px solid #f0f0f0;
}
#mServices #leftPanel ul.wideList li {
	padding:20px 120px 20px 20px;
	background:#f9f9f9 url("../images/sml-arrow-1.gif") no-repeat 0px 50%;
}
#content #leftPanel #leftPanelLeft {
	float:left;
	width:263px;
	padding:15px 0;
	margin-top:15px;
	font-size:1.1em;
}
#content #leftPanel #leftPanelRight {
	float:right;
	width:263px;
	padding:15px 0;
	margin-top:15px;
	font-size:1.1em;
}
#leftPanelLeft h3, #leftPanelRight h3{
	background:#edf1ea url("../images/arrow-2.gif") no-repeat 5px 50%;
	padding:5px 10px 5px 45px;
	color:#9bc723;
	font:bold 1.4em/1.2em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#leftPanelLeft ul, #leftPanelRight ul {
	padding:0;
}
#leftPanel ul li, #leftPanelRight ul li {
	padding:4px 4px 10px 14px;
	background:#fbfbf8 url("../images/h2-bg.gif") repeat-x 0 0;
}
#leftPanel ul li.topHead{
	list-style-position:outside;
	background:#fff url("../images/tiny-arrow.gif") 0 50% no-repeat;
	color:#4b82b7;
	font: bold 1.3em/1.6em Arial, Helvetica, sans-serif;
	padding: 0 0 0 14px;
	margin-top:10px;
}
#leftPanel p.endContent {
	margin:15px 0;
	padding:10px 15px;
	font:1.2em/1.5em Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #edf1ea;
}
#leftPanel .box, #leftPanel .box1 {
	font-size:1.1em; margin-top:5px; height:140px; position:relative; padding:10px;  border:10px solid #f9f9f9;
}
#leftPanel .box1 {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:0;
	border-right:0;
}
#leftPanel .box p, #leftPanel .box1 p {
	float:left; margin-top:4px; width:250px; font-size:1em; padding:5px; background:#f9f9f9;
}
#leftPanel img {
	float:right; position:absolute; top:8px; right:10px; padding-bottom:5px;
}
#mWebDesign .box, #mSeo .box {
	height:220px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-right:0;
	border-left:0;
	padding:5px 5px;
	margin:15px 0;
}
#mWebDesign .box img {
	position:absolute; top:30px; right:3px;
	padding:10px;
	background:#f9f9f9;
}
#mSeo .box img {
	position:absolute; top:0px; right:10px;
	padding:10px;
	margin-top:13px;
	background:#f9f9f9;
}
#mWebDesign .box ul li, #mSeo .box ul li {
	list-style-type:square;
	list-style-position:inside;
}
#mSeo .box img {
	position:absolute; top:15px; right:0px;
	padding:10px;
	background:#f9f9f9;
}
#mPortfolio #leftPanel .box p, #mPortfolio #leftPanel .box1 p {
	margin-top:30px;
}
#mPortfolio #leftPanel .box img {
	position:absolute; top:8px; right:0px;
}
#content #rightPanel {
	width:348px;
	float:right;
	padding:0;
	padding-left:3px;
	background:#fff;
	color:#204c7b;
}
#rightPanel h2 {
	margin:10px 5px 5px 5px;
	padding:5px 5px 2px 33px;
	font:bold 1.4em/1.8em  "Trebuchet MS", Arial, sans-serif;
	color:#80997f;
	background:#fff url("../images/big-arrow.gif") no-repeat 5px 5px;
	font-size:1.3em;
	width:85%;
	border-bottom:1px dashed #0a0a0a;
}
#rightPanel h2 .subH2 {
	font-size:.9em;
	color:#80bbeb;
}
#rightPanel h2.contact {
	font-size:1.5em;
	line-height:1em;
	margin:20px 0 0 5px;
	width:238px;
	padding:12px 0 12px 90px;
	background:#fff url('../images/comment-1.gif') no-repeat 0 50%;
}
#rightPanel #rightPanelPortfolio {
	width:330px;
	height:251px;
	margin:10px 0 20px 5px;
	padding-top:2px;
	background:#f9f9f9 url('../images/below-div-cf.gif') no-repeat 0 100%;
	border:0px dashed #ddd;
}
#rightPanelPortfolio img {
	margin-left:11px;
	padding:4px;
	background:#fff;
}
ul.rightPanelServices {
	width:313px;
	margin:5px 5px 10px 5px;
	padding:10px;
	background:#f9f9f9;
	font-size:1.1em;
}
ul.rightPanelServices li {
	width:303px;
	padding:10px 5px;
	margin-top:3px;
	background:#fff;
}
ul.rightPanelServices li.webDesignService {
	margin-top:0px;
	background:#fff url('../images/custom-web-design.gif') no-repeat 2px 50%;
}
ul.rightPanelServices li.websiteMaintenance {
 	background:#fff url('../images/website-maintenance.gif') no-repeat 2px 50%;
 }
ul.rightPanelServices li.psdXhtml { 
 	background:#fff url('../images/psd-xhtml.gif') no-repeat 2px 50%;
} 
ul.rightPanelServices li.seoService { 
	background:#fff url('../images/seo-1.gif') no-repeat 2px 50%;
 } 
ul.rightPanelServices li a {
	margin-left:40px;
	padding:5px 20px 5px 2px;
	border-bottom:1px dashed #ddd;
}
ul.rightPanelServices li a:hover {
	border-bottom:0;
	background:#EFF6CB;
}

/*----------------------------- start footer ------------------------------*/
#footer {
	width:940px;
	margin:25px auto 0 auto;
	padding:5px 0;
	background:#f9f9f9 url('../images/h2-bg.gif') repeat-x;
	height:15px;
}
#footer p {
	margin:0 auto;
	padding-left:25px;
	background:url('..images/arrow-right.gif') no-repeat 0 0;
}
#footer p a {
	text-decoration:none;
	border-bottom:1px dashed #999;
}
#footerEnd {
	position:relative;
	width:100%;
	background:#80997f;
	height:25px;
}
#footerEnd p {
	width:920px;
	margin:0 auto;
	padding:7px 0 5px 25px;
	color:#fff;
	font:bold 1.1em/1.2em Georgia, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing:0.2em;
}

#footerEnd a {
	color:#000;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	letter-spacing:0em;
	background:#fff;
	}
#footerEnd a:hover {
	background: #EFF6CB;
	border-bottom:1px dashed #999;
	}
#copy {
	font-weight: bold;
	color:#ddd;
	}

/*---------------------------Form stuff ---------------------------------*/
form {
	margin-top:10px;
}
form p {
	background:#F9F9F9;
	padding:5px 0px;
	}
fieldset {
	width:328px;
	background:#FFF;
	border:0px dashed #DDD;
	padding:0px 5px 0px 5px;
	margin-bottom:2px;
	}
input, textarea {
	border:1px solid #DDD;
	margin-top:5px;
	margin-left:7px;
	}
label {
	font-weight:bold;
	padding:2px 0 7px 10px;
	line-height:2em;
	}
label span {
	width:200px;
	letter-spacing:1px;
	}
p.warning {
	width:302px;
	margin:8px 5px 4px 5px;
	padding:5px 5px 5px 20px;
	background:#999 url('../images/stop.gif') no-repeat 2px 50%;
	color:#FFF;
	font-weight:bold;
	}
p.thankyou {
	width:302px;
	margin:8px 5px 4px 5px;
	padding:5px 5px 5px 20px;
	background:#EFF6CB;
	color:#000;
	font-weight:bold;
	}
p#submit {
	padding:0;
	background:#ddd;
	}
input.submit {
	 border:4px solid #EFF6CB; background:#014c69; color:#FFF; font-weight:bold; padding:0px 8px; margin:2px 0 2px 120px;
	 }
#mContact input.submit {
	padding:4px 8px;
	margin-left:350px;
}
/*------------------------ Miscellaneous ------------------------------------ */
acronym {
	font-weight:bold;
	text-decoration:underline;
}
.here {
	background:url('../images/arrow-right.gif') no-repeat 0 130%;
	font-weight:bold;
	margin-left:10px;
	padding:12px 0 0 20px;
}
.here a {
	padding:2px 4px;
	color:#4b82b7;
	text-decoration:none;
	border-bottom:1px dashed #000;
}
/* aHome Specific */ 
#aHome #leftPanel .replaceH1 {
	background:#fff url('../images/h1-bg-badge.gif') no-repeat 0 40%;
}
.valid {
	margin-left:310px;
}