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


/*...........Whole Site............*/

* {
	margin:0; padding:0; border:0;
}

body {
 	background-color:#b7b7b7; background-image:url(../images/Grey%20Back2.png); background-position:top;     
	background-repeat:repeat-x; 
	font-family:"Trebuchet MS", "Century Gothic", Verdana; color:#FFF; font-size:12px;
}

#wrapper {
	width:960px; height:100%; margin-left:auto; margin-right:auto;
}

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

img a {
	border:none;
}




/*..............Fonts...............*/

p {
	margin:10px;
}

.bold {
	font-weight:bold;
}

.italics {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}

.left {
	margin-left:45px;
}

/*...............Header.................*/

#header {
	width:100%; height:128px; float:left; background-image:url(../images/Grey%20Back2.png);
}

#header img {
	margin-top:20px; margin-left:30px;
}

#main {
	width:100%; height:100%; float:left; background-color:#b7b7b7;
}



/*.............Navigation.............*/

#navigation {
	width:930px;; height:42px; float:left;
	padding-right:30px;
}

ul#nav {
	float: right;
	width: 570px;
	height: 42px;
	margin: 0; padding: 0;
}

ul#nav li {
	margin: 0; padding:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
}
	
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/navigation/navigation.png) no-repeat;
}
	
	
li#home a {
	width:65px;
	height:42px;
}
	 
li#services a {
	width:110px;
	height:42px;
}

li#portfolio a {
	width:100px;
	height:42px;
}
	 
li#articles a {
	width:110px;
	height:42px;
}
	 
li#about_us a {
	width:110px;
	height:42px;
}
	 
li#contact a {
	width:75px;
	height:42px;
}	
	 
	 
	 
li#home a:link, li#home a:visited, li#home a:hover, li#home a:focus {
	background-position: 0px 0px;
}
li#services a:link, li#services a:visited, li#services a:hover, li#services a:focus {	
	background-position: -65px 0px;
}
li#portfolio a:link, li#portfolio a:visited, li#portfolio a:hover, li#portfolio a:focus {	
	background-position: -175px 0px;
}
li#articles a:link, li#articles a:visited, li#articles a:hover, li#articles a:focus {	
	background-position: -275px 0px;
}
li#about_us a:link, li#about_us a:visited, li#about_us a:hover, li#about_us a:focus {	
	background-position: -385px 0px;
}
li#contact a:link, li#contact a:visited, li#contact a:hover, li#contact a:focus {	
	background-position: -495px 0px;
}



li#home a.selected {
	background-position: 0px 0px;
}
li#services a.selected {
	background-position: -0px 0px;
}
li#portfolio a.selected {
	background-position: -0px 0px;
}
li#about_us a.selected {
	background-position: -0px 0px;
}
li#contact a.selected {
	background-position: -0px 0px;
}




/*............Services Menu..............*/



.servicesdropped {
	display:none;
    text-align:left;
    position:absolute;
    background-color:#d9dfe4;
    width:600px;
    height:220px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-top:none;
    border-bottom:1px solid #e8eef0;
    border-left:1px solid #e8eef0;
    border-right:1px solid #e8eef0;
    margin:42px 0 0 180px;
}
 
.servicesdropped ul {
    text-align:left;
    float:left;
    font-size:12px;
    width:200px;
    list-style-type:none;
    display:block;
}

.servicesdropped ul a {
    list-style-type:none;
    color:#000;
    display:block;
    font-size:12px;
	margin-left:15px;
}

.servicesdropped img {
	margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:5px;
}

#serlist left {
	width:200px;
}

#serlist middle {
	width:200px;
}

#serlist right {
	width:200px;	
}

h2#serlist_title_left {
   	width:176px; height:18px;
	background-image:url(../images/headings/design_and_development.png);
	text-indent: -9999px;
	margin-bottom:5px;
}

h2#serlist_title_middle {
   	width:176px; height:18px;
	background-image:url(../images/headings/promotion_and_marketing.png);
	text-indent: -9999px;
	margin-bottom:5px;
}

h2#serlist_title_right {
   	width:176px; height:18px;
	background: url(../images/headings/miscellaneous.png);
	text-indent: -9999px;
	margin-bottom:5px;
}


/*..............General..............*/

.box {
	float:left; 
}

.box_top {
	width:100%; height:10px;
	margin:0; padding:0;
	clear:both;
}

.box_bottom {
	width:100%; height:10px;
	margin:0; padding:0;
	clear:both;
}


/*............Footer..............*/

#footer {
	width:100%; height:100%;
	float:left;
}

#footer p {
	color:#000;
}

#link_trail {
	width:900px; height:45px;
	margin-left:30px; margin-right:30px;
	background-image:url(../images/link_trail.png);
	overflow:hidden;
}

#link_trail img {
	margin-left:10px; margin-top:1px;
	float:left;
}

#link_trail_arrow {
	margin-right:25px; margin-top:-5px;
}

.trail_link {
	color:#000;
	line-height:45px;
}

#footer_box {
	width:900px; height:205px;
	margin-left:30px; margin-right:30px; margin-top:10px; 
	background-image:url(../images/footer_box_bg.png);
}

h5#about_us {
	width:65px; height:14px;
	background: url(../images/headings/about_us_small.png);
	text-indent: -9999px;
	margin-top:15px; margin-left:15px; margin-bottom:20px;
}

h5#quick_links {
	width:78px; height:14px;
	background: url(../images/headings/quick_links_small.png);
	text-indent: -9999px;
	margin-top:15px; margin-left:15px; margin-bottom:20px;
}


.footer_para {
	width:45%; height:170px;
	float:left;
	padding-right:5%;
}

.footer_para p {
	margin-left:15px; margin-bottom:5px;
}

.footer_para table {
	margin-left:15px;
	font-size:14px;
}


#copyright {
	color:#000; text-align:center; clear:both; margin-bottom:0px;
}

#copyright a {
	color:#000; margin-top:5px; margin-bottom:2px;
}