@charset "utf-8";
/* CSS Document */

/* structure */

body{
	background-color:#343842;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#D6E3F4;
}

input,textarea,select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2A2D34;
}

a,b,strong{
	color:#38B8D1;
}

a{
	outline:none;
}

li{
	list-style-image:url(../images/arrow.gif);
	margin-bottom:10px;
}

li a{
	text-decoration:none;
	color:#FFFFFF;
}

.slider, .slider li{
	margin:0;
	padding:0;
	list-style:none;
}

h1{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;	
	border-bottom:4px #38B8D1 solid;
	padding-bottom:5px;
}

h2{
	color:#FFFFFF;
	font-size:16px;
}

h2 a{
	color:#FFFFFF;
	text-decoration:none;
}

h2 a:hover{
	text-decoration:underline;
}

hr{
	border:none;
	height:1px;
	background-color:#CCC;
}

.clear{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

.site{
	background-color:#D6E3F4;
}

.inner{
	width:980px;
	margin:0 auto;
}

/* header */

.header_inner{
	width:980px;
	margin:0 auto;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	height:145px;
}

.logo_link{
	width:290px;
	height:72px;
	display:block;
	float:left;
	margin-top:50px;
	outline:none;
}

.header{
	height:145px;
	background-color:#2A2D34;
}


.contact{
	width:110px;
	height:30px;
	background-image:url(../images/contact_us.jpg);
	background-repeat:no-repeat;
	margin-bottom:68px;
	float:right;
	outline:none;
}

.nav{
	float:right;
	width:650px;
}

.nav a{
	font-weight:bold;
	font-size:14px;
	text-transform:lowercase;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:7px;
	padding-bottom:3px;
	border-bottom:4px #2A2D34 solid;
	margin-right:25px;
}

.nav a:hover, .nav .selected{
	border-bottom:4px #38B8D1 solid;
}

.nav .nr{
	margin-right:0px;
}

.full_content{
	min-height:300px;
}

.content_inner{
	width:980px;
	margin:0 auto;
}

.content_wrapper{
	background-color:#2A2D34;
	padding-top:50px;
	padding-bottom:100px;
}

.content_footer{
	width:980px;
	margin:0 auto;
	margin-top:-25px;
}

/* home */

.home{
	height:570px;
	background-image:url(../images/graphics/home_bg.gif);
	background-repeat:repeat-x;
}

.home_inner{
	width:980px;
	height:570px;
	background-image:url(../images/graphics/home.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content{
	width:440px;
	height:150px;
	margin-bottom:50px;
	padding-top:50px;
	overflow:hidden;
}

.recruitment{
	display:block;
	width:300px;
	height:150px;
}

/* website deisgn */

.website_design{
	height:600px;
	background-image:url(../images/graphics/website_design_bg.gif);
	background-repeat:repeat-x;
}

.website_design_inner{
	width:980px;
	height:600px;
	background-image:url(../images/graphics/website_design.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_2{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* mobile apps */

.mobile_apps{
	height:650px;
	background-image:url(../images/graphics/mobile_apps_bg.gif);
	background-repeat:repeat-x;
}

.mobile_apps_inner{
	width:980px;
	height:650px;
	background-image:url(../images/graphics/mobile_apps.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_3{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* web apps */

.web_apps{
	height:527px;
	background-image:url(../images/graphics/web_apps_bg.gif);
	background-repeat:repeat-x;
}

.web_apps_inner{
	width:980px;
	height:527px;
	background-image:url(../images/graphics/web_apps.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_4{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* digital media */

.digital_media{
	height:527px;
	background-image:url(../images/graphics/digital_media_bg.gif);
	background-repeat:repeat-x;
}

.digital_media_inner{
	width:980px;
	height:527px;
	background-image:url(../images/graphics/digital_media.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_5{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* online marketing */

.online_marketing{
	height:527px;
	background-image:url(../images/graphics/online_marketing_bg.gif);
	background-repeat:repeat-x;
}

.online_marketing_inner{
	width:980px;
	height:527px;
	background-image:url(../images/graphics/online_marketing.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_6{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* contact */

.contact_us{
	height:600px;
	background-image:url(../images/graphics/contact_us_bg.gif);
	background-repeat:repeat-x;
}

.contact_us_inner{
	width:980px;
	height:600px;
	background-image:url(../images/graphics/contact_us.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
}

.content_7{
	width:380px;
	height:400px;
	margin-bottom:20px;
	padding-top:50px;
}

/* portfolio */

.portfolio{
	width:640px;
	height:360px;
	background-image:url(../images/portfolio_bg.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	float:left;
	padding:20px;
	overflow:hidden;	
}

.portfolio_inner{
	width:980px;
	margin:0 auto;
}

.portfolio_holder{
	width:980px;
	margin:0 auto;
}

.left_arrow{
	float:left;
	display:block;
	height:36px;
	width:31px;
	background-image:url(../images/arrow_left.gif);
	margin-top:340px;
	outline:none;
}

.right_arrow{
	float:left;
	display:block;
	height:36px;
	width:31px;
	background-image:url(../images/arrow_right.gif);
	margin-top:340px;
	outline:none;
}

.sub_nav{
	float:left;
	width:220px;
	min-height:300px;
}

.sub_nav a{
	display:block;
	margin-bottom:10px;
}

.title{
	min-height:20px;
	margin-bottom:30px;
}


.small_title{
	width:300px;
	min-height:20px;
	float:right;
	text-align:right;
	margin-right:50px;
	margin-top:10px;
}

.portfolio_image{
	width:300px;
	min-height:100px;
	float:left;
	margin-right:20px;
}

.portfolio_content{
	width: 320px;
	min-height:100px;
	float:left;
}


/* footer */

.footer{
	color:#5A5D66;
	font-weight:bold;
	font-size:12px;
	
}

.footer a{
	text-decoration:none;
	color:#FFFFFF;
}

.footer a:hover{
	text-decoration:underline;
}

.facebook{
	margin-right:10px;
	display:block;
	float:left;
	margin-bottom:10px;
	outline:none;
}

.facebook:hover{
	margin-top:-5px;
}

.twitter{
	display:block;
	float:left;
	margin-bottom:10px;
	outline:none;
}

.twitter:hover{
	margin-top:-5px;
}

.manage_your_website{
	width:330px;
	height:34px;
	clear:both;
	background-image:url(../images/manage_your_website.jpg);
	padding-left:10px;
	padding-top:36px;
}

.user_name{
	float:left;
	margin-right:13px;
	padding-left:3px;
}

.user_name input{
	width:116px;
	padding:3px;
	border:none;
	font-size:10px;
}

.password{
	float:left;
	margin-right:13px;
	padding-left:3px;
}

.password input{
	width:116px;
	padding:3px;
	border:none;
	font-size:10px;
}

.login{
	float:left;
}