body {
	padding: 0;
	margin: 0;
	background-image:url(../images/action-back1.gif);
	background-repeat:repeat;
	width: 100%;
	
	font-family:Arial, Helvetica, sans-serif;
}
#content {
	width: 990px;

	background-repeat:repeat;
	margin: 20px auto 0;
	background: #fff;
	padding:15px 0 0 0 ;

}

h1 {
	margin: 0;
	padding: 0;

}

h2 {
	margin: 10px 0 0 20px;
	padding: 0;
	color: #ae6885;
}

h3 {
	margin:10px 0 10px 0;
	padding: 0;
	color:#999999; font-size:14px;
}



#strapline{ float: left;}

.visiondesign {color:#000000; padding:15px 0 0 0; font-weight: bolder;}

.abouttext{color:#ae6885; font-weight:bold;}

/*Header*/

#header{ margin: 0 0 20px 0 ; padding: 20px ; background-color:#FFFFFF; width:362px; float:left;}
#header img{ padding:25px 0 0  0; margin:0;}

#ad{float:left; width:495px; margin:15px 0 0 0;}

#heading{ float:left; width:700px;}
#heading p{ margin:0; padding: 5px 0 0 12px; font-size:13px; color:#333333;} 

/*End Header*/

/*Nav*/

#nav {
margin: 72px  0 0 0 ; padding: 12px 0 0 0; list-style-type:none; float: left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

#nav li { padding: 0 ; margin:0; float:left;}

#nav_vision { border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; width: 93px;}
 
#nav_vision a { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color:#ae6885;  border-bottom: 1px solid #FFFFFF;}
 

#nav_vision a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;  border-bottom: 1px solid #FFFFFF;}

#nav_vision a:hover { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0;background-color: #d6b2c1;}

.vision { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#f9b24b;
border-bottom: solid 4px #171717;}



#nav_print { border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
 
#nav_print a { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color:#f9b24b;  border-bottom: 1px solid #FFFFFF;}

#nav_print a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;  border-bottom: 1px solid #FFFFFF;}

#nav_print a:hover { float:left; width: 93px; text-align:center; color:#171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; background-color: #fbd193;}

.print { border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#f9b24b;
border-bottom: solid 4px #171717;}



#nav_branding {   border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

#nav_branding  a { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color:#ffe367;  border-bottom: 1px solid #FFFFFF;}


#nav_branding a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;  border-bottom: 1px solid #FFFFFF;}


#nav_branding a:hover { float:left; width: 93px; text-align:center; color:#171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; background-color: #ffeea4;}

.branding { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#ffe367;
border-bottom: solid 4px #171717;}



#nav_about { border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

#nav_about  a { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color:#bbdb7f;  border-bottom: 1px solid #FFFFFF;}

#nav_about a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;  border-bottom: 1px solid #FFFFFF;}


#nav_about a:hover { float:left; width: 93px; text-align:center; color:#171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0;background-color: #d6e9b2;}

.about { border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#bbdb7f;
border-bottom: solid 4px #171717;}



#nav_services{ border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

#nav_services  a{ float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color:#8bcfd1;  border-bottom: 1px solid #FFFFFF;}

#nav_services a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;  border-bottom: 1px solid #FFFFFF;}

#nav_services a:hover { float:left; width: 93px; text-align:center; color:#171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; background-color: #b9e2e3; }

.services{ border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#b9e2e3;
border-bottom: solid 4px #171717;}



#nav_contact{ border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

#nav_contact  a{ float:left; width: 93px; text-align:center; color: #171717; text-decoration:none;line-height: 2.7em; padding:0; margin:0;
 font-weight:bold; background-color: #8893c9;  border-bottom: 1px solid #FFFFFF;}

#nav_conatct a:visited { float:left; width: 93px; text-align:center; color: #171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; font-weight:bold; font-family:inherit;}

#nav_contact a:hover { float:left; width: 93px; text-align:center; color:#171717; text-decoration:none; line-height: 2.7em; 
padding:0; margin:0; background-color: #b8bedf;  border-bottom: 1px solid #FFFFFF; }

.contact{ border-right:solid #FFFFFF 1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#b9e2e3;
border-bottom: solid 4px #171717;}

#bread{ padding:10px 10px 10px 0; margin:10px 0 10px 0; font-size:12px; border-top: dotted #999999 1px; border-bottom: dotted #999999 1px;}

#bread a{ font-size:12px;  text-decoration: none; color:#ae6885;}

#bread a:visited { font-size:12px;  text-decoration: none; color:#ae6885;}

#bread a:hover{ font-size:12px; color:#bbdb7f; text-decoration:underline;}

.winning{ padding:10px; margin:10px 0 10px 0; font-size:12px;  border-bottom: dotted #999999 1px;}
.price{color:#ae6885;}
/*End Nav*/

/*End Top Nav */


#centre{ width:945px; margin:0 20px 20px 20px; padding:0; float:left; }
#centre_inside{ width:945px; margin:0 20px 20px 20px; padding:0; float:left; border-top: dotted #999999 1px; min-height:600px;}

#centre_about{ width:945px; margin:0 20px 20px 20px; padding:10px 0 0 0; float:left; border-top: dotted #999999 1px;min-height:600px;}
#centre_about h2{ color:#bbdb7f; padding:0; margin:0;}
#centre_about h3{ color: #666666; padding:0; margin:0; font-size:18px;}
#centre_about p{ font-size:16px; line-height:1.4em;  color:#333333;}

#centre_brand{ width:945px; margin:0 20px 20px 20px; padding:10px 0 0 0; float:left; border-top: dotted #999999 1px;}
#centre_brand h2{ color:#ffe367; padding:0; margin:0;}

#centre_services{ width:945px; margin:0 20px 20px 20px; padding:10px 0 0 0; float:left; border-top: dotted #999999 1px; min-height:600px;}
#centre_services h2{ color:#8bcfd1; padding:0; margin:0 0 10px 0;}


#centre_contact{ width:945px; margin:0 20px 20px 20px; padding:10px 0 0 0; float:left; border-top: dotted #999999 1px; min-height:600px;}
#centre_contact h2{ color:#8893c9; padding:0; margin:0;}
#centre_contact a{ color:#8893c9; text-decoration:none; font-size:12px;}
#centre_contact a:visited {color:#8893c9; text-decoration:none;font-size:12px;} 
#centre_contact a:hover{ color:#bbdb7f; text-decoration:underline;font-size:12px;}



#splash{ width: 432px; height: 260px; background-image:url(../images/splash-new.jpg); background-repeat:no-repeat; float:left; padding: 20px; margin: 0;}
#splash h1{ color:#FFFFFF; font-size:34px; line-height:.9em; margin:30px 0 0 0;}
#splash p{ color:#FFFFFF; margin:40px 0 0 0; padding:10px;}

#splash a { color:#FFFFFF; text-decoration:none; font-weight:bold; padding:5px; margin:15px; background-color:#171717}
#splash a:hover{ color:#FFFFFF; text-decoration: none; font-weight:bold; padding:5px; margin:15px; background-color:#8bcfd1;}


.clear {
clear:both
}

/*Gallery*/
#gallery {
width: 468px; height:300px; float:left;}

#gallery a {
float:left; position:absolute;}
	
#gallery a img {
border:none;}
	
#gallery a.show {
z-index:500 }

#gallery .caption {
z-index:600; 
background-color:#000; 
color:#ffffff; 
height:100px; 
width:100%;
position:relative;
bottom:0;
top :200px;}

#gallery .caption .content {
margin:0 5px 5px 5px; padding:20px;}
	
#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
font-size:22px;}

/*End Gallery*/

/*Actionboxes*/

#actionheader{ width: 990px; 
margin:0;
padding:0; 
background-color:#fff; 
float:left; }
	
#actionboxes{
float:left;
width:940px;
background-image:url(../images/action-back.gif);
background-repeat:repeat;
margin:20px;
height:250px;
}

#portfoilo{
width:220px;
float:left;
margin:20px 10px 10px 15px;
padding:0;
}

#portfoilo img{ margin:0; padding:0;}


#findout{
padding:0;
width:220px;
float:left;
margin:20px 10px 10px 0;}

#meetus{
padding:0;
width:220px;
float:left;
margin:20px 10px 10px 0;}

#signup{
padding:0;
width:220px;
float:left;
margin:20px 0 10px 0;}


#latestwork{
padding:0;
width:220px;
height:60px;
float:left;

}

/*End Actionboxes*/


/*Class Port*/

.port img{ padding:0; margin:0;}

.port ul {
background-color:#171717;
margin:0;
padding:0;
list-style-type: none;
width: 220px;
} 

.port li a {
color: #fff;
display: block;
font: bold 85% Arial, Helvetica, sans-serif;
padding:10px;
text-decoration: none;
font-style:normal;
margin:0;
}

 * html .port li a {  /* make hover effect work in IE */
 width: 220px;
}

.port li a:hover {
background: #ae6885;
}

/*End Class Port*/


/*Class finfout*/

.findout ul {
background-color:#171717;
margin:0;
padding:0;
list-style-type: none;
width: 220px;
} 

.findout li a { 
color: #fff;
display: block;
font: bold 85% Arial, Helvetica, sans-serif;
padding: 10px;
text-decoration: none;
font-style:normal;
margin:0;
}

 * html .findout li a {  /* make hover effect work in IE */
 width: 220px;
}

.findout li a:hover {
background: #8bcfd1;
}

/*End Class finfout*/

/*Class Meet*/

.meet ul {
background-color:#171717;
margin:0;
padding:0;
list-style-type: none;
width: 220px;
} 


.meet li a { 
color: #fff;
display: block;
font: bold 85% Arial, Helvetica, sans-serif;
padding: 10px;
text-decoration: none;
font-style:normal;
margin:0;
}

 * html .meet li a {  /* make hover effect work in IE */
 width: 220px;
}

.meet li a:hover {
background: #bbdb7f;
}

/*End Class Meet*/

/*Class Sign*/

.sign ul {
background-color:#171717;
margin:0;
padding:0;
list-style-type: none;
width: 220px;
} 


.sign li a { 
color: #fff;
display: block;
font: bold 85% Arial, Helvetica, sans-serif;
padding: 10px;
text-decoration: none;
font-style:normal;
margin:0;
}

 * html .sign li a {  /* make hover effect work in IE */
 width: 220px;
}

.sign li a:hover {
background: #8893c9;
}

/*End Class Sign*/

/*Sidemenu*/

#sidebar {
float:left;
margin:20px 0 0 0 ;
}	

#menu {

list-style:none;
padding:0;
margin:0;
top:0;
float:left;
height:100%;
width:220px;
}

#menu li {
padding:10px 0;
text-align:left;
display:block;
}

#menu li a {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
display:inline;
padding:10px;
text-decoration:none;
border-bottom: 1px dotted  #666666;
}

#menu li a:hover {
background-color: #333333;
color:#ddd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
display:inline;
padding:10px;
text-decoration:none;
}

#menu li span {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
}

/*End Sidemenu*/
#contact_us{float:right; margin: 0  50px 0 0;}


/*Printbox*/
#printbox{float:left; width:700px; padding:0; margin:10px;}
#printbox h2{ color:#f9b24b; padding:0; margin:0 0 0 10px;}
#printbox h3{ color:#333333; padding:15px; margin:0; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

#brandbox{float:left;  padding:0; margin:20px;}
#brandbox h2{ color:#ffe367; padding:0; margin:0 0 0 10px;}
#brandbox h3{ color:#333333; padding:15px; margin:0; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

.example-two {background:url(../images/action-back.gif); width:310px; padding:10px; margin:10px; float:left;}
.example-two a img, .example-two a           { border: none; float: left;}
.example-two a                               { margin: 5px; }
.example-two a:hover                         { outline: 5px solid #333; }

.example {background:url(../images/action-back.gif); width:200px; padding:10px; margin:5px; float:left;}
.example a img, .example a           { border: none; float: left;}
.example a                               { margin: 5px; }
.exampleo a:hover                         { outline: 5px solid #CCCCCC; }



.example-brand {background:url(../images/action-back.gif); width:260px; padding:10px; margin:10px; float:left;}
.example-brand a img, .example-brand a           { border: none; float: left;}
.example-brand a                               { margin: 5px; }
.example-brand a:hover                         { outline: 5px solid #333; }

.printcaption {  padding:10px; margin:5px;  background-color:#171717; color:#fff; font-size:12px;}
.printcaption a img, .example-two a           { border: none; float: left;}
.printcaption-two a                               { margin: 5px; }
.printcaption-two a:hover                         { outline: 5px solid #CCCCCC; }



/*End Printbox*/

/*Lightbox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*End Lightbox*/

#map{ float:right; padding: 0 0 0 10px; margin:100px 0 0 0; width: 400px;}
#map p{ font-size:15px; color:#666666;}


/*Form*/

fieldset {   
margin: 1.5em 0 0 0;   
padding: 0;
width:470px;
border-right: dotted 1px #666666;
border-bottom:none;
border-left:none;
border-bottom:none;
border-top:none;
} 

fieldset p {
font-size:11px;
}

legend {   
margin-left: 1em;   
color: #000000;   
font-weight: bold;  
}  
fieldset ol {   
padding: 1em 1em 0 1em;   
list-style: none;  
}  
fieldset li {   
padding-bottom: 1em;
list-style:none;  
}  
fieldset.submit {   
border-style: none;  
}

label {    
float: left;    
width: 10em;    
margin-right: 1em;
color:#333333;   
}

.button {
    border: none;
	background-color:#8893c9;
	font-family:Arial, Helvetica, sans-serif;
    padding: 12px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
}
.button:hover {
    border: none;
	background-color:#ae6885;	
    padding: 12px;
	text-transform:uppercase;
	font-weight:bold;
}

/*End Form*/

/*Elements*/

#offer { float:left; width:600px; }

#steps {float:left; width:300px; font-size:10px; color:#999999;}
#benefits {float:left; width:300px; font-size:10px; color:#999999;}


#toptips {
float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif; background-image:url(../images/top-tips.jpg); background-repeat:no-repeat; padding:150px 0 0 0;
	margin: 0 0 0 30px;}


#toptips p { font-size:13px;}

#brand {
	background: #f9b24b;
	border-bottom:#FFFFFF 1px solid;
	color: #000;
	margin: 0;
	padding: 0;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
}
#brand-element { background-color:#fbd193 }

#image {
    border-bottom:#FFFFFF 1px solid;
	background-color:#ffe367;
	color: #000;
	margin: 0;
	padding: 0;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
}


#image-element { background-color:#ffeea4;}

#selling {
    border-bottom:#FFFFFF 1px solid;
	background-color:#bbdb7f;
	color: #000;
	margin: 0;
	padding: 0;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
}

#selling-element { background-color:#d6e9b2}


#plan {
    border-bottom:#FFFFFF 1px solid;
	background-color:#8bcfd1;
	color: #000;
	margin: 0;
	padding: 0;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
}

#plan-element { background-color:#b9e2e3}

#marketing {
	background-color: #8893c9;
	color: #000;
	margin: 0;
	padding: 0;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
}

#marketing-element { background-color:#b8bedf;}

h3.toggler {
	cursor: pointer;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 20px;
	font-family:Arial, Helvetica, sans-serif;
}


div.element p, div.element h4 {
	margin:0px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.element ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}




.logopackages { width:280px; height:280px; float:left; margin:10px 16px 0 0; padding:0; }
.logopackages a img, .logopackages a           { border: none; float: left;}
.logopackages a                               { margin: 5px; }
.logopackages a:hover                         { outline: 5px solid #333; }

.logospec{ font-size:12px;}
.logoonly{ font-size:12px; color:#333333; font-weight:bold;}
.logoonly a{ color: #ae6885; text-decoration:underline;}
.logoonly a:visited { color: #ae6885; text-decoration:underline;}
.logoonly a:hover { color: #8BCFD1; text-decoration:none;}

.phone{ color:#8BCFD1;}

#bannerad{ margin: 0 0 0 6px; padding:0;}

/*End Elements*/

/*Footer*/
#footer{
width:930px;
border-top: 1px dotted #999999;
background-repeat:repeat-x;
clear:both;
margin: 20px;
font-size: 14px;
padding:10px 10px 10px 0;
}


#footer p{ line-height:1.4em; color: #666666;}

#footer h2 {
	margin: 8px 0 0 0;
	padding: 0;
}

#footer ul{ list-style:none; display:inline; padding:0; margin:0;}

#footer ul li{ list-style:none; display:inline; padding:0; margin:0;}


#footer a{ padding:0; margin:0; color:#ae6885; text-decoration:none;}
#footer a:hover{ padding:0; margin:0; color:#8bcfd1; text-decoration: underline;}

#footerlink{
width:900px;
height:40px;
float:left;
padding:0;
margin:0;
font-size:12px;
}


#footerlink a{ padding:0; margin:0; color:#8bcfd1; text-decoration:none;}
#footerlink a:hover{ padding:0; margin:0; color:#ae6885; text-decoration: underline;}




.copy {font-size:12px; color:#999999;}


#network{float:right; margin:0; background-image:url(../images/network-bubble.gif); background-repeat:no-repeat; width:120px; height:120px; padding: 0 0 0 25px; }


#network img{margin:33px 0 0 0;}



#footerwrap {width:990px; height:200px; background-image:url(../images/footer-background.gif);float:left;}


/*End Footer*/