/*------------------------------------------------------
General
------------------------------------------------------*/
html li { list-style: none; }
a { color: #498EB9; text-decoration: none; }
a:hover { color: #007CC3; text-decoration: underline; }
.uppercase { text-transform: uppercase; color: #7C7C7C; }
.hidden { display: none; }
.left { float:left }
.right { float:right }
/*--------------------------------------------
page structure
------------------------------------*/
#topnavbg { background: #303030 url(../images/top_nav.jpg) repeat-x; height: 52px; }  /*Main Navigation*/
#banner { background: #ffffff url(../images/banner.jpg) repeat-x; height: 314px; }
#innerbanner { background:url(../images/innerbanner.jpg) repeat-x; height:122px }
#innerribbon { background:url(../images/innerribbon-trans.png) repeat-x; height:122px }
#mainContent { background: #FFFFFF url(../images/c_gradient.jpg) repeat-x top center; margin-bottom: 100px; *min-height:700px;
} /*Needed for IE7*/
#mainContent #portfolioSection { *height:700px
}  /*Needed for IE7*/
#mainContent .col_wrap p { margin-left: 18px; padding-bottom: 7px; padding-top: 7px; width: 276px; }
#tagsection { position:relative; height:150px; }
#slogan { padding-top: 40px; padding-bottom: 4px; display: block; }
#slogan h3 { font-size:2.3em; font-style:italic; font-weight:bold; line-height:35px; font-family: HelveticaNeue-Light, Arial, sans-serif; color:#777a7b; }
#slogan a { font-size:1em; color:#4b4c4d; text-decoration:none; font-weight:bold }
#slogan a:hover { text-decoration:underline; }
#quote { position:absolute; top:50px; left:710px; }
#quote a { background:url(../images/quote-trans.png) no-repeat; display: block; height:52px; width:218px; text-indent:-9999px; }
#quote a:hover { background:url(../images/quote-trans.png) no-repeat 0 -52px; display: block; height:52px; text-indent:-9999px; }
#quote a:active { background:url(../images/quote-trans.png) no-repeat 0 -104px; display: block; height:52px; text-indent:-9999px; }
.tagseparator { display:block; background:url(../images/tagseparator.jpg) no-repeat top center; width:830px; margin-left:50px; height:25px; padding-top:25px; }
hr.hrtag { margin-bottom:25px }
#tooltip { position: absolute; border: 1px solid #333; background: #F7F5D1; padding: 2px 5px; color: #333; display: none; }
.col_wrap H2, .col_wrap H3 { color: #4F4F4F; line-height: 7px; padding-left: 17px; }
/*
--------------------------------------------
Header
------------------------------------*/
#header_wrap { background: #000000; height: 119px; _margin-top:-26px; }  /*This fix the IE6 Header Bug*/
#glow { background: url(../images/header_bg.jpg) no-repeat top left; height: 119px; }
#header { position: relative; }
#logo { display: block; position: absolute; text-indent: -9999px; background: transparent url(../images/gologo1-trans.png) no-repeat center; width: 570px; height: 383px; top: 5px; }
/*Credits: Dynamic Drive CSS Library
URL: http://www.dynamicdrive.com/style/*/
#slidetabsmenu { float: left; line-height: normal; text-shadow: 1px 1px 3px #b1b1b1; text-transform: uppercase; font-weight: bold; }
* HTML #slidetabsmenu { /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em; }
#slidetabsmenu UL { list-style-type: none; margin: 0; padding: 0px 14px 10px 0; }
#slidetabsmenu LI { display: inline; margin: 0; padding: 0; }
#slidetabsmenu A { float: left; margin: 14px 0 0 12px; text-decoration: none; }
#slidetabsmenu A SPAN { float: left; display: block; padding: 3px 22px 3px 21px; color: #383838; }
#slidetabsmenu #current A { float: left; background: url(../images/tab-left.gif) no-repeat left top; padding: 0 0 10px 9px; text-decoration: none; }
#slidetabsmenu #current A SPAN { float: left; display: block; background: url(../images/tab-right.gif) no-repeat right top; padding: 3px 22px 3px 12px; color: #FFF; height: 30px; }
#slidetabsmenu A:hover { float: left; background: url(../images/tab-left.gif) no-repeat left top; margin: 14px 0 0 12px; padding: 0 0 10px 9px; text-decoration: none; }
#slidetabsmenu A:hover SPAN { float: left; display: block; background: url(../images/tab-right.gif) no-repeat right top; padding: 3px 22px 0px 12px; color: #FFF; height: 30px; }
#feeds { float:right; position:relative; margin:15px 32px 0 0; }
#feeds ul { margin-right:40px; *margin:0
}
#feeds li { display:inline; padding:0 5px 0 5px; border-right:1px solid #a9a8a8; }
#feeds li.noborder { border:none }
#feeds li a { text-transform:uppercase; color:#4f4f4f; font-size:1.3em; text-decoration:none }
#feeds li a:hover { text-decoration:underline }
#feeds img { position:absolute; top:-4px; left:200px; }
#header a {float:right; }
/*--------------------------------------------
Banner Content
------------------------------------*/
.ribbon { background: url(../images/ribbon_shine-trans.png) no-repeat top center; height: 314px; width: 100%; }
#banner #title { background: transparent url(../images/we_make.png) no-repeat; height: 30px; width: 383px; margin: 0 auto; margin-top: 26px; }
#banner #title SPAN { display: none; }
/*----------------------------------------
SLIDER
* ---------------------------------------
image replacement*/
.graphic, #prevBtn, #nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px; }
/*// image replacement
Easy Slider*/
#slide { position:relative; background: url(../images/sliderContainer-trans.png) no-repeat top center; width: 431px; height: 266px; margin-top: 26px; float:left; }
.badge { position:absolute; left:7px; top:6px; z-index:999; }
#slider { margin-top: 20px; margin-left: 24px; }
#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: 388px; height: 206px; overflow: hidden; }
#prevBtn, #nextBtn { display: block; width: 28px; height: 37px; position: absolute; left: -21px; top: 115px; }
#nextBtn { left: 424px; }
#prevBtn A, #nextBtn A { display: block; width: 28px; height: 37px; background: url(../images/btn_prev-trans.png) no-repeat 0 0; }
#nextBtn A { background: url(../images/btn_next-trans.png) no-repeat 0 0; }
#description { display:block; float:right; width:480px; padding-top:30px; margin-right:-20px; }
#description h1 { text-transform:uppercase; font-weight:bold; font-size:3.4em; margin-bottom:0; }
#description h2 { text-transform:uppercase; font-size:29px; margin-bottom:0; }
#description p { font-size:2.4em; color:#fff; text-shadow:1px 1px 4px #000000; }
/*// Easy Slider 

--------------------------------------------
Main Content
------------------------------------*/
.col_wrap { margin-left: 10px; }
#col1, #col2, #col3 { margin-bottom: 83px; }
#mainContent A.link { margin: 0 0 0 15px; }
#mainContent A.link { font-size: 1.6em; color: #414445; text-decoration: none; background: #E9E8E7; /*+border-radius:6px;*/ border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 4px 6px 4px 7px; border: 1px solid #DBDAD9; margin-right: -40px; }
#mainContent A.link:hover { background: #F3F1EF; border: 1px solid #DBDAD9; text-decoration: underline; cursor:pointer; }
#mainContent A:hover { text-decoration: underline; }
#mainContent #col_wrap p { color: #7C7C7C; padding-top: 8px; padding-bottom: 10px; margin-left: 15px; width:250px; }
#mainContent h1.latest { text-transform:none; color: #777A7B; font-style:italic; }
#mainContent .latest h3 { padding-left: 17px; text-transform: uppercase; color: #7C7C7C; margin-top: -14px; }
.image_container img { background: #E2E1E1; width: 240px; height: 145px; border: 1px solid #BAB7B7; padding: 5px; }
.image_container img:hover { background: #EEEAEA; width: 240px; height: 145px; border: 1px solid #D2D1D1; padding: 5px; }
/*--------------------------------------------
Portfolio Section
------------------------------------*/
#portfolioSection { width:600px; padding-top:68px; float:left }
.posts { border-top:1px dotted #adadad; padding:22px 0 22px 0 }
.posts a { color:#677e52; font-size:1.6em }
.previous { position:relative; top:48px; *top:0
}
a.previous { font-size:1.6em; color:#677e52 }
a:hover.previous { color:#9bb583 }
#portfolioSection h1 { font-size:1.6em }
#portfolioSection A {text-decoration: none;	color: #111111; }

#portfolioSection .posts img { float:left; padding:5px; background:#d7d7d7; border:1px solid #b2b2b2; margin-right:15px }

#innerribbon h1 { font-size:4.8em; line-height:normal; padding-top:15px }
#innerribbon h2.portfolioh2 { width:244px; height:23px; display:block; background:url(../images/portfolio_h2-trans.png) no-repeat; text-indent:-9999px; margin-top:-25px; margin-left:1px }
#innerribbon h2.contacth2 { width:462px; height:29px; display:block; background:url(../images/contact_h-trans.png) no-repeat; text-indent:-9999px; margin-top:-25px; margin-left:5px }
#innerribbon h2.blogh2 { width:284px; height:29px; display:block; background:url(../images/blog_h-trans.png) no-repeat; text-indent:-9999px; margin-top:-25px; margin-left:5px }
/*--------------------------------------------
Blog Section
------------------------------------*/
#blogSection { width:600px; padding-top:68px; float:left; }
#blogSection h1 { font-size:1.6em }
#blogSection A { text-decoration:none; color: #111111; }
#blogSection UL { padding-left:165px }
#blogSection ul li { list-style-image: url(../images/list.jpg); font-size:1.4em }
#blogSection .posts img { float:left; padding:5px; background:#d7d7d7; border:1px solid #b2b2b2; margin-right:15px }
/*--------------------------------------------
Portfolio Sidebar Section
------------------------------------*/
#psidebar { padding-top:68px; margin-left:60px; width:269px; float:left; }
.pbox { background:url(../images/box_bottom-trans.png) no-repeat scroll 0 100%; width:248px; padding-left:20px; *margin-bottom:20px;
_margin-bottom:20px}
.pbox h2 { padding:5px 0 4px 8px; background:transparent url(../images/box_top-trans.png) no-repeat scroll 0 0; margin:0 1px 0px -20px; border-bottom:1px dashed #c7c7c7 }
/*Categories Ends*/
.pbox a { color:#3a3a3b; text-decoration:none; line-height:20pt }
.pbox UL { margin-top: 18px; padding-bottom: 30px }
#psidebar .pbox ul li { list-style-image: url(../images/list.jpg); }
#psidebar .pbox .nolist LI { list-style:none; margin-left: -10px; }

div#blogSection ul.portfolio-thumbs {
	margin: 0;			/* resets any inherited styling */
	margin-bottom: 40px;	/* creates spacing between thumbnail row and heading of next section */
	overflow: hidden;		/* ensures element contains floated child elements */
	padding: 0;			/* resets any inherited styling */
}
div#blogSection ul.portfolio-thumbs li {
	list-style: none;		/* hides inherited image for list-items */
	float: left;
	margin: 0;			/* resets any inherited styling */
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 0;			/* resets any inherited styling */
}


/*--------------------------------------------
Contact Section
------------------------------------*/
#contactSection { width:600px; padding-top:68px; float:left }
.introduction { font-size:1.6em; font-weight:bold; padding-bottom:30px; border-bottom:1px dotted #c1c1c1; color:#a09d9d; font-family: Arial, Helvetica, sans-serif }
#contactWrap { padding:10px; background:#f9f9f9; border:1px solid #f0f0f0 }
#contactForm { width:590px; margin:0 auto; color:#ccc }
#contactForm label { display:none }
#contactForm input { padding: 8px 5px; width: 268px; font-size: 1.4em; margin: 0 9px 10px 2px; border: 1px solid #e0dfdf; background:url(../images/input_bg.jpg)repeat-x top left; font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; }
#contactForm textarea { padding:5px; border: 1px solid #e0dfdf; width:562px; height:550px; height:85px; background:url(../images/textarea_bg.jpg)repeat-x top left; font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; font-size: 1.4em; }
#contactForm input.submit-button { display:block; padding:5px; text-indent:-9999px; background:url(../images/submit-trans.png)no-repeat 0 0; width:120px; border:none; cursor:pointer; margin-left:454px }
#contactForm input:hover.submit-button { display:block; text-indent:-9999px; background:url(../images/submit-trans.png)no-repeat 0 -29px; width:120px; border:none; cursor:pointer }
/*Map Section*/
#mapSection { border-top:1px dotted #C1C1C1; margin-top:29px; padding-top:10px; }
#map { margin:0 auto }
#map a { display:none }
/*Contact Sidebar*/
.info { line-height:16px; margin:20px 0; width:250px; padding-bottom:10px; }
.info h3 { font-weight:bold; font-size:1.6em; margin-left:-14px }
.info a { font-size:1em; color:#7a895b }
.info span { font-weight:bold; }
.info p { margin:5px; margin-left:-14px }
/*------------------------------*/
.follow { padding:10px 2px; margin-left:-5px }
.follow p { padding:0 3px; }
.follow a { margin: 0 5px; color: #7A895B; }
#contactForm input:focus.required { background:transparent url(../images/input.jpg) no-repeat scroll right top; }
#contactForm input:hover.required { background:transparent url(../images/input.jpg) no-repeat scroll right top; }
/*====================================================== 
          Error / Success / Notice   
=======================================================*/ 
 
.notes   {background: #f0f0f0;border: 1px solid #b8b8b8;} 
.success   {background: #ccfcd1;border: 1px solid #60a400;} 
.error {background: #f9e3e3;  border: 1px solid #e79e9e;} 
.notice   {background: #fcf0cc;border: 1px solid #ecc735;} 
.notes, .notice, .success, .error  
{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left} 
.notes span, .notice span, .success span, .error span  
{font-weight: bold;font-size: 1.2em;padding: 2px 40px;} 
.notes p, .success p, .error p, .notice p  
{margin: 0px;padding: 0px 40px;} 

/*--------------------------------------------
Image Preview
------------------------------------*/
#preview { position: absolute; border: 1px solid #CCC; background: #333; padding: 5px; display: none; color: #FFF; }
/*End of Image Preview
--------------------------------------------
Footer
------------------------------------*/
#footer { background:url(../images/footerbg.jpg) repeat-x top left; height: 100px; min-height:100px; }
ul#menufooter { padding-top: 9px; }
#menufooter li { display: inline; padding: 0 15px; }
#menufooter a { color: #FFFFFF; text-decoration: none; }
#menufooter a:hover { text-decoration: underline; }
#little_slogan { float: right; margin-right: 40px; margin-top: -38px; }
#footernav IMG.little_slogan { position: absolute; top: 10px; right: 21px; }
DIV#footer .copyright { width: 410px; font-size: 0.9em; color: white; margin-top: 15px; float:right; *margin-top:15px;
_margin-top: 15px }