body,td,th {

	font-family: Arial, Helvetica, sans-serif;

}

body {

    margin: 0; /* to avoid margins */

    text-align: center; /* to correct the centering IE bug*/

	margin-top: 0px;

	margin-bottom: 0px;

	background-image: url(images/backround.gif);

}

#global {

     margin-left: auto;

     margin-right: auto;

     width: 654px;

     text-align: left; /* to realign your text */

	 border-top: 2px solid #000000;

	 border-right: 2px solid #000000;

	 border-bottom: 2px solid #000000;

	 border-left: 2px solid #000000;

}

#main {

    width: 654px;

}

#btmlinks {

	width: 100%;

	background-color: #FFFFFF;

} 

#columnleft{

	width:150px;

	height:723px;

	float:left;

	background-color:#FFFFFF;

}

.flash{

	width:150px;

	height:150px;

	text-align:center;

	vertical-align: middle;

	border-bottom: 2px solid #000000;





}

.navigation {

	width:150px;	

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	text-align:center;

}



.menu{

	width: 150px;

	height: 80px;

	display:block;

}

a.menu, a.menu:visited {

	background-image:url(images/btn.gif);

	background-repeat:no-repeat;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.purple .blue .green .yellow .orange{

	width: 150px;

	height: 80px;

	display:block;

}



a.purple:hover{background-image:url(images/profilebtn.gif);}

a.blue:hover{background-image:url(images/servicebtn.gif);}

a.green:hover{background-image:url(images/portfoliobtn.gif);}

a.yellow:hover{background-image:url(images/custbtn.gif);}

a.orange:hover{background-image:url(images/contactbtn.gif);}



.menutext {

	padding:30px;

}

.copyright {

	width:150px;

	text-align:center;

	border-top: 2px solid #000000;

}

.playercontainer {

    padding: 20px;

}

.player {

	height: 63px;

	width: 100px;

	border: thick solid #000000;

}

.copnote {

	padding:3px;

	font-size: 9px;

	color: #000000;

	text-decoration: none;

}

#flashcontent {

	font-size:7px;

	text-align:center;

}

#flashcorner {

	font-size:7px;

	text-align:center;

}

#columnright{

	width:502px;

	height:723px;

	float:left;

	background-color:#FFFFFF;

	border-left: 2px solid #000000;

	overflow:auto;

}	

.profile {

	width:100%;

	height:723px;

	background-image: url(images/profilebckg.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.profiletext {

	font-size:12px;

	padding-left:15px;

	padding-right:15px;

}

.title {

	font-size: 16px;

	font-weight: bold;

	padding-top:10px;

	padding-left:5px;

}

.service {

	width:100%;

	height:723px;

	background-image: url(images/servicebckg.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	text-align:left;

}

.servicetext {

	font-size:12px;

	padding-left:15px;

	padding-right:15px;

}

ul.servicetext  li{

	list-style-position: inside;

	list-style-image: url(images/bullet.gif);

}

.sublist {

	font-size:12px;

	padding-left:25px;

	padding-right:15px;

}

ul.sublist li{

	list-style-position: inside;

	list-style-type: circle;

}

.portfolio {

	width:100%;

	height:723px;

	background-image: url(images/worksbckg.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

.portfoliotitle {

	font-size: 16px;

	font-weight: bold;

	padding-top:150px;

	padding-left:5px;

}

.contact {

	width:100%;

	height:723px;

	background-image: url(images/contactbckg.gif);

	background-repeat: no-repeat;

	background-position: left top;

	float:left;

	

}

.contacttitle {

	font-size: 16px;

	font-weight: bold;

	padding-top:10px;

	padding-left:10px;

	float:right;

	padding-right: 30px;

}

.contactaddress {

	font-size: 12px;

	padding-top:10px;

	padding-left:10px;

	float:right;

	padding-right: 30px;

	clear: right;

}

.contacttext {

	padding-top:240px;

	font-size:12px;

	padding-left:15px;

	padding-right:30px;

}

img {

	text-decoration: none;

	border:0;

}

img a{

	text-decoration: none;

	border:0;

}



#clear {

	clear: both;

	height:2px;

	background-color:#000000;

}

.btmtext{

	font-size:12px;

	text-align:center;

	color:#999999;

}

.btmtext a{

	text-decoration:none;

	color:#999999;

}

.btmtext a:hover{

	text-decoration:none;

	color:#000000;

}

.allworks{

	width:100%;

	height:550px;

	overflow:auto;

}

.works{

	padding-top: 5px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 5px;

}

.workstitle {

	font-size:12px;

}

div.portfolio img {

	float: left;



}



.portfoliodetails {

	float: right;

	padding-left: 10px;

	font-size: 12px;

	width:340px;

}

#clear2 {

	clear: both;

}



.thumbnail{

position: relative;

z-index: 0;

float: left;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 140px; /*position where enlarged image should offset horizontally */



}

p.quicklinks a {

	color:#000000;

	text-decoration: none;

	font-size:12px;

	padding-left:15px;

	padding-right:15px;

}

p.quicklinks a:hover {

	color:#FF0000;



}

p.titleop {

	font-size: 16px;

	font-weight: bold;

	padding-top:10px;

	padding-right:50px;

	text-align:right;

}



p.quicklinksop a{

	color:#000000;

	text-decoration: none;

	text-align:right;

	font-size:12px;

	padding-right:50px;

}

p.quicklinksop a:hover {

	color:#FF0000;



}