ÿþ
/* Author: Jerrell Bryant 
   Last Modificatiion Date: 03/03/11
  */

* {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}

BODY {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../assets/noise-tile.png); PADDING-TOP: 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}

a:active {outline:none;}

img{border:none};

a:hover #logo{WIDTH: 350px; HEIGHT: 300px;  background:url(../assets/logo_hover.png) no-repeat  }
	
#logo { WIDTH: 350px; HEIGHT: 300px;  margin: -60px 0px 0px 100px; background:url(../assets/logo.png) no-repeat ; }

.logo_btm {WIDTH: 310px; HEIGHT:55px; MARGIN: -15px 0px 0px 120px;  BACKGROUND:url(../assets/logo_btm.png) no-repeat; }

#decor_top {BACKGROUND: url(.../assets/top-stripe.png) repeat-x bottom; HEIGHT: 53px;}


:focus {outline: 0;}
ol, ul {list-style: none;}


/****** Layout Main Wrapper ******/

#Wrapper {WIDTH: 870px; MARGIN-LEFT: 90px; MARGIN-RIGHT: auto;}



/****** Main NAV. CSS ******/

#Nav { margin: 50px 0px 50px 10px;}


/****** TOOL TIP CSS ******/

.tip {width: 212px; padding-top: 37px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url(../assets/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../assets/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}

.tipBtm {background: transparent url(../assets/tipBtm.png) no-repeat bottom; height:32px;}


.tTip { width:200px; position:absolute; cursor: pointer; color: #666; font-weight: bold;}
.tip {color: #333;}
	
		#web1 {top: 100px; left: 10px;}
		#web2 {top: 100px; left: 150px;}
		#web3 {top: 100px; left: 290px;}
		#web4 {top: 100px; left: 430px;}
		#web5 {top: 100px; left: 575px;}
		#web6 {top: 100px; left: 725px;}		
		#web7 {top: 190px; left: 10px;}
		#web8 {top: 190px; left: 150px;}
		#web9 {top: 190px; left: 290px;}
		#web10 {top: 190px; left: 430px;}
		#web11 {top:190px; left: 575px;}
		#web12 {top:190px; left: 725px;}
		#web13 {top: 290px; left: 10px;}
		#web14 {top: 290px; left: 150px;}
		#web15 {top: 290px; left: 290px;}
		
		#ad1 {top: 100px; left: 10px;}
		#ad2 {top: 100px; left: 150px;}
		#ad3 {top: 100px; left: 290px;}
		#ad4 {top: 100px; left: 430px;}
		#ad5 {top: 100px; left: 575px;}
		#ad6 {top: 100px; left: 725px;}	
		
		#bnd1 {top: 100px; left: 10px;}
		#bnd2 {top: 100px; left: 150px;}
		#bnd3 {top: 100px; left: 290px;}
		
		#new1 {top: 10px; left: -20px;}
		#new2 {top: 10px; left: 120px;}
		#new3 {top: 10px; left: 260px;}
		#new4 {top: 10px; left: 400px;}
		#new5 {top: 100px; left: -20px;}
		#new6 {top: 100px; left: 120px;}
		#new7 {top: 100px; left: 260px;}
		#new8 {top: 100px; left: 400px;}
		#new9 {top: 190px; left: -20px;}
		#new10 {top:190px; left: 120px;}
		#new11 {top:190px; left: 260px;}
		


/****** INTRO CSS ******/

#Area_wrapper {PADDING-TOP: 50px; PADDING-BOTTOM:510px; margin-left:30px;}

#left {WIDTH: 320px; float: left;  }

#right {WIDTH: 320px; FLOAT: right; MARGIN: 0 0px 0 -90px;}


/****** SCROLLING NAV. CSS ******/

#overall { display:block; background: url(.../assets/up_pls.png) repeat-x top ; }
#pages_menu { position:absolute; display:block; top:145px; left:0px; width:37px; z-index:40000; }
#menu_links { display:block; position:relative; width:26px; float:left; background:red; }
#pages_menu a { display:block; width:26px; text-decoration:none; margin-top:5px; }
#pages_menu a.top { display:block; height:21px; width:26px; background:url(images/to_top.jpg) center center no-repeat; cursor:pointer; }


/****** ABOUT CSS ******/

#about_section #left {WIDTH: 300px; float:left;}

#about_section #right_btm {WIDTH: 300px; float:left; margin-left:50px; padding-top:20px;}

#about_section #right_sm{float:right; position:absolute; margin-left: 650px; padding-top:20px;}

#about_section #right_sm ul{ float:right; padding-right:150px;}

#about_section #right_sm h2{ text-align:center;}


/***** INDEX PORTFOLIO CSS ****/

#PWrapper{margin-bottom: 1205px; WIDTH: 870px; MARGIN-LEFT: 90px; MARGIN-RIGHT: auto; }

#portfolioLatest {float: left; width: 400px; padding: 10px 0px; position: relative;}
			

#web_portfolio {width: 700px; padding: 10px 0px; position: relative;}

#web_portfolio{margin-top:540px;}


#ad_portfolio {width: 600px; padding: 10px 0px; position: relative;}

#ad_portfolio{margin-top:370px; }


#brand_portfolio {width: 600px; padding: 10px 0px; position: relative;}

#brand_portfolio{margin-top:180px; padding-bottom:200px;}


/******** Contact CSS **********/

#contact_area{margin: 220px 0 120px 0px;}

#contact-wrapper{ width:430px; }

#contact-wrapper textarea {width:320px ; height:150px ;}

form#contactform input{ border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-bottom-style: solid; border-width:1px;
padding:5px; font-size:20px; color:#333; padding:0.6em 0.5em 0.7em;}

    #submit{ background:transparent url(.../assets/submit_btn.png) no-repeat; height: 188px; width: 376px;
	border:none;
	color: white;
	cursor:pointer;}
		
	#contactname,#email,#subject{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#888888;
	display:block;
	margin-bottom:18px;
	padding-left: 10px;
	}
	
	#message{
	background-color:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	display:block;
	padding-left: 10px;
	}

    .focusField{	
	background-color:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
	}
	
	.idleField{
	background-color:#e8e8e8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
	}




/******* Large Portfolio CSS ******/

#Portfolio_wrapper {PADDING-TOP: 125px; PADDING-BOTTOM:70px;}

#Portfolio_wrapper #left {WIDTH: 520px; FLOAT: left}

#Portfolio_wrapper #right {WIDTH: 320px; FLOAT: right; MARGIN-RIGHT: -100px}


#Portfolio_wrapper_adj {PADDING-TOP: 125px; PADDING-BOTTOM:70px; padding-left:130px;}

#Portfolio_wrapper_adj #left {WIDTH: 520px; FLOAT: left;}

#Portfolio_wrapper_adj #right {WIDTH: 320px; FLOAT: right; MARGIN-RIGHT: -100px}

/********* FOOTER CSS ********/

#footer_top{ background:url(../assets/tear_top.jpg) repeat-x; height:66px;} 

#footer_btm{ background:url(../assets/tear_btm.jpg) repeat-x; height:100px;}

#decor_btm {BACKGROUND: url(.../assets/top-stripe.png) repeat-x; HEIGHT: 53px;}

#quote_wrap { 
	margin: 10px 0px 30px 0px; padding: 20px;
	}


/******* FONT STYLES ******/
@font-face {
	font-family: 'GraublauWeb';
	src: url(../fonts/GraublauWeb.eot);
	src: local('GraublauWeb'), url('../fonts/GraublauWeb.ttf') format('truetype');
}


h1.style1 {font-size: 40px; font-weight: normal; font-family: 'GraublauWeb', 'GraublaWebRegular', arial, sans-serif; COLOR: #006c82; TEXT-DECORATION: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

h1.style2 {font-size: 60px; font-weight: normal; font-family: 'GraublauWeb', arial, sans-serif; COLOR: #006c82; TEXT-DECORATION: none; padding-bottom:20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

h2.style1{font-size:20px; font-weight:normal; font-family:'GraublauWeb', arial, sans-serif; color:#006c82; text-decoration:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

h2.style2{font-size:20px; color: #333; font-weight:bold; font-family:'GraublauWeb', arial, sans-serif; text-decoration:none; padding-top:10px; padding-bottom:30px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

h2.style3{font-size: 50px; font-weight: normal; font-family: 'GraublauWeb', arial, sans-serif; COLOR: #006c82; TEXT-DECORATION: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

h2.style4{font-size:18px; color: #006c82; font-weight:bold; font-family:'GraublauWeb', arial, sans-serif; text-decoration:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

a.style1 {font-size:20px; font-family: 'GraublauWeb', arial, sans-serif; font-weight: bold; COLOR: #666; TEXT-DECORATION: none;  MARGIN: 84px 0px 0px 20px; font-weight: bold; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

a.style1:hover{font-size:20px; font-family: 'GraublauWeb', arial, sans-serif; font-weight: bold; Color: #006c82; TEXT-DECORATION: none; ; MARGIN: 84px 0px 0px 20px; font-weight: bold; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

a.style2{FONT-FAMILY: 'GraublauWeb', arial, sans-serif; COLOR: #006c82; FONT-SIZE: 14px; font-weight:normal; text-decoration:underline; border:none; padding:0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

a.style3{ FONT-FAMILY: 'GraublauWeb', arial, sans-serif; COLOR: #333; FONT-SIZE: 14px; font-weight:normal; text-decoration:none; border:none; padding:0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

a.style3:hover{ FONT-FAMILY: 'GraublauWeb', arial, sans-serif; COLOR: #006c82; FONT-SIZE: 14px; font-weight:normal; text-decoration:none; border-bottom: 1px dotted #006c82; padding:0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

p.style1{	FONT-FAMILY: 'GraublauWeb',arial, sans-serif; COLOR: #666; FONT-SIZE: 14px; line-height:24px;}

p.style2{	FONT-FAMILY: 'GraublauWeb',arial, sans-serif; COLOR: #666; FONT-SIZE: 14px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

p.style3{	FONT-FAMILY: 'GraublauWeb',arial, sans-serif; COLOR: #006c82; FONT-SIZE: 12px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

p.style4{	FONT-FAMILY: 'GraublauWeb',arial, sans-serif; COLOR: #900; FONT-SIZE: 18px; line-height:28px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

p.style5{	FONT-FAMILY: 'GraublauWeb',arial, sans-serif; COLOR: #666; FONT-SIZE: 20px; line-height:33px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}


li.style1{font-family: 'GraublauWeb', arial, sans-serif; color: #666; list-style: square; font-size:14px; font-weight:bold; margin-left:85px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

textarea,input.style1{font-size:20px; font-weight:normal; font-family: GraublauWeb, arial, sans-serif; Color: #333;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}

label.style1{ font-size:20px; font-weight:normal; ont-family: GraublauWeb, arial, sans-serif; color:#006c82;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}