/************************************
FRONT
************************************/

/** Navigation Menu **/
.logobox 			{padding-top:17px;}
.bdlogo 			{background:url(../images/logo.png) 0px 0px no-repeat;height:15px;width:220px;border:0px;float:right; margin-top:3px;}
.bdlogo:hover 		{background:url(../images/logo1.png) 0px 0px no-repeat;}

#menu 				{float:left;font: 13px/1.5 Lucida Sans,"Ludica Grande","Lucida Sans Unicode",Arial,sans-serif; font-weight:normal; padding: 6px 0px 0px 0px; margin-right:0px; overflow:hidden; position:relative; letter-spacing:1.0px;}
#menu li 			{float:left;list-style:none; padding-top:3px;}
#menu li.backLava 	{background-color:#006680; width: 9px;position: absolute;}
#menu li a 			{text-decoration:none; color:#FFF; text-align:center;padding: 8px 6px; z-index:10; display:block; position:relative; margin-left:auto; margin-right:auto; white-space: nowrap;}
#menu li a:hover 	{color: #FFF000 !important;}

/** 404 **/

#error404 { height:600px; font-size:18px; color:#000; margin-top:100px;}


/** Image Styles **/
a img { border: 0px; outline: none; text-decoration: none; }
a:hover img { filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; }

/** Toping Styles **/
body					{}
#topimg					{background:url(../images/header.png) no-repeat; height:510px; width:930px;}
#textbox				{width:630px; margin-left:240px; display:inline; float:right; position:relative; padding-right:20px;}
#textbox .text			{font-size:15px; color:#006680; line-height:35px; text-align:justify; margin-top:90px; float:left; letter-spacing:0.5px}
#textbox a				{color:#FFF; text-shadow:1px 1px 0px #006680; text-decoration:none;}
#textbox a:hover		{color:#FFFF00; text-shadow:1px 1px 0px #006680; text-decoration:none;}
.spacer 				{padding-bottom:450px;}
#bg						{background:url(../images/bg.png) top left repeat-x;}

/** About me Styles **/
.me						{height:218px; width:185px; float:left; display:inline; padding-right:15px; margin-top:10px;}

/** Portfolio Styles **/
.portfolio_item					{width:300px; position:relative; margin:0 14px 30px 14px; padding:0; text-decoration:none;}
.portfolio_item img				{padding:5px; border: 1px solid #aaaaaa; width:288px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9;}
.portfolio_item span			{display:none;}
.portfolio_item:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#006680; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size:11px; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa;}
.portfolio_item:hover img		{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.centre							{text-align:center;}


/** Freebies Styles **/
.freebies_item						{width:200px; position:relative; margin:8px 10px 3px 0px; padding:0; text-decoration:none;}
.freebies_item img					{padding:5px; border: 1px solid #aaaaaa; width:188px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
.freebies_item span					{display:none;}
.freebies_item:hover span			{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#006680;; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size:11px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa;}
.freebies_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.freebies							{padding-top:0px;}
.freebiesspacer						{height:25px;}


/** Blog front Styles **/
.bloglink 						{text-align:right; font-size:18px;}
.blog a 						{color:#006680; text-decoration:none;}
.blog a:hover					{color:#00CCFF; text-decoration:none;}
.blog .readmore					{font-weight:bold;}

/** Services Styles **/
.servicesdiv					{width:930px;}
.services li 					{margin:5px 0px 0px 13px; list-style-type:disc;}
.services span 					{color:#006680;}


/** Friends Styles **/
#links li 						{margin:0px 0px 0px 0px; list-style-type:none}
#links span 					{color:#006680;}
#links .adinfo					{font-size:10px;}
.links h3						{font-size:12px;}
.links small					{font-size:10px;}


/** Tag-cloud **/
.tagcloud 						{ margin-bottom:50px; text-align:justify;}

/** Contact Styles **/
.contactbox							{margin-left:-20px; color:#006680;}
.contact							{color:#006680;}
.contact li							{color:#006680; list-style:none;}
.social_row							{margin-top:3px;}
.social_row img						{margin-right: 3px; padding-bottom:3px;}
.social_row img:hover				{filter: alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.social_row .fblike					{width:80px; padding-bottom:12px; float:left;}
.social_row .onegoogle				{width:80px; padding-bottom:12px; float:left; padding-left:20px;}

/** golink **/
.togglelink 					{width:630px;text-align:right; font-size:14px; font-weight:bold; float:right; padding: 0 0 30px 0;}

/** Language toggle **/
#divbutton1						{ width:630px; position:absolute;}
#button-img1					{ float:right; margin-top:7px; cursor:pointer;}
#button-img1:hover				{ filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5;}

#divbutton2						{ width:930px; position:absolute;}
#button-img2					{ float:right; margin-top:0px; cursor:pointer;}
#button-img2:hover				{ filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5;}		


/* Must remain at the bottom of the stylesheet */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
*html .clearfix {height: 1%;}
.alpha	{margin-left:0;}
.omega	{margin-right:0;}