/* Webdesign Edge CSS Document */

/* Links */

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover, a:active { color: #DA6E32; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 18px; color: #660000; padding-left:27px; }

h3 { font-size: 24px; }

h4, h5 { font-size: 18px; }
h6{ font-size: 14px; 
	margin:0px 0px 5px 0px;
	}
#header_3column h5 { 
	background:url(web-design-below.jpg) no-repeat 30px 5px; 
	margin-top:0px; 
	margin-bottom:5px;
	}

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size:12px;
	color: #222222;
	background-color:#400203;
}

.gen-s {font-size: 15px;}
.gen-s a, .gen-s a:link, .gen-s a:visited{color:#660000; text-decoration:none}
.gen-s a:hover { color:#660000; text-decoration:underline}
.gen-l {font-size: 14px;}
.gen {font-size: 100%;}
.gen-m {font-size: 130%;}
.text {
	padding:0 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:15px;
}
.packages{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:3px;}
#container {
	width: 996px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background:url(bg.gif) top repeat-y;
	background-color:#FFFFFF;
	padding:0px;
}
#container-2 {
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	background:url(bg.gif) top repeat-y;
	background-color:#FFFFFF;
	padding:0px;
}

.header_static{
	width: 996px;
	clear: right;
	background-image:url(web-design-header.jpg);
	background-repeat: no-repeat;
}
#header_slogan{
	font: normal 18px Arial;
    float:left;
	margin-top:112px;
	margin-left:170px;
	padding-top:0px;
	color:#000000;
	width:821px;	
	display:inline;
}
.dialog {
	color:#9e8e6d;
	height:50px;
}
.dialog a:link,.dialog a:visited,.dialog a:active {
	color:#400203;
	text-decoration:none;
}
.dialog a:hover{
	color:#400203;
	text-decoration:underline;
}
.whyoutsourcing {
	color: #000000;
}
.whyoutsourcing h4 {
	color: #000000;
	margin-bottom:5px;
}
#header_balloon {
	width:382px; 
	float:right; 
	height:205px; 
	background:url(themes/cartoonedge/web-design-dialog.jpg) no-repeat;
}
#header_menu{
	float:left;
	font: normal 100%  Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:18px;
	margin-top:25px;
	margin-left:18px;
	margin-bottom:25px;
	color:#000000;
	width:978px;
	display:inline;
}
#header_middle{
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 956px;
	clear: right;
	height: 200px;
	color:#333333;
	font-family:"Trebuchet MS";
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
}
.morepadding { padding:0px 30px 0px 30px; }
#text{
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 956px;
	clear: right;
	color:#333333;
	font-family:"Trebuchet MS";
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}
#text a:link{
	color:#660000;
}
#text a:visited{
	color: #000000;
}
#text p{
	padding:0 30px 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:15px;
}
#text p a:link,#text p a:visited,#text p a:active { color:#ea7125; border-bottom:1px dotted #ea7125;}
#text p a:hover { text-decoration:none; border-bottom:1px solid #ea7125;}
/* Static (included splash page) Page Style */
#header_3column{
	width: 960px;
	clear: right;
	height: 215px;
	color:#333333;
	font-family:"Trebuchet MS";
	font-size:18px;
	padding-top:0px;
}
#header_3column a,#header_3column a:link, #header_3column a:visited {color:#333333;}
#header_3column a:hover {color:#ea7125;}
#3column_description{font-size: 14px;}
#content_static{
	/*float: left;*/
	width: 966px;
	clear: right;
    /*background-color:#FFFFFF;*/
	background-image: url(bg-content.jpg);
	height: 550px;
	margin-left:15px;
	margin-right:15px;
}
#contentwrapper { margin:10px; padding:10px; background:#ffffff;}
#content_static_left{
	float: left;
	width: 470px;
	/*background-color:#FFFFFF;*/
	/*background-image: url(bg-content.jpg);*/
	height: 550px;
}
#content_static_right{
	float: right;
	width:470px;
	/*background-color:#FFFFFF;*/
	/*background-image: url(bg-content.jpg);*/
	height: 550px;
}
#our_work{
	font: normal 100% Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background:url(bg_col.gif) top no-repeat #ffffff;
	float: right;  	
	margin-top:10px;
	margin-right:5px;
	/*border: 1px solid #d5d5d5;*/
	padding: 5px 5px; 
	width:95%;
	font-size:90%;
	height:465px;
}
#our_work h4 {font-family:Helvetica, Arial, sans-serif;color: #565656;margin:0px;}
#our_work p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #565656;
	line-height: 18px;
	font-style: normal;
	margin-bottom:5px; margin-top:0px;
	text-align: left;
}
#mycustomscroll  .column_l { float:left; width:182px; margin-left:0px; margin-bottom:10px;display: inline; padding-left:7px;padding-top:8px; background:url(img_bg.gif) top no-repeat; }
#mycustomscroll .column_r { float:left; width:182px; margin-left:20px; margin-bottom:10px;display: inline; padding-left:7px;padding-top:8px; background:url(img_bg.gif) top no-repeat; }
#mycustomscroll .column_l a:link, #mycustomscroll  .column_l a:visited,
#mycustomscroll .column_r a:link, #mycustomscroll .column_r a:visited{
	color: #565656;
}
#mycustomscroll .column_l a:hover,  #mycustomscroll .column_r a:hover  {
	color:#ea7125;
}

#mycustomscroll .column_l img,#mycustomscroll .column_r img{
	width:174px; 
	height:146px; 
	border:0px;
	margin-bottom:15px;  	
}

/* width="174" height="146" border="0"  style="margin-bottom:15px" */

/*#######  ScrollBar #########*/
#our_work  #mycustomscroll {
/* Typical fixed height and fixed width example */
width: 420px;
height: 365px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
padding: 10px;
text-align: left;
}
.clear { clear:both; }

#footer_static{ 
	/*float: left;*/
	width: 996px;
	background:url(web-design-footer.jpg) no-repeat;
	height:259px;
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:14px;
}
#footer_static_3column{
	width: 960px;
	height:168px;
	color:#4f0f0d;
	margin-left:15px;
	margin-right:21px;
}
#footer_static_3column a{
	color:#4f0f0d;
}
#footer_static_3column a:hover{
	background-image:url(underline-doted.gif); background-repeat:repeat-x; background-position:bottom; 
}
#footer_static_3column p{
	color:#4f0f0d;
}
#footer_static_copyright{
	width: 960px;
	margin-top:15px;
	margin-left:15px;
	margin-right:21px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#19050e;
}
#footer_static_copyright a { color:#19050e;}
#footer_static_copyright a:hover {background-image:url(underline-doted.gif); background-repeat:repeat-x; background-position:bottom; }

/* menu */
.menu td { 
	background:url(web-design-menu.gif);
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
}
.menu td a:link{
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
}
.menu td a:hover{
	color:#FFFF66;
}
.chromestyle a, .chromestyle a:visited, .chromestyle a:active{
	font-family: "Trebuchet MS";	
	font-size:18px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
}
.chromestyle a:hover{
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	text-decoration: none;
}

.chromestyle ul{
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
}

.chromestyle ul li{
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}

.chromestyle ul li a, .chromestyle ul li a:visited, .chromestyle ul li a:active{
	display: inline;
	font-family: "Trebuchet MS";
	font-size:18px;
	color: #ffffff;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
}

.chromestyle ul li a:hover{
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	margin-bottom:0px;
	text-decoration:none;

  /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	color:#4f0f0d;
	top: 0;
	border-bottom-width: 0;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	z-index:100;
	/*height:100px;*/
	visibility: hidden;
	margin-left:-60px;
	text-align:left;
	display: inline;
	background-color:#edce71;
	border:1px solid #4f0f0d;
}

.dropmenudiv a{
width: 195px;
display: inline;
text-indent: 5px;
text-decoration: none;
font-weight: bold;
color: #4f0f0d;
padding:5px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 195px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #0099FF;
padding:5px;
}
/*new menu*/
.dropmenudiv2{
	position:absolute;
	color:#4f0f0d;
	top: 0;
	border-bottom-width: 0;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	z-index:100;
	/*height:100px;*/
	visibility: hidden;
	margin-left:-70px;
	text-align:left;
	display: inline;
	background-color:#edce71;
	border:1px solid #4f0f0d;
}

.dropmenudiv2 a{
width: 195px;
display: inline;
text-indent: 5px;
text-decoration: none;
font-weight: bold;
color: #4f0f0d;
padding:5px;
}

* html .dropmenudiv2 a{ /*IE only hack*/
width: 195px;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
color:#0099FF;
padding:5px;
}
/*####### TabContent#########*/
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
/*border-top: 1px solid navy; navy border*/
/*background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
color: #ffffff;
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
font-size:0.8em;
}

.indentmenu ul li a{
float: left;
display: block;
color: #ffffff;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 6px;
text-decoration: none;
letter-spacing: 1px;
background-color: #410203; /*Change Default menu color Here*/
border-bottom: 1px solid white;
font-size:0.9em;
/*border-right: 1px solid navy; navy divider between menu items*/
}
.indentmenu ul li a:hover{
background-color: #ac6206; /*Chang  color theme  Here */ 
font-size:0.9em;
color: #fff
}


.indentmenu ul li a:visited{
font-size:0.9em;
color: #fff
}

.indentmenu ul li a.selected{ /*currently selected tab*/
background-color: #ac6206; /*Chang  color theme  Here */ 
border-color: #ac6206; /*Chang  color theme  Here */ 
}
#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #ac6206; /*Navy Blue color theme*/ 
}
.tabcontentstyle{ /*style of tab content container*/
/*border: 1px solid gray;*/
width: 98%;
margin-bottom: 1em;
padding: 5px;
height:400px;
}
.contentarea-out{
background:#ebcd6e;
margin-top:10px;
margin-left:10px;
width:99%; 
padding:5px;
border:solid 1px #d5d5d5;
}
.contentarea-in {
/*border:1px solid #132e72; */
background:#ffffff;
width:97%; 
min-height: 400px; 
margin-bottom:1em;
padding:5px;
}
* html div.contentarea-in { 
   height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets min-height for IE */
   min-height: 400px; /* sets min-height value for all standards-compliant browsers */
}
.tabcontent{
display:none;
}
.tabcontent a, .tabcontent a:visited{ 
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size:13px;
color:#ac6206;
line-height: 18px;
}
.tabcontent p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #333333;
	line-height: 18px;
	font-style: normal;
	margin-bottom:5px; margin-top:0px;
	text-align: left;
}
.questionlist { line-height:22px;
}
#title{
	background-image: url(../../images/website-design-title.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:85px;
	width:640px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding:15px 0px 10px 150px;
	margin-top:30px;
	margin-left:15px;
	font-size:40px;
	color:#410203;
}
#title-2{
	background-image: url(../../images/website-design-title-2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:89px;
	width:800px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding:20px 0px 10px 150px;
	margin-top:30px;
	margin-left:15px;
	font-size:37px;
	color:#410203;
}	
@media print {
.tabcontent {
display:block !important;
}
}
.red {
	color:#FF0000;
}
.links {width:996px;margin:0px auto;padding:0px;color:#996633; text-align:center; font-size:10px; height:25px; background:#400203}
.links a:link,.links a:active, .links a:visited { color:#996633; text-decoration:none;}
.links a:hover { color:#CC6600; text-decoration:underline}
.moretext { display:none;
}
.introb { width:560px; height:205px; float:left; padding-left:10px}
.intros {width:382px; float:right; height:205px; background:url(/themes/cartoonedge/web-design-dialog.jpg) no-repeat;}
.intros a:link, .intros a:visited, .intros a:active { color: #000000; text-decoration: none}
.intros a:hover { text-decoration:underline;}
.breadcrumb { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding:3px 0 0 5px; margin-left:25px;}
.breadcrumb a:link, .breadcrumb a:visited; .breadcrumb a:active { color:#000000; text-decoration:none}
.breadcrumb a:hover { text-decoration:underline; color:#993300}
#pic{
	width:225px; 
	height:267px; 
	float:left; 
	background-image:url(http://bestwebcents.com/img/thumbnail-background.jpg);
	background-position:center;
	background-repeat:no-repeat; 
	text-align:center;
}
#pic img{
	padding-top:10px;
	padding-right:6px;
	padding-bottom:1px;
	margin-bottom:0px;
}