body{margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; letter-spacing: 1px; background: #C6C4C4 url(images/5.0/grey-light-bg.jpg) top center no-repeat;}
h2,h3{font-size: 24px; letter-spacing: 3px; font-family: Georgia, Times, serif;font-weight: lighter; color: #636363; margin: 0 0 20px;line-height: 50px; height: 50px; display: block;}
h2 {color: #555;}
a:link,a:active{color: #1440f0; text-decoration: underline;}
a:visited{color: #446644;}
a:hover{color: #2450F0; text-decoration: none}
a img{border: 0;}
hr{width: 937px; margin: 25px 0 15px 0;}
#header{height: 126px;}
#Logo{margin: 10px 0 0 80px;}
#headerContent {width: 960px; left: 50%; margin-left: -480px; height: 100%; position: relative;}
#nav {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; right: 0;}
#nav li {float: left; display: block; margin: 0 20px 0 0; padding: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
#nav li a {color: #0757ee; display: block; height: 50px; line-height: 50px; margin: 0; padding: 0 10px; text-decoration: none; }/*border-bottom: 1px solid; border-top: 1px solid;*/
#nav li.selected {background: #21497D;}
#nav li.selected a {color: #FFF; border-bottom: none; border-top: none;}
/*#home{background: url(images/5.0/home.png) top center no-repeat; width: 67px; }
#portfolio{background: url(images/5.0/portfolio.png) top center no-repeat; width: 115px;}
#services{background: url(images/5.0/services.png) top center no-repeat; width: 100px;}
#contact{background: url(images/5.0/contact.png) top center no-repeat; width: 95px;}
#home.selected{background-color: #3460c0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#portfolio.selected{background-color: #3460c0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
#services.selected{background-color: #3460c0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
#contact.selected{background-color: #3460c0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
*/

#featuredContent{width: 960px; left: 50%; margin-left: -480px; height: 100%; position: relative; height: 300px;}
	#mbpReflection{width: 130px; height: 163px; background: url(images/5.0/mbp-reflection.png) top left no-repeat; position: absolute; top: 0; right: 0; margin:42px 71px 0 0; z-index:2;}
	#portfolioInner{width: 442px; height: 290px; margin-left: 530px; background: url(images/5.0/laptop.png) bottom left no-repeat; position: relative;}
	#main_feature{position: absolute; top: 0; left: 0; margin: 47px 0 0 71px; width: 300px; height: 183px; overflow: hidden;}
	#main_feature_extend{margin: 0; padding: 0; list-style: none;}
	#main_feature_extend li {float: left; width: 300px;}
	#slider_counter{display: none;}
	#leftArrow{background: url(images/5.0/arrow-left.png) top left no-repeat; position: absolute; width: 19px; height: 32px; cursor: pointer; margin: 119px 0 0;}
	#leftArrow:hover{background-position: bottom left;}
	#rightArrow{background: url(images/5.0/arrow-right.png) top left no-repeat; position: absolute; width: 19px; height: 32px; cursor: pointer; margin: 119px 0 0 425px;}
	#rightArrow:hover{background-position: bottom left;}
	#featureText{position: absolute; top: 0; right: 0; margin: 70px 500px 0 0; width: 460px; height: 183px; overflow: hidden;}
	#featureText1,#featureText2{display: block; width: 460px; height: 200px;}
	#featureText h3, #featureText p {color: #FFF; text-shadow: 1px 1px 0 #333;}
	#featureText a {color: #13e966; font-weight: bold;}
	#featureText a:hover {color: #33e996; border-bottom: 1px solid #33e996;}

#main{width: 100%; min-height: 330px; background: url(images/5.0/swirly-bg2.png) repeat-x scroll center top;}
#mainContent{width: 960px; left: 50%; margin-left: -480px; height: 100%; position: relative; padding-bottom: 30px;}
#firstContent{width: 615px; position: relative; margin-bottom: 31px;}
#secondContent{ float: right; top: 0; right: 0; width: 340px; margin: 0 -380px 10px 0;}
div h2#homeH2{ text-indent: 50px;  background: url(images/5.0/home-icon_blue.png) left top no-repeat; color: #555;}/*3a5998*/
div h2#pageH2{ text-indent: 50px;  background: url(images/5.0/page-icon_blue.png) left top no-repeat; color: #555;}
div h2#portfolioH2{ text-indent: 50px; background: url(images/5.0/portfolio-icon_blue.png) left top no-repeat; height: 46px; line-height: 46px; color: #555;}
div h2#contactH2{ text-indent: 70px;  background: url(images/5.0/contact-icon_blue.png) left top no-repeat; color: #555;}
div.sep{margin-bottom: 1px;}
img.portImg{border: 1px solid #333;}

ul#expertise{list-style: none; margin: 0; padding: 0;}
	ul#expertise li {font-size: 18px; margin: 15px 0; text-indent: 47px;}
	ul#expertise li span {display: block; width: 100%; height: 35px; line-height: 30px; color: #555;}
	#frontend{background: url(images/5.0/pencil-icon_blue.png) top left no-repeat;}
	#backend{background: url(images/5.0/gears-icon_blue.png) top left no-repeat;}
	#consulting{background: url(images/5.0/bubble-icon_blue.png) top left no-repeat;}
ul#expertise ul {list-style: none; margin: 0 0 15px 0; padding-left: 50px;}
	ul#expertise ul li {font-size: 12px; margin: 0; text-indent: 0; height: auto;}

ul.checkList li {display: block; width: 50%; float: left;}
/*input[type=text]{width: 250px; height: 20px; background: url(images/5.0/input-text.png) top left no-repeat; border: none; line-height: 25px; text-indent: 5px; padding-top: 5px; color: #333;}*/
textarea{height:140px; width: 240px; padding: 5px; border: none; background: url(images/5.0/textarea-bg.png) top left no-repeat;}
input.submit{width: 75px; height: 30px; }
.msg{background: #FFB; color: #000; font-weight:bold; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #333;}
.warning{background: #F33; color: #FFF; font-weight: bold; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #333;}

ul#portfolioList{list-style: none; margin: 0; padding: 0;}
ul#portfolioList li {display: block; padding: 25px 0; border-top: 1px solid #777; min-height: 150px;}
ul#portfolioList li:first-child {border-top: none;}
ul#portfolioList li h3 {margin: 0;}
ul#portfolioList li p {float: left; display: block; height: 55px; width: 798px; margin: 0; min-height: 100px;}
.readMore{display: none; clear: both; margin-left: 10px;}
.portIcon{float: left; display: block; padding: 0 10px 10px 0; width: 150px; text-align: center;}

#twitterHeader{position: absolute; width:40px; height:31px; overflow: hidden; left: 0; top: 0; margin: -47px 0 0 60px; z-index: 3;}
#twitterHeader a {width: 40px; height: 40px; display: block; position: relative;}
#twitterHeader:hover + span {display: block;}
#followMeOnTwitter{position: absolute; display: none; top: 0; left: 0; margin: -75px 0 0 15px; background: url(images/5.0/follow-me-on-twitter.png) 50% 50% no-repeat; width: 140px; height: 25px;}

#footer{background: url(http://planetkodiak.com/images/5.0/texture-silver-grad2.jpg) #b3b3b3 repeat-x scroll 0 0; height: 230px; border-bottom: 1px solid #999; border-top: 1px solid #CCC; position: relative; width: 100%; bottom: 0;} /* #a9cEf0 */
#footerContent{width: 960px; left: 50%; margin-left: -480px; position: relative; color: #222;}
	#twitter-foot{width: 337px; height: 200px; background: url(images/5.0/twitter-feed.png) top left no-repeat; margin: 15px; position: relative;}
		#twitter-details{width: 259px; height: 100px; display: block; margin: 10px; position: absolute; font-size: 14px; font-family: 'Lucida Grande',sans-serif; line-height: 20px; color: #333; letter-spacing: 0; background:transparent url(images/5.0/ajax-loader.gif) no-repeat scroll 50% 50%;}
		#twitter-follow{position: absolute; bottom: 0; margin: 0 0 40px 10px; color: #1c7eab; font-family: trebuchet ms; letter-spacing: 0;}
	#footer-pages{list-style: none; margin: 0 70px 0 0; padding: 0; position: absolute; top: 0; right: 0;}
	#footer-pages li {width: 200px; display: block; height: 35px; line-height: 35px; border-bottom: 1px solid #888; text-indent: 15px;}
	#footer-pages li a {display: inline-block; height: 35px; line-height: 35px; text-indent: 0;}
	#copyright{position: absolute; margin: 180px 0 0 430px; top: 0;}
	/*#contactUsFoot{display: block; float: right; height: 25px; width: 120px; background: url(images/5.0/page-small_blue.png) top right no-repeat; line-height: 25px; margin-top: 3px;}
	#contactUsFoot a {color: #0757EE;}*/

a[href$=".doc"] {background: url(images/5.0/wordlink.gif) no-repeat right 50%; padding-right: 35px;}
input.text{width: 240px; height:23px; line-height: 21px; padding: 6px 4px 0; color: #FFF; text-indent: 5px; background: url(images/5.0/input-bg.png) no-repeat scroll top left; border: none;}
input.text:focus {background-position: 0 50%;}
input.text.req,input.text.req:focus {background-position: 0 100%;}
textarea{width: 238px; height: 130px; padding: 5px; background: url(images/5.0/textarea-bg2.png) scroll top left no-repeat; color: #FFF;}
textarea:focus{background-position: 0 100%;}