/* Copyright KOM-Digital 2011 */
/******************************/
*
{
	margin:0; 
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	
}
@font-face 
{
	font-family:Fortuna;
	src:url('fortd.ttf');
}

/* Site structure */

html
{
	background-color:#666;
}
body
{
	background:url(images/bodybg.jpg) repeat-x;	
}
#wrapper
{
	width:1024px;
	margin:auto;
	background-color:#FFF;
}
#banner
{
	height:125px;
	width:50%;
	margin:auto;
	background-color:#FFF;
	float:left;
}
#navigation
{
	height:125px;
	width:50%;
	margin:auto;
	background-color:#FFF;
	float:right;
}
#maincontent
{
	clear:both;
	height:380px;
	background:url(images/background2.jpg) no-repeat;
}
#maincontent_blank,
#maincontent_work
{
	clear:both;
	height:380px;
	background:url(images/background3.jpg) no-repeat;
}
#bottom_block
{
	height:50px;
	background-color:#004d74;
}
#social_twitter
{
	height:230px;
	width:50%;
	float:left;
	background-color:#FFF;
}
#twitter
{
	float:left;
	margin-left:-5px;
	margin-top:-5px;
}
#footer
{
	height:230px;
	width:50%;
	float:right;
	background-color:#FFF;
}

/* banner */

h1
{
	font-size:75px;
	font-family:"Fortuna Dot", Fortuna, Verdana, Geneva, sans-serif;
	color:#0098ca;
	font-weight:normal;
	letter-spacing:-5px;
	padding-left:30px;
	padding-top:10px;
}
#cities
{
	font-size:1em;
	margin-top:-15px;
	margin-left:260px;
	color:#333;
	font-weight:bold;
}

/* navigation */

#navigation ul
{
	list-style:none;
	margin-left:80px;
	margin-top:-50px;
}
#navigation li
{
	display:inline;
}
#navigation a
{
	padding-top:110px;
	width:50px;
}
.button 
{
	display:inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:14px/100% Arial, Helvetica, sans-serif;
	padding:.5em 1em .55em;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:1em; 
	-moz-border-radius:1em;
	border-radius:1em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration:none;
}
.button:active {
	position:relative;
	top:1px;
}
.blue 
{
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover 
{
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active 
{
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
#redevelopment
{
	margin:10px 0px 0px 50px;
}

/* main content */

#webdevelopment_title
{
	margin-top:40px;
	padding-left:30px;
}
h2
{
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
	padding-left:30px;
	width:700px;
	margin-top:25px;
	float:left;
}
#webicons
{
	list-style:none;
	margin:30px 0px 0px 30px;
}
#webicons li
{
	display:inline;
	padding-right:30px;
}
#maincontent p
{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
	padding-left:30px;
	margin-top:10px;
	width:660px;
}
#maincontent_blank p
{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
	padding-left:30px;
	width:660px;
	margin-top:10px;
	float:left;
}

/* about */

#web_link
{
	font-size:12px;
	color:#FFF;
	text-decoration:underline;
}
h4
{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	padding:30px 170px 0px 0px;
	float:right;
}
#skills_table
{
	
	float:right;
	border:none;
	margin:10px 30px 0px 0px; 
}
#skills_table td
{
	color:#FFF;
	padding-bottom:7px;
	border:none;
	font-size:12px;
}
.excellent
{
	display:block;
	height:10px;
	width:166px;
	background-color:#0C0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.good
{
	display:block;
	height:10px;
	width:150px;
	background-color:#FF0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.OK
{
	display:block;
	height:10px;
	width:100px;
	background-color:#F90;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#basic
{
	display:block;
	height:10px;
	width:40px;
	background-color:#C00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.remove
{
	position:absolute;
	top:-9999px;
}

/* work */

#h2_work
{
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
	padding-left:30px;
	width:500px;
	margin-top:25px;
	float:left;
}
#workbox
{
	height:110px;
	float:left;
	margin:25px 0px 0px 30px;
}
.work_links
{
	padding-bottom:20px;
	list-style:none;
}
.work_links li
{
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}
#cmsnz
{
	height:108px;
	width:106px;
	display:block;
	background:url(images/cms.png) no-repeat;
}
#html_facebook
{
	height:108px;
	width:106px;
	display:block;
	background:url(images/html_facebook.png) no-repeat;
}
#html_facebook:hover
{
	background-position:0px -108px;
}
#cmsnz:hover
{
	background-position:0px -108px;
}
#cookandkitchen
{
	height:108px;
	width:106px;
	display:block;
	background:url(images/cookandkitchen.png) no-repeat;
}
#cookandkitchen:hover
{
	background-position:0px -108px;
}
#hillfarm
{
	height:108px;
	width:106px;
	display:block;
	background:url(images/hill_farm.png) no-repeat;
}
#hillfarm:hover
{
	background-position:0px -108px;
}
#poetry
{
	height:108px;
	width:106px;
	display:block;
	background:url(images/poetry_site.png) no-repeat;
}
#poetry:hover
{
	background-position:0px -108px;
}
#puredance
{
	height:108px;
	width:106px;
	display:block;	
	background:url(images/pure_dance.png) no-repeat;
}
#puredance:hover
{
	background-position:0px -108px;
}
#martinimeets
{
	height:108px;
	width:106px;
	display:block;	
	background:url(images/martini_meets.png) no-repeat;
}
#martinimeets:hover
{
	background-position:0px -108px;
}
#januario
{
	height:108px;
	width:106px;
	display:block;	
	background:url(images/januario_catering.png) no-repeat;
}
#januario:hover
{
	background-position:0px -108px;
}
#gfcfitness
{
	height:108px;
	width:106px;
	display:block;	
	background:url(images/gfc_fitness.png) no-repeat;
}
#gfcfitness:hover
{
	background-position:0px -108px;
}
#comingsoon
{
	height:108px;
	width:106px;
	display:block;	
	background:url(images/coming_soon.png) no-repeat;
	overflow:hidden;
}
#maincontent_work p
{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
	padding-left:30px;
	width:570px;
	margin-top:10px;
	float:left;
}

/* portfolio bits  */

#my_role
{
	padding-top:5px;
	margin-left:50px;
	float:left;
}
#my_role li
{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:2em;
}
.portfolio
{
	float:right;
}
#rightbox
{
	width:424px;
	float:right;
}
#leftbox
{
	width:600px;
	float:left;
}
#portfolio_link
{
	float:left;
	margin:0px 0px 0px 120px;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	text-decoration:none;
}
#CAK_portfolio_link
{
	float:left;
	margin:0px 0px 0px 85px;
	padding-right:5px;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	text-decoration:none;
	border-right:1px solid #FFF;
}
#CAK_portfolio_link_2
{
	float:left;
	margin-left:5px;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.2px;
	text-decoration:none;
}
#portfolio_link:hover,
#CAK_portfolio_link:hover,
#CAK_portfolio_link_2:hover
{
	text-decoration:underline;
}
#portfolio_picture img
{
	margin:20px 0px 0px 50px;
	border:none;
}

/* bottomblock */

#bottom_block ul
{
	list-style:none;
	padding-top:10px;
}
#bottom_block li
{
	display:inline;
}
#bottom_block a
{
	text-decoration:none;
}
#bottom_block img
{
	padding:10px 0px 0px 30px;
}

/* bottomblock */

#twitter_icon
{
	float:left;
	padding:5px 0px 0px 10px;
}
#twitter_title
{	
	padding:10px 0px 0px 10px;
}	

/* footer */

#moresocial_title
{
	padding:10px 0px 0px 150px;
}
h3
{
	text-align:right;
	font-size:14px;
	padding-right:15px;
	letter-spacing:-1px;
	line-height:2em;
	margin-top:10px;
	color:#0098ca;
}
#footer ul
{
	float:right;
	margin:10px 15px 0px 0px;
	list-style:none;
}
#footer li
{
	float:left;
	padding-right:6px;
}
#facebook
{
	height:35px;
	width:41px;
	display:block;
	background:url(images/facebook_icon.png) no-repeat;
}
#facebook:hover
{
	background-position:0px -35px;
}
#linkedin
{
	height:35px;
	width:41px;
	display:block;
	background:url(images/linkedin_icon.png) no-repeat;
}
#linkedin:hover
{
	background-position:0px -35px;
}
#skype
{
	height:35px;
	width:41px;
	display:block;
	background:url(images/skype_icon.png) no-repeat;
}
#skype:hover
{
	background-position:0px -35px;
}
#footer p
{
	padding-right:15px;
	margin-bottom:10px;
	text-align:right;
	font-size:13px;
	color:#666;
}
#footer img
{
	border:none;
}