/*-- creativdome by Steve Reinstein --*/

html, body
{
  background:       #f3f3f3;
  color:            #444444;
  font-family:      Arial, "Times New Roman", sans-serif;
  font-size:        12px;
  margin:           0;
  padding:          0px;
  text-align:       left;
}

div#maincontainer
{
  margin:           0 auto;
  width:            979px;
}

div#headerbg
{
  height:           99px;
  width:            100%;
  background:       url('images/headerbg.jpg') repeat-x;
  margin:           0 auto;
}

div#header
{
  height:           99px;
  width:            979px;
  background:       url('images/header.jpg') no-repeat;
  margin:           0 auto;
}

div#headerLeft
{
  float:            left;
  height:           100%;
  text-align:       center;
  width:            360px;
}

div#headerLeft img { border: 0 none; }

div#headerRight
{
  float:            left;
  height:           99px;
  width:            547px;
  margin-left:      50px;
  background:       url('images/navbar.png') no-repeat;
}

ul#navigation
{
  list-style:       none;
  margin:           0;
  margin-left:      16px;
  margin-top:       18px;
  padding:          0;
}

ul#navigation li
{
  background:       url('images/nav_divider.png') repeat-y top right;
  color:            #000000;
  float:            left;
  font-size:        12px;
  padding:          0px 11px;
}

ul#navigation li.no-bg { background: none; }

ul#navigation li a
{
  color:            #000000;
  text-decoration:  none;
}

ul#navigation li a:hover { text-decoration: underline; }

div#mainQuotebg
{
  height:           46px;
  width:            100%;
  background:       #e9e9e9;
  margin:           0;
}

div#mainQuote p
{
  color:            #000000;
  width:            900px;
  margin:           0 auto;
  margin-top:       0px;
  padding-top:      14px;
  text-align:       center;
}

div#midAreabg
{
  background:       #f9f9f9;
  height:           315px;
  width:            100%;
  margin:           0 auto;
  padding-top:      10px;
}

div#midArea
{
  background:       url('images/mid_bg.jpg') no-repeat;
  height:           304px;
  width:            959px;
  margin:           0 auto;
  padding-top:      30px;
}

div#midArea h1
{
  font-size:        22px;
  color:            #000000;
  padding-left:     25px;
  padding-top:      10px;
}

div#midArea p
{
  font-size:        12px;
  color:            #000000;
  padding-left:     25px;
  padding-top:      15px;
  line-height:      20px;
  width:            560px;
}

div#midAboutbg
{
  background:       #f9f9f9;
  height:           840px;
  width:            100%;
  margin:           0 auto;
  padding-top:      35px;
  padding-left:     0px;
}

div#midAbout
{
  background:       url('images/about_bg.png') no-repeat;
  height:           800px;
  width:            938px;
  margin:           0 auto;
  padding-top:      15px;
}

div#aboutLeft
{
  float:            left;
  width:            300px;
}

div.aboutLeftbg
{
  background:       url('images/about_left_bg.jpg') no-repeat;
  width:            285px;
  height:           164px;
  margin-left:      15px;
}

div.aboutLeftbg h1
{
  color:            #0e64cd;
  font-size:        22px;
  margin-left:      10px;
  padding-top:      8px;
}

div.aboutLeftbg p
{
  font-size:        12px;
  color:            #000000;
  padding-left:     10px;
  padding-top:      5px;
  line-height:      20px;
  width:            270px;
}

div#midPortfoliobg
{
  background:       #f9f9f9;
  height:           auto;
  width:            100%;
  margin:           0 auto;
  padding-top:      35px;
  padding-left:     0px;
  padding-bottom:20px;
}

div#midPortfolio
{
  background:       url('images/portfolio_bg.png') #fff no-repeat bottom;
  height:           auto;
  width:            915px;
  margin:           0 auto;
  padding:      	15px 0;
}
.clear {
	clear:both;
		}
#portfoliotop {
	background:url(images/portfolio_bg_top.png) no-repeat top;
	height:10px;
		}		

div#portfolioRight
{
  float:            left;
  width:            610px;
}

div#portfolioRight img
{
  padding-left:     20px;
  padding-top:      20px;
  border:           0;
}

div#portfolioRight h1
{
  color:            #000000;
  font-size:        18px;
  margin-left:      20px;
  padding-top:      8px;
}

div#midwhatweofferbg
{
  background:       #f9f9f9;
  height:           1300px;
  width:            100%;
  margin:           0 auto;
  padding-top:      35px;
  padding-left:     0px;
}

div#midwhatweoffer
{
  background:       url('images/whatweoffer_bg.png') no-repeat;
  height:           1260px;
  width:            938px;
  margin:           0 auto;
  padding-top:      15px;
}

div#midcontactbg
{
  background:       #f9f9f9;
  height:           600px;
  width:            100%;
  margin:           0 auto;
  padding-top:      35px;
  padding-left:     0px;
}

div#midcontactoffer
{
  background:       url('images/whatweoffer_bg.png') no-repeat;
  height:           560px;
  width:            938px;
  margin:           0 auto;
  padding-top:      15px;
}

div#whatweofferRight
{
  float:            left;
  width:            610px;
}

div#whatweofferRight img
{
  padding-left:     20px;
  padding-top:      20px;
  border:           0;
}

div#whatweofferRight h1
{
  color:            #000000;
  font-size:        18px;
  margin-left:      20px;
  padding-top:      8px;
}
div#whatweofferRight p
{
  color:            #000000;
  font-size:        12px;
  padding-left:     20px;
  padding-top:      20px;
  padding-bottom:   20px;
  width:            585px;
}

div.portfolioLeftbg
{
  background:       url('images/portfolio_left_bg.jpg') no-repeat;
  width:            285px;
  height:           280px;
  margin-left:      15px;
}

div.portfolioLeftbg h1
{
  color:            #0e64cd;
  font-size:        22px;
  margin-left:      10px;
  padding-top:      8px;
}

div.portfolioLeftbg p
{
  font-size:        12px;
  color:            #000000;
  padding-left:     10px;
  padding-top:      5px;
  line-height:      32px;
  width:            270px;
}

div.portfolioLeftbg img
{
  padding-right: 8px;
}

div#aboutRight
{
  float:            left;
  width:            638px;
}

div#aboutRight h1
{
  color:            #000000;
  font-size:        18px;
  margin-left:      20px;
  padding-top:      8px;
}

div#aboutRight p
{
  color:            #000000;
  font-size:        12px;
  margin-left:      20px;
  padding-top:      8px;
  line-height:      20px;
  width:            585px;
}

ul.aboutRight
{
  list-style:       disc;
  margin:           0;
  margin-left:      30px;
  margin-top:       5px;
  padding-left:     30px;
  width:            550px;
  line-height:      20px;
}

div#midButtons
{
  padding-left:     250px;
  padding-top:      12px;
}

div#midButtons img { border: 0 none; }

div#bottomMidbg
{
  height:           237px;
  width:            100%;
  background:       url('images/bottombg.jpg') repeat-x;
  margin:           0 auto;
  padding-top:      23px;
}

div#bottomMid
{
  background:       url('images/mid2_bg.png') no-repeat;
  height:           215px;
  width:            938px;
  margin:           0 auto;
  padding-top:      0px;
}

div#aboutus
{
  width:            938px;
  float:            left;
  margin-top:       20px;
  margin-left:      10px;
  padding-right:    8px;
}


div#aboutus h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      10px;
  padding-top:      13px;
}

div#aboutus p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  width:            900px;
  line-height:      18px;
}

div#satisfaction
{
  background:       url('images/mid_divider.jpg') no-repeat center right;
  width:            290px;
  float:            left;
  margin-top:       20px;
  margin-left:      10px;
  padding-right:    8px;
}

div#satisfaction img { float: left; margin-right: 10px; margin-top: 10px; }

div#satisfaction h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      30px;
  padding-top:      13px;
}

div#satisfaction p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

div#totalproject
{
  background:       url('images/mid_divider.jpg') no-repeat center right;
  width:            290px;
  float:            left;
  margin-top:       20px;
  margin-left:      10px;
  padding-right:    8px;
}

div#totalproject img { float: left; margin-right: 10px; margin-top: 10px; }

div#totalproject h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      30px;
  padding-top:      13px;
}

div#totalproject p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

div#mediacontour
{
  width:            290px;
  float:            left;
  margin-top:       20px;
  margin-left:      10px;
}

div#mediacontour img { float: left; margin-right: 10px; margin-top: 10px; }

div#mediacontour h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      30px;
  padding-top:      13px;
}

div#mediacontour p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

div#bottomLowbg
{
  height:           191px;
  width:            100%;
  background:       #e7e7e7;
  margin:           0;
}

div#bottomLow
{
  height:           191px;
  width:            938px;
  margin:           0 auto;
}

div#workwithus
{
  background:       url('images/low_divider.jpg') no-repeat center right;
  width:            290px;
  float:            left;
  margin-top:       15px;
  margin-left:      10px;
  padding-right:    10px;
}

div#workwithus img { border: 0; padding-left: 145px; padding-top: 0px; }

div#workwithus h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      15px;
}

div#workwithus p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

div#clientarea
{
  background:       url('images/low_divider.jpg') no-repeat center right;
  width:            290px;
  float:            left;
  margin-top:       15px;
  margin-left:      10px;
  padding-right:    10px;
}

div#clientarea img { border: 0; padding-left: 145px; padding-top: 20px; }

div#clientarea h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      15px;
}

div#clientarea p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

div#getintouch
{
  width:            290px;
  float:            left;
  margin-top:       15px;
  margin-left:      10px;
  padding-right:    10px;
}

div#getintouch h1
{
  font-size:        18px;
  color:            #000000;
  margin-left:      15px;
}

div#getintouch p
{
  font-size:        12px;
  color:            #000000;
  margin-left:      10px;
  margin-top:       20px;
  line-height:      18px;
}

/*-- contact --*/
div#contactLarge { background: #fff; margin-left: 20px; padding-bottom: 2px; width: 900px; }
div#contactLarge h1 { color: #4b4b4b; font-size: 20px; margin: 0;width: 100%; }
div.contactFloat { float: left; padding: 10px; width: 420px; }
div.contactFloat input.contactInput { background: #ebf2f5; border: 1px solid #ccdde6; color: #5f6163; font-size: 13px; padding: 12px; margin-top: 20px; width: 370px; }
div.contactFloat select { background: #ebf2f5; border: 1px solid #ccdde6; color: #5f6163; font-size: 13px; padding: 12px; margin-top: 20px; width: 350px; }
div.contactFloat textarea { background: #ebf2f5; border: 1px solid #ccdde6; color: #5f6163; font-family: Arial, "Times New Roman", sans-serif; font-size: 12px; height: 150px; padding: 12px; margin-top: 20px; width: 370px; }
p.submit { width: 100%; margin-right: 20px; margin-top: 10px;}

div#footer
{
  width:            959px;
  height:           50px;
  float:            left;
  margin-top:       15px;
  padding-top:      5px;
  padding-bottom:   3px;
  margin:           0 auto;
}

div#footerLeft
{
  text-align:       center;
  padding-top:      20px;
  font-size:        11px;
}