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

body {
	color:#333;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

ul { list-style-image: url("img/bullet.png"); 
line-height:28px;} 


h1 {
	color:#fff;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	
	font-weight:lighter;
	padding-top: 0px;
}
h2 {
	color:#666;
	letter-spacing: 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	
	font-weight:lighter;
	padding-top: 0px;
}
h3 {
	color:#09C;
	letter-spacing: 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;line-height: 0px;
	padding-top: 0px;
}
h4 {
	color:#6C0;
	letter-spacing: 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	padding-top: 0px;
}

h5 {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	line-height: 18PX;
}

#wrapper {

width: 100%;
min-height: 100%;
background: url(insert image here);
background-color:#F3F3F3;
	
}



#top {

width: 100%;
height: 80px;
background-image:url(images/top_bg.jpg);
background-repeat:repeat-x;
color:#FFF;
border-bottom:#888 solid 1px;
}

#topbar {

width: 1024px;
height: 100px;

margin: 0px auto 0px auto;
padding:0px 0px 0px 0px;
color:#FFF;
	
}
#bottom {

width: 100%;
height: 80px;
background: none;

color:#FFF;




	
}
#bottomPort {

width: 1024px;
height: 125px;
margin: auto ;
padding:0px 0px 0px 0px;
color:#FFF;
	
}

.webDesignBox {
	width: 300px;
	float: left;
}

.startupBox {
	width: 600px;
	float: left;
}

#Portfolio {
	width: 100%;
	float:left;
	min-height: 1200px;
	margin-right: 10px;}
	
.PortfolioItems {
	width: 280px;
	float:left;
	min-height: 60px;
	margin: 0px 20px 10px 0px;}
	
.PortfolioItemsDesc {
	width: 280px;
	float:left;
	min-height: 80px;
	margin: 0px 20px 10px 0px;}
	
.PortfolioDESCsmall {
	width: 280px;
	float:left;
	min-height: 50px;
	margin: 0px 20px 10px 0px;}

#leftpanel {
	width: 650px;
	float:left;
	min-height: 570px;
	margin-right: 10px;}

.infoPageimg {
	width: 180px;
	float:left;
	min-height: 150px;
	margin: 10px 20px 10px 0px;
	float:left}
	
.infoPageinfo {
	width: 390px;
	float:left;
	font-size:12px;
	line-height:18px;
	min-height: 150px;
		margin: 20px 10px 0px 0px;
		padding-top:0px;
	float:left;
	text-align:left;}
	
	
	.infoPagebrand{
	width: 550px;
	float:left;
	font-size:12px;
	line-height:18px;
	min-height: 150px;
		margin: 0px 10px 0px 0px;
		padding-top:0px;
	float:left;
	text-align:left;}

.bottomItem {
width: 180px;
float: left;
margin-right: 15px;	
margin-top: 50px;
	
	
	
}
#header {
height: 341px;
padding:0px 0px 0px 0px;
background-color:#09C;
background-image:url(img/bg.jpg);
background-repeat:repeat-x; 
background-position:center;

color:#FFF;	
border-bottom:#298DB4 solid 2px;

}
#headeritem {
	width: 1024px;
height: auto;
margin: 0px auto 0px auto;
padding:0px 0px 0px 0px;

color:#FFF;	
}

#window {
min-height: 800px;
height: auto;
margin: 0px auto 0px auto;
width: 100%;
background-color:#F3F3F3;
border-top:#CCC solid 2px;

}

#windowInfoPages {
min-height: 650px;
margin: 0px auto 0px auto;
width: 100%;
background-color:#F3F3F3;
border-top:#CCC solid 2px;

}





#windowitemport {
width: 900px;
height: auto;
min-height: 960px;
margin: 20px auto 0px auto;
padding:00px 0px 0px 0px;
background:;
	
}




#windowPORT12 {
	width: 1024px;
height: auto;
min-height: 600px;
margin: 20px auto 0px auto;
padding:00px 0px 0px 0px;
background:;
	
}



#windowitem {
	width: 1024px;
height: 300px;
margin: 0px auto 0px auto;
padding:00px 0px 0px 0px;
background:;
	
}

#windowitem2 {
	width: 1024px;
height: 300px;
margin: 0px auto 0px auto;
padding:00px 0px 0px 0px;
background:;
	
}


#contact {

width: 100%;
height: auto;

color:#FFF;
background-color:#09C;
}

#contactContent {

width: 900px;
height: Auto;

margin: 0px auto 0px auto;
padding:0px 0px 0px 0px;
color:;
	
}

.portfolioDescribe {
width: 1024px;
min-height: 100px;
margin: 0px auto 0px auto;
padding:00px 0px 0px 45px;
background:;
	
}

#WindowAbout {
	width: 1024px;
min-height: 700px;
margin: 0px auto 0px auto;
padding:20px 0px 0px 0px;
background:;
	
}
#push {
height: 80px;
background-color:#F3F3F3;
	
}
#footer {
height: 180px;
background-image:url(img/foot_bg.jpg);
background-color:#F3F3F3;
background-position:top;
border-top:solid  #E8E8E8 2px;
color:#333;	
}



#footeritem {
width: 1024px;
margin: 0px auto 0px auto;
padding:15px 0px 0px 0px;
	
}

.footLinks {
	width: 250px;color:#999;
	margin-right: 5px;
	float:left;
	font-size: 12px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}
.footLinks a{
	list-style:none;
	font-size: 12px;
	text-decoration:none;
	color:#999;margin:0px;
	padding:0px;
	}

.footLinks ul{
	list-style:none;
	font-size: 12px;
	text-decoration:none;
	color:#999;margin:0px;
	padding:0px;
	}
	
.footLinks a:hover{
	
	font-size: 12px;
	text-decoration:underline;
	color:#09C;
	}
	
	
	

/* items */

#logo {
	width: 400px;
	height: 60px;
float: left;
margin: 0px 0px 00px 0px;
	
}
#nav {
	width: 560px;
	height: 40px;
float: left;
margin: 30px 0px 10px 20px;
font-size:24px;

	
}
#nav a{
	color:#FFF;
	text-decoration:none;
		
}
#nav a:hover{
color:#ffffff;
		
}

#quote {
	width: 400px;
	height: 250px;
float: left;
margin: 60px 20px 10px 0px;
	
}

#flash {
	width: 550px;
	height: 250px;
float: left;
margin: 20px 20px 10px 0px;
	
}

#about {
	width: 740px;
	height:auto;
float: left;
margin: 0px 20px 10px 0px;
	
}


.ContactItem {
	width: 300px;
	height:auto;
float: left;
margin: 0px 0px 0px 0px;
	
}


.RightColumn {
	width: 240px;
	height:auto;
float: right;
margin: 0px 20px 10px 0px;
	
}

.PortfolioItem {
	width: 230px;
	height:160px;
float: left;
margin: 0px 20px 0px 0px;
	
}

.viewPortfolio {
color:#09C;	

	
}

.INFOtitles {
font-size:16px;
color: #09C;
line-height: 25px;
	
}

.item {
width: 300px;
min-height: 76px;
float: left;
margin: 0px 40px 0px 0px;
	
}
.itemImg {
width: 300px;
min-height: x;
float: left;
margin: 0px 40px 0px 0px;
	
}

.item a{
color:#09C;
text-decoration:none;
font-weight:bold;
}

.itemLink {
width: 300px;
float: left;

	
}

.itemLink a{
color:#09C;
text-decoration:none;
font-weight:bold;
}
.itemLink a:HOVER{
color:#09C;
text-decoration:underline;
font-weight:bold;
}

.imgLeft {
	float:left;
	padding: 0px 10px 10px 0px;}
	
	.img {
		
		border:solid #CCC 5px;}
		
		
		.menu{color:#ffffff;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 14px arial;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;color:#ffffff;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;color:#ffffff;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;color:#ffffff;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;color:#ffffff;
		}
	.menu li:hover li a{
		background:none;color:#ffffff;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;color:#ffffff;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		.clear { clear:both;}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
	background-color: none;
	width: 1024px;
	padding: 0px;
	margin: 0px;
	
	
			}
	#gallery ul { list-style: none;padding: 0px;
	margin: 0px; }
	#gallery ul li { display: inline; padding: 0px;
	margin: 0px;} 
	
	#gallery ul img {
		border: 5px solid #CCC;
		
	
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px ;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

/* FORMS
-------------------------------------------------*/
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#09C;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background: #fff;
}
 
.rightStyleIndent{
	
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}


	
a.homePagesLink{
	
	color: #FFF;
	background: #09C;
	width: 110px;
	text-align:center;
	border:solid #CCC 3px;
	display: block;
	padding: 10px 10px 10px 10px;}
	
a.homePagesLink:hover{
	
	color: #000;
	background:#06C;
	text-decoration:none;
	
	display: block;
	padding: 10px 10px 10px 10px;}