html, body
{
    height:100%;
}

* { margin:0; }

body {
margin:0;
padding:0;
background-color:White;
background-image:url(../../images/webdesign_bg.png);
background-repeat:repeat-x;
background-position:top;
font-family:Verdana;
font-size:12px;
color:#454545;
}

.loginContainer {
margin:0;
padding:0;
width:100%;
height:31px;
}

.loginContainer .loginBtn
{
margin:0;
padding:0px;
width:28px;
height:31px;
border:none;
float:right; clear:right;
}

.loginContainer .showVisits
{
margin:0;
padding:0px 5px 0px 0px;
width:70px;
height:31px;
border-right:0px none transparent;
float:left; clear:left;
}

.bannerLogoContainer {
margin:0;
padding:0;
width:100%;
height:134px;
/*border:1px solid #f00;*/
}

.LogoContainer 
{
    float:left; margin:0; padding:0; width:390px; height:130px; clear:left;
}

.logoImage
{
    margin:10px; padding:5px;
}

.textUnderLogo
{
    padding-left:16px; margin:0px; margin-top:-12px; font-size:7px;
}

.callNowUnderLogo
{
    color:#ffffff; font-family:Arial; padding-left:15px; margin:0px; margin-top:5px; font-size:26px;
}

.headingH2
{
    color:#DDDDDD; padding-left:25px; margin:0px; font-size:8px;
}

.bannerHeadingsContainer
{
    float:right; margin:0; padding:0; width:543px; height:130px; clear:right;
}

.navigationContainer{
margin:0 auto;
padding:0;
/*background-image:url(../../images/shadowborder.png);
background-repeat:no-repeat;
background-position:center bottom;
width:100%;*/
width:990px;
min-height:54px;
/*background-color:#e8eea8;*/
text-align:center;
font-family:Verdana; 
color:#49a7e2;
position:relative;
z-index:2000;
}

.navigationContainer ul.topnav { margin-left:190px; }

.navigationContainer ul#menu1 li.mainNav
{
    font-size:16px; padding-right:0px; border-right:1px solid #0cf; font-weight:100;
}

.mainNav ul {text-align:left; }

.mainNav ul li { font-size:12px; }

.navigationContainer .navlink{
color:#fff;
text-decoration:none;
font-weight:100;
}
.navigationContainer .navlink:hover{
color:#333;
text-decoration:none;
}
.navigationContainer .navlink:active{
color:#333;
text-decoration:none;
}

.mainContent{
margin:0 auto;
padding:0;
width:990px;
min-height:500px;
display:table;
/*border:1px solid #f00;*/
}

.mainContent .welcomemsg{
margin:0 auto;
padding:0;
background-image:url(../../images/websitedesign_wel.gif);
background-repeat:no-repeat;
background-position:top;
width:892px;
height:217px;
}

.welcomemsg .wordContainer
{
    float:right; clear:right; margin:0; padding-right:20px; width:490px; line-height:20px; text-align:justify;
}

.SamllBoxHeading
{
margin:0px;
padding:0px;
background-image:url(../../images/webdesignheadMain.gif); background-repeat:no-repeat; background-position:top;
width:450px; height:59px;
}

.mainContent .readMore
{
margin:0; padding:2px;
background-color:#cdcdcd;
font-size:9px;
color:#1d1d1d;
display:block;
height:20px;
}

.mainContent .readMore a
{
text-decoration:none;
color:#1d1d1d;
}

.mainContent .serviceHeadingBanner
{
width:950px; height:66px;
padding:17px 0px 0px 40px;
background-image:url(../../images/expandedHeadings.jpg); background-repeat:no-repeat; background-position:top;
color:#fff;
}

.serviceHeadingBanner h2
{
    margin:0; padding:0;
}

.mainContent .inputFields
{
margin:0;
padding:0px 15px 0px 20px;
width:215px; height:25px;
background-image:url(../../images/main_14.png); background-repeat:no-repeat; background-position:top;
border:none;
}

.mainContent .comentFields
{
margin:0;
padding:0px 10px 0px 20px;
width:300px; height:130px;
background-image:url(../../images/main_17.png); background-repeat:no-repeat; background-position:top;
border:none;
}

.footercontainer{
margin:0;
margin-top:10px;
padding:0;
width:100%;
height:165px;
background-image:url(../../images/webdesignfooterbg.png);
background-repeat:repeat-x;
background-position:top;
}

.footercontainer .footer{
margin:0px auto;
padding:10px;
width:835px;
height:145px;
color:#CCCCCC;
}

.privacyTerms
{
    margin:0;
    padding:0;
    padding-top:2px;
    padding-bottom:2px;
    width:100%;
    color:#cccccc;
    text-align:center;
    font-size:10px;
    background-color:#000000;
}

/* Home page Crousel (JSEasy) stylse */

.crouselContainer
{
    margin:0px; padding:5px 0px 15px 0px; display:table;
    height:337px;
}

.crouselContainer #content
{
    width:990px; height:357px; margin:0; padding:0;
    border:1px solid #ccc;
}

.crouselContainer #slider
{
    width:990px; margin:0px; padding:0px; float:none; overflow:hidden;
}

#slider ul, #slider li
{
   list-style-image:none;
   list-style-type:none;
   list-style-position:outside;
   margin:0;
   padding:0;
}
ol#controls{
		margin:1px 0;
		padding:0;
		margin-left:-1px;
		height:28px;	
		}
ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:0px solid #DAF3F8;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
ol#controls li.current a{
		background:#2fabdf;
		color:#fff;
		}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

.crouselContainer .insideCrouselContainer
{
    height:357px; width:990px;
}

.insideCrouselContainer .topHeading
{
    text-align:center; color:#eee; margin:0; padding:5px 0px 25px 0px; font-size:14px;
}

.insideCrouselContainer .topHeading .InsideText
{
    float:left; clear:left; padding-left:10px;
}

/* ======= Services Page ============ */

.service_Container
{
    margin:10px 20px 10px 20px; padding:0px 10px 10px 10px;
    /*border-bottom:1px dashed #adadad;
    margin:0; padding:0;*/
    display:inline-table;
}

.service_Container .service_borderRightDiv
{
    float:left; clear:left; width:450px; margin:0; padding-right:10px; 
    border-right:0 none transparent; text-align:justify;
}

.service_Container h2
{
    font-size:26px; color:#ffffff; margin:0; padding:12px 0px 0px 10px; float:left; clear:left;
}

.service_Container p
{
    line-height:18px; background-color:#e7e7e7; margin:0px; padding:10px 10px;
}

/*============= after navihgation top new ----- */

.topnewContainer
{
    padding:0; margin:0 auto; width:980px; height:310px; 
    position:relative;
}

.testimonialContainer
{
    position:absolute; top:0px; left:0px;
    margin:0; padding:0; width:267px; height:293px; 
    background:transparent url(../../images/testimonials.gif) no-repeat scroll top left;
}

.testimonialContainer p
{
    margin:0; padding:0;
}

.newsContainer
{
    position:absolute;  top:0px; right:0px;
    margin:0; padding:0; width:267px; height:293px; 
    background:transparent url(../../images/home_simpletops.jpg) no-repeat scroll top left;
}

.simpleTopFormHome
{
    position:absolute; top:0px; left:280px;
    padding:0px 10px; 
    text-align:justify; 
    width:400px;height:293px;
    color:#333;
}
.simpleTopFormHome a { color:#0af; }

.simpleTopForm
{
    position:absolute; top:0px; left:280px;
    margin:0; padding:0; width:420px; height:293px;
    background:#333 url(../../images/home_simpleform.jpg) no-repeat scroll top left;
    color:#eee;
}

.navyblue
{
    position:relative; top:0px; left:0px;
    margin:0; padding:0; width:420px; min-height:119px;
    background:transparent url(../../images/navyblue.png) no-repeat scroll top left;
}

.mayablue
{
    position:relative; top:0px; left:0px;
    margin:0; padding:0; width:420px; min-height:119px;
    background:transparent url(../../images/mayablue.png) no-repeat scroll top left;
}

/*========== GalleryBanner =========*/

.webdesignHeadingBg
{
    width:960px; height:66px; 
    clear:both; float:none; 
    padding:17px 0px 0px 30px; 
    background-image:url(../../images/galleryheading.png); 
    background-repeat:no-repeat; 
    background-position:top;
}

.webdesignHeadingBg h1, .graphicDesignHeadingBg h1
{
    font-size:28px; color:#ffffff; margin:0; padding:0; display:inline; float:left;
}

.webdesignHeadingBg img, .graphicDesignHeadingBg img
{
    display:inline; float:right; margin-top:-8px; margin-right:5px; border:0 none transparent;
}

.webdesignProjectSmall
{
    margin:0px 10px 10px 10px; padding:10px 10px 10px 10px; background-color:#2fabdf; width:286px; height:225px; float:left; display:inline-block;
}

.webdesignProjectSmall img
{
    border:1px solid #3d3d3d;
}

.webdesignProjectSmall a
{
    text-decoration:none; color:#ffffff; font-size:14px;
}

.webdesignProjectSmall p
{
    text-align:left; color:#ffffff; margin:0; line-height:18px; padding:0px 0px 5px 0px; height:72px; overflow:hidden; display:block;
}

.moreicon
{
    width:286px; text-align:right;
}
.topheading
{
    text-align:left; color:#ffffff; margin:0; padding:0px 0px 8px 0px; font-size:14px;
}

.graphicDesignHeadingBg
{
    width:960px; height:66px; clear:both; float:none; padding:17px 0px 0px 30px; 
    background-image:url(../../images/galleryheading3.jpg); background-repeat:no-repeat; background-position:top;
}

.graphicDesignSmall
{
    margin:0px 10px 10px 10px; padding:10px 10px 10px 10px; background-color:#ff920a; width:286px; height:130px; float:left; display:inline-table;
}

.freequoteTextBox
{
    width:250px; height:20px; border-radius:4px; padding:3px 3px 0px 3px; border:1px solid #E8F7B2; background-color:#E8F7B2;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}