/*
Theme Name: Webstarmultimedia New
Theme URI: http://www.WPThemerKit.com
Description: Blank Theme E, 2 Columns, 1 Left Sidebar
Version: 1.1
Author: Cal
Author URI: http://www.WPThemerKit.com
*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
files are available at http://www.wpthemerkit.com

License info can be found at http://www.wpthemerkit.com/license.php
=================================================================== */
/*------------------------------------------------------------------
[Table of contents]
1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/
html, body {

margin:0;
padding:0;
text-align:center;
background-color:#ffffff;
}

.floatLeft{float:left;}

.floatRight{float:right;}

a img 
{
border:0px;
}

.clear 
{
clear:both;
}

#pagewidth {

width:930px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

/*======== header ========*/

#topbg
{
height:347px;
background:url(images/top-bg.jpg) no-repeat;
}

#header 
{
position:relative;
height:127px;
width:930px;
}

#logo 
{
float:left;
width:325px;
}

#topnav 
{
float:left;
/*background:url(images/top_ng.gif) no-repeat;*/
height:47px;
width:605px;
padding-top:80px;
}

#topnav a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
padding-top:45px;
font-weight:bold;
}

#topnav a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e5e5e;
text-decoration:none;
padding-top:45px;
font-weight:bold;
}

.space1 
{
padding-left:23px;
}

.space2 
{
padding-left:44px;
}

.space3 
{
padding-left:41px;
}

.space4 
{
padding-left:37px;
}

.space5 
{
padding-left:45px;
}

.space6 
{
padding-left:33px;
}

.space7 
{
padding-left:18px;
}

#header1 
{
position:relative;
height:220px;
background-repeat:no-repeat;
width:930px;
/*background-image: url(images/menu_bg.gif);*/
}

/*====== mid part ====*/

#wrapper 
{
background-image:url(images/content_bg.gif);
}

.clearfix:after 
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix 
{
display: block;
}

* html .clearfix 
{
height: 1%;
}

#portfolio_area1 
{
float:left;
position:relative;
padding-left:17px;
}


/*======== left part ======*/

#leftcol 
{
width:257px;
float:left;
position:relative;
}

#leftcol p 
{
margin:0px;
padding:0px;
}

#mainheading 
{
background:url(images/our_services.gif) no-repeat;
height:25px;
width:235px;
padding:8px 0px 0px 22px;
}

#mainheading b 
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#bd4313;
}

#sub_left 
{
margin:0px 0px 0px 0px;
width:243px;
float:left;
}

#sub_left b 
{
font-size:13px;
font-weight:bold;
margin-top:4px;
padding:5px 0px 0px 8px;
}

.subheading 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1E1E1E;
background-image:url(images/sub_heading_bg.gif);
height:25px;
width:227px;
margin:0px 0px 0px 15px;
padding-top:6px;
}

.subheading a 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1E1E1E;
text-decoration:none;
}

.subheading a:hover 
{
/*color:#bd4313;*/
color:#5e5e5e;
}

.outer_border 
{
border:1px #b7f7f8 solid;
border-bottom:0px;
margin:0px 0px 0px 15px;
width:225px;
background:url(images/st_menu.jpg) bottom right repeat-x;
}

* html .outer_border 
{
width:218px;
}

.button11
{
width: 218px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color: #0066CC;
border-bottom: 1px solid #b7f7f8;
}
.button11 a
{
color: #0066CC;
text-decoration:none;
}
.button11 a:hover
{
color: #0066CC;
text-decoration:underline;
}

.button 
{
width: 218px;
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color: #1E1E1E;
}

* html .button
{
width:206px;
margin-right:8px;
}


.button ul 
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.button li 
{
border-bottom: 1px solid #b7f7f8;
margin: 0;
list-style: none;
list-style-image: none;
}

.button li a 
{
display: block;
padding: 5px 5px 5px 0.5em;
color: #1E1E1E;
text-decoration: none;
width: 100%;
}

html>body .button li a 
{
width: auto;
}

.button li a:hover 
{
/*color: #bd4313;*/
color:#5e5e5e;
text-decoration: none;
}

.button li a.active
{
/*color: #bd4313;*/
font-weight:bold;
color:#5e5e5e;
text-decoration: none;
}


/*======== container ==========*/

#maincol 
{
float: right;
display:inline;
position: relative;
width:673px;
}
#headertxt1 
{
	background-image:url(images/heading_bg.gif);
	height:25px;
	margin:0px 8px 0px 2px;
 
	
}

.headertxt1 
{
background:url(images/heading_bg.gif) repeat-x;
color:#bd4313;
height:26px;
margin:0px 3px 0px 3px;
}

.headertxt1 a
{
color:#bd4313;
text-decoration:none;
}

.headertxt1 a:hover
{
color:#bd4313;
text-decoration:none;
}

.headertxt1 b 
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#bd4313;
padding:0px 0px 0px 10px;
margin:10px 0px 0px 3px;
}

.spacer 
{
padding-top:8px;
}
.entry
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#1E1E1E;
padding:0px 8px 0px 17px;
margin:10px 10px 0px 0px;
line-height:20px;
}
.entry a
{
color:#0066CC;
text-decoration:none;
}
.entry a:hover
{
color:#0066CC;
text-decoration:underline;
}


.postmetadata 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px 8px 15px 17px;
margin:10px 10px 0px 0px;
color:#1E1E1E;
text-decoration:none;

}
.postmetadata a
{

color:#0066CC;
text-decoration:none;
}
.postmetadata a:hover
{
color:#0066CC;
text-decoration:underline;
}
.content22 
{
font-family:Arial, Verdana,  Helvetica, sans-serif;
font-size:12px;
color:#1E1E1E;
padding:0px 8px 0px 17px;
margin:10px 10px 0px 0px;
line-height:20px;
}

.content22 strong 
{
color:#1E1E1E;
}

.readmore 
{
float:right;
}

#ad_bg 
{
background-image:url(images/ad_bg.gif);
width:603px;
height:70px;
padding: 13px 15px 0px 15px;
margin:10px 10px 0px 20px;
line-height:20px;
}

#ad_bg_content 
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#2C2C2C;
}

.contact_us {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:visited {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:hover {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:active {

background-color: #CC3300;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

/*========== footer =======*/

#footer1 
{
height:32px;
background-image:url(images/footer1.gif);
width:100%
}

#footer 
{
background:url(images/footer.gif) repeat-x;
height:35px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
clear:none;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
clip: rect(auto,auto,auto,auto);
margin:0px 2px 0px 4px;
}

#footer a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
text-decoration:none;
}

#footer a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
text-decoration:none;
}

/*======== quote page =========*/

.bluetextbold
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1E7EB8;
font-weight:bold;
text-decoration:none;
}

.mandatory
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: Red;
text-decoration:none;
}

.footerlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
font-weight:bold;
text-decoration:none;
}

input
{
width:auto; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#545454; 
border:#ABD0D6 solid 1px;
}

TEXTAREA 
{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
width:auto;
height:auto;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
color:#545454;
}

select 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color:#545454; 
margin: 1px;
background-color: #FFFFFF;
border: 1px solid #ABD0D6;
width:auto;
}

.errormessage
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

/*======== sitemap page =========*/

#sitemap_link 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
line-height:20px;
}

#sitemap_link a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
line-height:20px;
}

#sitemap_link a:hover 
{
color:#014da2;
line-height:20px;
}

/*======== portfolio page =========*/

#portfolio_area 
{
float:left;
position:relative;
padding:0px 27px;
}

#portfolio_area a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
text-decoration:none;
}

#portfolio_area a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
text-decoration:none;
}

#portfolio_area a.port 
{
text-decoration:underline;
border-bottom:1px solid #FFFFFF;
}

.portfolio_text3 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
padding-top:10px;
}

.portfolio_box
{
width:168px;
margin-right:57px;
}

.layer1
{
clear:both;
}

.backbut
{
width:55px;
padding-left:26px;
float:left;
}

.naxtbut
{
width:30px;
float:right;
padding-right:18px;
} 

.portbigview
{
width:570px;
padding:0px 18px 0px 26px;
}

/*===Emystyle===*/


.widecolumn .entry p {
	font-size: 1.06em;
	text-align:justify;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.8em;
	text-align:justify;
	}

.widecolumn {
	line-height: 1.6em;
	}
.narrowcolumn {
	float: left;
	margin: 0 auto;
	width: 655px;
	}

.widecolumn {
	padding: 10px 0 10px 0;
	margin: 10px 0 0 10px;
	width: 500px;
	}

.post {
	/*margin: 0 4px 40px 4px;*/
	text-align: justify;
	line-height:1.8em;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}
.narrowcolumn .postmetadata {
	text-align: left;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	}
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1E1E1E;
	text-align:left;
 	line-height:20px;
}
#content a {

	color:#0066CC;
 	text-decoration:none;
}
#content a:hover {

	color:#0066CC;
	text-decoration:underline;
}
#content h1 a  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bd4313;
 	text-decoration:none;
}
#content h1 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bd4313;
	
	text-decoration:underline;
}
#content strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f84c10;
}
.current-cat
{
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5e5e5e;
font-size:12px;
text-decoration: none;
}
.customLinkeditorPaging
{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;;
color:#0066CC;

line-height:20px;
}
.customLinkeditorPaging:link,.customLinkeditorPaging:active,.customLinkeditorPaging:visited
{
font:bold 12px Arial;
color:#0066CC;
line-height:20px;
padding:4px 7px;
text-decoration:none;
}
.customLinkeditorPaging:hover
{
font:bold 12px Arial;
color:#0066CC;
padding:3px 6px;
border:1px solid #0066CC;
line-height:20px;
text-decoration:none;
}
.navigation
{
width:650px;
text-align:center;
padding-left:10px;
}
/*===END SECTION 11===*/