html {height:100%}
body{ background-color:#38382E; margin:0; padding:0; background-image: url('images/top_bg02.png'); background-repeat:repeat-x; background-position:top; }
body.homebg{background:#000000 url('images/bg_home01.jpg') top left repeat-x;}
#site{ width:970px; position:relative; margin:0; padding:0; font-family: geneva, arial, sans-serif; font-size:12px; color:#675c47/*#969081*/; line-height:1.7;}

a {color: #FFFFFF;text-decoration: underline; font-weight: normal;}
a:hover {color: #FFFFFF;text-decoration: none; font-weight: normal;}

h1{font: bold italic small-caps 28px Geneva, Arial, sans-serif; color:#fff; display:block; margin:0; padding:0;}
/*social stuff-----------------------------*/
#btnfacebook{position:absolute; top:0; left:0}

/*spotlight-----------------------------*/
#spotlight{width:519px; height:117px; margin:0; padding:0; position:absolute; background:url('images/spotlights02.png'); top:0; left:325px;z-index:5;}
/*Logo-----------------------------*/
#logo{
position:absolute; width:406px; height:85px; top:50px; left:560px; z-index:6; }

/*Top Navigation-----------------------------------*/
#nav_basic{position:absolute; top:0; left:0; z-index:9;}
#nav_basic ul{list-style:none; position:relative}
#nav_basic ul li{list-style:none; display:inline; padding:0; margin:0 0 0 5px;}
#nav_basic ul li a{color:#7b7b7b;}
#nav_basic ul li a:hover{color:#ccc}
#nav_basic ul li.facebk{padding:3px 0 0 22px; height:18px; background:url(images/bg_facebookbtn.png) bottom left no-repeat;}
#nav_basic ul li.facebk:hover{background:url(images/bg_facebookbtn.png) top left no-repeat;}
#nav_basic ul li.border1{padding-right: 10px; border-right: 1px solid rgb(123, 123, 123);}


#nav{width:388px; height:27px; margin:0; padding:0; position:absolute; background:url('images/nav_main00.png'); top:95px; left:100px; z-index:4;}
#nav li{ display:block; height:27px; margin:0; padding:0; list-style:none; position:absolute; top:0; }
#nav li a{ display:block; height:27px; }

#i1 {left:0; width:92px;}
#i2{left:92px; width:92px;}
#i3{left:184px; width:112px;}
#i4 {left:296px; width:91px;}

#nav li a{text-indent:-9999px;}

#i1 a:hover{background:transparent url('images/nav_main00.png') 0 -27px no-repeat;}
#i2 a:hover{background:transparent url('images/nav_main00.png') -92px -27px no-repeat;}
#i3 a:hover{background:transparent url('images/nav_main00.png') -184px -27px no-repeat;}
#i4 a:hover{background:transparent url('images/nav_main00.png') -296px -27px no-repeat;}

#i1 a:active{background:transparent url('images/nav_main00.png') 0 -54px no-repeat;}
#i2 a:active{background:transparent url('images/nav_main00.png') -92px -54px no-repeat;}
#i3 a:active{background:transparent url('images/nav_main00.png') -184px -54px no-repeat;}
#i4 a:active{background:transparent url('images/nav_main00.png') -296px -54px no-repeat;}

body.about ul#nav_00 li#i1 a{background:transparent url('images/nav_main00.png') 0 -54px no-repeat;}
body.work ul#nav_00 li#i2 a{background:transparent url('images/nav_main00.png') -92px -54px no-repeat;}
body.services ul#nav_00 li#i3 a{background:transparent url('images/nav_main00.png') -184px -54px no-repeat;}
body.blog ul#nav_00 li#i4 a{background:transparent url('images/nav_main00.png') -296px -54px no-repeat;}



/*Main Content--------------------------------------*/
#main_content{ position:relative; margin:0 0 0 200px; width:720px; padding:145px /*250px*/0 0 00; z-index:1;}

#title{
	position:absolute;
	left:35px;
	top:170px;
	z-index:3;
	padding:10px 0 0 0;
	margin:0;
	width: 624px;
}


#main_content h2{ background:transparent url('images/boxmain_top01.png') top left no-repeat; z-index:3; padding:0 0 0 80px; margin:0; height:65px; text-indent:-9999px; }

.boxmainmiddle{ margin:0; padding:0; background-image: url('images/boxmain_middle01.png'); background-repeat:repeat-y; background-position:top left; z-index:3; }
.boxmainmiddle a{color: #476467/*a55c48*/;text-decoration: none;  border-bottom:1px dotted #476467;}
.boxmainmiddle a:hover{color: #428f98/*a70000*/;text-decoration: none;  border-bottom:none;}
.boxmainmiddle h4 a {color: #a69f8f;text-decoration: none; font-weight:bold; border-bottom:1px dashed #ebe8e0;}
.boxmainmiddle h4 a:hover {color: #493c21;text-decoration: none; font-weight:bold; border-bottom:0;}
.boxmainmiddle h4 {font: bold 18px Geneva, Arial, sans-serif; color:#a69f8f; display:block; margin:0; padding:15px 0;}

#boxmiddlecontent{ position:relative; margin:0; padding:5px 45px 5px 50px; background-color:#fff; }



.boxmainbottom{ height:65px; margin:0; background-image: url('images/boxmain_btm01.png'); background-repeat:no-repeat; background-position:bottom left; z-index:3; }

#whitebox01top{ background-image: url('images/whitebox01_top01.png'); background-repeat:no-repeat; background-position:top left; margin:0; padding:0; height:15px; }
#whitebox01{ width:670px; margin:0; padding:20px 0 0 25px; }
#whitebox01btm{ background-image: url('images/whitebox01_btm01.png'); background-repeat:no-repeat; background-position:top left; margin:0; padding:0; height:15px; }


/*Left Navigation---------------------------*/
#nav_left{ width:200px; position:absolute; top:185px; left:0; margin:0; padding:0; color:#fff; z-index:9; }

#nav_left ul{ margin:0; padding:0; list-style:none; }

#nav_left ul li{ margin:0 65px 0 10px; padding:0; list-style:none; }

#nav_left_content{ width:200px; background-image: url('images/boxleft_mid.png'); background-repeat:repeat-y; background-position:top left; margin:0; padding:1px 10px 10px 30px; }

#nav_left_top{ background-image: url('images/boxleft_top.png'); background-repeat:no-repeat; background-position:top left; margin:0; padding:0; height:26px; }

#nav_left_btm{ background-image: url('images/boxleft_btm.png'); background-repeat:no-repeat; background-position:top left; margin:0; padding:0; height:40px; }



/*Footer-------------------------------------*/
#footer{background: #000000 url('images/footer_bg01.png') top left repeat-x; position:relative; margin:20px 0 0 0; padding:20px 20px 20px 10px; color:#A4A18A; border-top:1px solid #676553; font:12px Geneva, Arial, sans-serif; overflow:hidden;}

#footerin{position:relative;width:990px; padding:0; margin:20px 0 30px 20px;}
#footerin a{color:#74746A; text-decoration:none}
#footerin a:hover{color:#fff; text-decoration:underline}

#footerin ul{list-style:none; margin:0 15px 10px 0}
#footerin ul li{list-style:none; margin:0 0 4px 0}

#footerin h2{font: bold 14px Geneva, Arial, sans-serif; margin:0 0 8px 0; padding:0; border-bottom:2px solid #fff; color:#FFFFFF;}


#btmcol1{float:left; width:190px; padding:10px; color:#666666; margin:0; position:relative;}
#btmcol2{float:left; width:190px; padding:10px; color:#666666; margin:0; position:relative;}
#btmcol3{float:left; width:190px; padding:10px; color:#666666; margin:0; position:relative;}
#btmcol4{float:left; width:300px; padding:10px; color:#666666; margin:0; position:relative;}


form.btmform{margin:10px}
form.btmform label{padding:5px 0; margin:0}
form.btmform input.btmformemail{width:260px; padding:5px; margin:10px 0; color:#38382E;}
form.btmform input.button1{margin:0; padding:0 10px 0 0; float:right;}

.credits{color:#333333}
.facebook{float:right; margin:-25px 115px 0 0;}
.facebook a{color:#fff;}

#footer .credits a{color:#333333}



 /* HOME----------------------------------------------------------------------------*/
 
#home0{ position:relative; margin:0; padding:158px 0 0 50px; z-index:2; height:493px;}

#home1{ position:relative; margin:0; padding:0; z-index:1;}

.homebox1halfcircles{ background: url(images/homebox1_halfcircles.png) no-repeat center left; padding:0; margin:0 0 10px 10px; position:relative;}

.homebox1{ background: url(images/bg_homebox01.png) repeat 0 0; border:1px solid #425b6a; width:750px; padding:30px; margin:0 0 0 73px; position:relative; z-index:6;color:#93c0d8;  letter-spacing:.08em;  font: italic 16px Arial, Helvetica, sans-serif; line-height:2.0}
.homebox1 a{color:#93c0d8; text-decoration:none; border-bottom:1px dotted #5c7988;}
.homebox1 a:hover{color:#93c0d8;text-decoration:none; border-bottom:none;}

.homebox2{ background: url(images/bg_homebox02.png) repeat 0 0; border:1px solid #425b6a; width:750px; padding:30px; margin:0 0 50px 83px; position:relative; z-index:6; line-height:2.0; overflow:hidden;}
.homebox2 h2{margin:0 0 10px 0; padding:0; text-transform:uppercase; font-style:italic; color:#64c9ef;}


.homebox2left{float:left; width:350px; padding:0; color:#FFF; margin:0;}
.homebox2left ul{margin:0; padding:0}
.homebox2left ul li{margin:0 0 10px 0; padding:0}


.homebox2right{float:right;width:350px; padding:0; color:#FFF;margin:0}
.homespace{height:158px; margin:0; padding:0}

/*Extras---------------------*/

blockquote {
width:80%; background: url(images/blockquote_bg01.jpg) repeat-y top left ; padding:2px 5px 2px 71px; margin:10px 0; font: 24px Geneva, Arial, sans-serif; color:#554b31; }


/*About---------------------*/
.testimonials blockquote{font: italic 12px Geneva, Arial, sans-serif; color:#a69f8f; display:block; margin:0; padding:10px 0; line-height:1.5; border:0; background:none;}

#boxmiddlecontent .testimonials h3 { width:350px; float:right; text-align:right; margin:0 30px 0 0; line-height:1.2em; margin-top:10px; }
#boxmiddlecontent .testimonials h3 strong { display:block; color:#636262; }
#boxmiddlecontent .testimonials img.company_logo { float:left; }
#boxmiddlecontent .testimonials p { margin-left:0; }
#boxmiddlecontent .testimonials blockquote { clear:both; padding-top:15px; font-style:italic; }
 ul { list-style-type:none; }
 ul li{ list-style-type:none; margin:0 0 11px 10px;}

#boxmiddlecontent ul.testimonials a{text-decoration:underline; border:none; color:#a69f8f;}
#boxmiddlecontent ul.testimonials a:hover{text-decoration:none;} 
/* Easy Slider */

	#slider{margin-left:auto; margin-right:auto; position:relative; }	
	#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
	
	#slider li{ 
		/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
		width:670px; height:293px; overflow:hidden; }
			
	#prevBtn, #nextBtn{ display:block; width:30px; height:76px; position:absolute; left:-35px; top:71px; }	
	#nextBtn{ left:675px; }														
	#prevBtn a, #nextBtn a{ display:block; width:30px; height:76px; background:url(images/btn_prev.png) no-repeat 0 0; }	
	#prevBtn a:hover{background:url(images/btn_prev.png) no-repeat 0 -76px;}
	
	
	#nextBtn a{ background:url(images/btn_next.png) no-repeat 0 0; }												
	#nextBtn a:hover{background:url(images/btn_next.png) no-repeat 0 -76px;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

/* // Easy Slider */

#whitebox_top{width:670px; padding:0; margin:0 auto; position:relative; background-color:#FFFFFF;text-align:center;}


/*PORTFOLIO PAGES
------------------------------------------------------------------------------------------------ */


#portfolio_web{margin:0; padding:0; background:#fff;}
#portfolio_web .other_projects {clear:both; padding-top:25px; overflow:hidden; height:1%; margin:0;}
#portfolio_web ul {margin:0; padding:0 0 0 18px;}
#portfolio_web .other_projects li{ width:290px; float:left; display:inline; margin-left:19px; margin-bottom:19px; padding-bottom:5px; background:#e8e8e8; border:1px solid #ccc; }
#portfolio_web .other_projects li a img{ border: none; }
#portfolio_web .other_projects li.wide {width:600px;}
#portfolio_web .other_projects li img {margin:15px auto 5px; display:block;}
#portfolio_web .other_projects h3 {font-size:1.25em;line-height:1.3;font-weight:bold;margin:0 0 4px 20px;padding:4px 0 0 0; color:#666;}
#portfolio_web .other_projects p {margin:0 0 10px 20px;line-height:1; color:#999;}
#portfolio_web .other_projects_photography P {margin-top:5px;}

#portfolio_web .other_projects a.view_site,#portfolio_web .other_projects a.view_gallery 
{ float:right; background:url(/images/btn_viewsite.png) left top no-repeat; border:0; width:97px; height:26px; text-indent:-9999px; cursor:pointer; margin:15px 10px 0 0; padding:0; }

#portfolio_web .other_projects a.view_site:hover, #portfolio_web .other_projects a.view_gallery:hover
{ background-position:left bottom; }


h4.work {margin-top:0; background-color: #736e64;color: #fff; border-top:5px solid #000; padding-top:18px}


.mainprojects{position:relative; width:640px; background:#eeeee5; margin: 0 0 0 -45px; padding:10px;}

.mainprojectsinside{position:relative; margin:10px auto; padding:20px; background:#FFFFFF; border:1px solid #c7c7c7; overflow:hidden;}

img.mainimg {margin-top:40px}



/*SERVICES
-----------------------------------------------------------------------------------------------*/


#services_columns {display:inline; flaot:left;}

#services_columns .column1{width:620px;margin-right:20px}

#services_columns .inner{display:inline; flaot:left;}
.feature{border-bottom: 1px dashed #d2d2d2; display: inline; float: left; margin-bottom: 20px; padding-bottom: 20px; width: 290px;}
#services_columns .column1 h5 {height: 60px; position: relative; text-indent: -9999px; width: 280px;}
.feature.welisten h5 { background: url(images/services_icons.png) no-repeat 0 0 }
.feature.webrainstorm h5 { background: url(images/services_icons.png) no-repeat 0 -60px }
.feature.wecreate h5 { background: url(images/services_icons.png) no-repeat 0 -120px}
.feature.wedistribute h5 {background: url(images/services_icons.png) no-repeat 0 -180px }
.feature p{padding:5px;}


/*CONTACT
-----------------------------------------------------------------------------------------------*/

.colleft1{width:255px; float:left; display:inline; border-right:1px solid #AAA; padding:10px; }
.colright1{width:275px; float:right; display:inline;  padding:10px;}

.colscontact1{margin:20px 0 0 0; padding:0; position:relative}

.colscontact1 h3{margin:0; padding:0; position:relative}

 
 
 /* All Miscellaneous----------------------------------------------------------------------------*/
 
 .insidebox{padding:5px; border-bottom:1px solid #ccc}
 
 .linebreak {border-bottom:1px solid #ded8cc; margin:20px 0 0 0; padding:0;}
 .offerings {margin:0; padding:10px; background-color:#f5f0e1; border-top:1px solid #d0cbbf;}
 .clear{clear:both;}
 
 .clearafter:after {clear: both;} 
 
.continueon{padding:0;font:12px Arial, Helvetica, sans-serif; text-align:center; float:right; margin:0 5px 0 0 ; } 
.continueon a{ padding:6px; color:#aca699;  text-decoration:none;display:block; font-weight:normal; border:1px solid #b4a794;border-top:1px solid #ebe2d5;border-left:1px solid #ebe2d5; border-right:3px solid #b4a794;}
.continueon a:hover{background:none; color:#585045;  text-decoration:none;display:block;font-weight:normal; border:1px solid #e5ddcb; border-right:3px solid #585045; border-bottom:1px solid #585045} 


.brn1 a{background:#4e4e48; color:#f5f0ca; border:1px solid #575747;border-top:1px solid #575747;border-left:1px solid #575747; border-right:3px solid #575747;}
.brn1 a:hover{background:#161612; color:#f5f0ca; border:1px solid #575747; border-top:1px solid #c9c9b8; border-left:1px solid #c9c9b8; border-right:3px solid #575747;}
 
.ylw1 a{background:#f5f0ca; color:#4d4535;}
.ylw1 a:hover{background:#fdebb3; color:#000;}

.prp1 a{background:#dccaf5; color:#3f354d;}
.prp1 a:hover{background:#d2b3fc; color:#000;}

.bluebg{background-color: #B3D1D8;}
.bglighttan{background:#eeeee5;}

.imgleft {float:left; padding:0; background-color:#FFFFFF; margin:0 20px 25px 0; position:relative; }
.imgright {float:right; padding:0; background-color:#FFFFFF; margin:0 0 25px 20px; position:relative; }
.imgleft1 {float:left; padding:10px; background-color:#FFFFFF; border: 1px solid #d4e0a1; margin:0 10px 10px 0; position:relative; }
.imgright1 {float:right; padding:10px; background-color:#FFFFFF; border: 1px solid #d4e0a1; margin:0 0 10px 10px; position:relative; }

.darkboxforsubmenu {background:#736e64; padding:5px; margin:0; overflow:hidden; position:relative;} 
.textbtmnav01{float:right;margin:0 15px 0 0; color:#fff; text-transform:uppercase; font-size:14px; letter-spacing:-.02em; font-style:italic;position:relative;}
.btmnav01{ margin:0; padding:10px 30px 0 0; position:relative;}
.btmnav02{ margin:0 30px 10px 35px; padding:20px 0 0 0; position:relative; border-top: 1px dashed #d2d2d2;}

.txtgrey1{color:#777777}
.txtbrwn{color:#949ea1}

#creditfooter {display: none;}

::selection { background: #ebe4c7; color: #222; }
::-moz-selection { background: #ebe4c7; color: #222; }