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

body {
	background:  #000000 url(images/bkground.png) repeat-x;
	padding-top: 80px;
	font-family: Tahoma,Arial,Sans-Serif, Trebuchet MS;
		font-size: 11px;
	color: #666666;

}

a img{ border: none; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }

#contain {
	width: 900px;
	margin: 0px auto 0px auto;
}

#container {
	
	width: 900px;
	margin: 0px auto 0px auto;
}

#heading {
	height: 57px;
}


/* Navigation */
#navigation {
	padding-top: 40px;
	float: right;
}
#navigation ul {
	color:#FFF;
	display: inline;

}
#navigation li {
	display: inline;
	margin-right: 15px;
		background:url(images/bullet.png) no-repeat 0% 50%;
		padding-left: 25px;
}
#navigation .begin{
	background: none;
}
#navigation a{
	color:#FFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#navigation a:hover {
	color:#F60;
}



/* Layout */
#left_column {
	background-color:#FFF;
	margin-right: 0px;
	margin-top: 10px;
	width: 650px;
	float: left;

}

#left_column_content {
	background: #FFFFFF url(images/left_top.png) repeat-x;
	width: 650px;
	padding-top: 1px;
}

#left_column_btm {
	background: #FFF url(images/left_btm.png) no-repeat;
	height: 10px;
	font-size: 5px;
	
}

#right_column {
	margin-left: 5px;
	width:230px;
	float: right;

}


.right_box {
	margin-top: 10px;
	background: #FFF url(images/right_top.png) no-repeat;
}


.right_box_btm {
	background:url(images/right_btm.png) no-repat 0px 100%;
	height: 10px;
	font-size: 5px;
}

.right_box_content {
	padding: 5px;
}

.right_box h3 {
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 10px 40px;
	color:#333;
	font-weight: normal;
	font-size: 20px;
	font-family: "Myriad Pro", Tahoma,Arial,Sans-Serif, Trebuchet MS;
	border-bottom: #999 solid 1px;
	margin-bottom: 5px;
	background-position: 0% 0px;
	background-repeat: no-repeat;
	}
.right_box_content p {
}

#footer {
	clear: both;
}

.content {
	padding: 0px 15px 0px 15px;
	font-size: 11px;
	color: #666666;
}
.content .leftimg {
	margin: 5px;
}
.content h1 {
		font-family: "Myriad Pro", Tahoma,Arial,Sans-Serif, Trebuchet MS;
	font-size: 40px;
	font-weight: normal;
	margin: none;
	padding: none;
	line-height: normal;
	border-bottom: #999 solid 1px;
	margin-bottom: 5px;
}
.content .noline {
		font-family: "Myriad Pro", Tahoma,Arial,Sans-Serif, Trebuchet MS;
	font-size: 40px;
	font-weight: normal;
	margin: none;
	padding: none;
	line-height: normal;
	margin-bottom: 5px;
}
.content h2 {
		font-family: "Myriad Pro", Tahoma,Arial,Sans-Serif, Trebuchet MS;
	font-size: 16px;
	font-weight: bold;
	margin: none;
	padding: none;
	line-height: normal;
	border-bottom: #999 solid 1px;
	margin-bottom: 5px;
}

/* Sliders */
#rotator {
			margin-top: 20px;
			
}

#kwick_outer {
		padding: 0px 10px 0px 10px;
		background-color:#FFF;
		width: 880px;

}

#kwick_holder {
		background: #FFF url(images/webdevend.png) 100% no-repeat ;
}

.container_top {
	background: #FFF url(images/container_top.png) no-repeat;
	width: 900px;
	height: 10px;
	font-size: 5px;
}

.container_btm {
	background: url(images/btm.png) no-repeat;
	height: 10px;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 210px;
	height: 125px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-color: #53b388;
			background:url(images/webdes.png)

	
}
#kwick_2 {
	background-color: #5a69a9;
	background:url(images/Printbased.png)
}
#kwick_3 {
	background-color: #c26468;	
	background:url(images/webdev.png);
	
}
#kwick_4 { 
	background-color: #bf7cc7;
	background:url(images/cms.png);
}
.kwicks.horizontal #kwick_4 {
	margin-right: 0px; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/* Forms */
input {
	background: #fff  top left repeat-x;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS";
	font-size: 11px;
	color: #888;
	margin: 1px;
	margin-bottom: 2px;
	padding: 4px;
	overflow: hidden;
	}
	
textarea {
	background: #fff top left repeat-x;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS";
	font-size: 11px;
	color: #888;
	margin: 1px;
	margin-bottom: 2px;
	padding: 4px;
	overflow: auto;
	}
	
	input:focus,
	textarea:focus {
		border: 1px solid #a4d5e7;
		}	

.submit {
	background: #fff top left repeat-x;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	}

/* Portfolio Stylesheet */
.boundingBox{ margin: 0 auto; width: 550px; }

/* Content */

#content{}

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: 0px 0; padding: 0;   line-height: 30px; background-color:#999999; }
ul#portfolio-filter li{ display: inline; margin-left: 10px; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 5px 5px; background: #999999; color: #FFFFFF; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #0A63C2; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #333; margin: 5px 0; }